無料ビジネス素材集
レイヤースタックアイコン
カラー設定
プリセット
完全無料ライセンスフリー・商用利用可
説明
3段に重なった菱形のレイヤーアイコン。階層・スタック・複数データ管理のUIに。

使い方
レイヤースタックアイコンの使い方
- 1
色を選ぶ
プレビュー右側のカラーピッカーで、ブランドカラーや配色に合った色に変更します。
- 2
アニメーションを確認
アニメーショントグルでループ再生をオン/オフし、用途に合うモードを選びます。
- 3
形式を選んでダウンロード
SVG(Web・印刷向け)、PNG(資料・SNS投稿向け)、MP4(動画広告・LP向け)から目的に合う形式を選び、ダウンロードボタンを押します。
- 4
サイトや資料に配置
HTMLの<img>やCSSの背景画像、PowerPoint・Keynoteのスライドにそのまま挿入できます。背景透過なので任意の背景色に重ねられます。
よくある質問
- レイヤースタックアイコンは商用利用できますか?
- はい、商用利用OKです。レイヤースタックアイコンを含むMihataの無料素材はすべてCC0(パブリックドメイン)相当のライセンスフリー扱いで、企業のホームページ、印刷物、広告、SNS投稿などに自由にお使いいただけます。クレジット表記も不要です。
- どんな形式でダウンロードできますか?
- 背景透過のSVG・PNG(1024×1024px)・MP4の3形式に対応しています。SVGはWeb・印刷物に最適で拡大しても劣化しません。PNGはPowerPointやWord、SNS投稿に手軽に使えます。MP4はLPやSNS動画広告のループ素材として活用できます。
- 色を変更できますか?
- はい。プレビュー画面のカラーピッカーで好きな色に変更してから、ダウンロードボタンを押してください。SVGには変更後のカラーが反映され、PNG/MP4も指定したカラーで書き出されます。コーポレートカラーへの統一が1クリックで完結します。
- ビジネス全般以外のシーンでも使えますか?
- もちろん使えます。レイヤースタックアイコンはビジネス全般カテゴリに分類していますが、汎用性のあるデザインなので別業種・別シーンでも違和感なくお使いいただけます。タグを参考に近いデザインの素材を探したり、関連素材から類似のバリエーションを見つけることもできます。
- アニメーションの速度や再生設定は変えられますか?
- プレビュー画面下部の「アニメーション」スイッチをONにするとループ再生に切り替わります。ダウンロード時にはアニメーション付きSVG・MP4と、静止画PNGを使い分けて取得できます。Web掲載時のCSSやJavaScriptで再生制御することも可能です。