SF Symbols風 · アイコン
使い方
1
Describe the icon
Write one line naming the object or what the app does. No image is needed.
2
Pick an icon style
Choose a platform look, a 3D finish, a line style or a themed set.
3
Generate and export
Generate, pick the best version and crop or scale it to the size your platform needs.
アイコン の他のスタイル
iOS角丸グラデーション
Apple標準の角丸スクエアに、控えめなグラデーションを重ねた清潔で明るい見た目。
iOSグラスモーフィズム
半透明のすりガラス層とやわらかなぼかしで、iOSらしいグラスモーフィズムに。
iOSダークモード
深い暗色のプレートの上で発光するグリフ。iOSのダークモードに最適化。
マテリアルフラット
GoogleのMaterial Designに沿った、はっきりしたフラットな色面。
Material You
ダイナミックカラーの調和とやわらかな丸みが特徴の、パーソナライズされたMaterial You。
アダプティブアイコン
Androidのアダプティブアイコン仕様に沿った、前景と背景の2層構成。
macOS遠近スキューモーフィズム
往年のmacOSアプリアイコンのような、45度アイソメトリックの質感描写。
Fluentアクリル
MicrosoftのFluent Designらしい、半透明のアクリル素材の質感。