iOSグラスモーフィズム · アイコン

使い方

1. 1

   Describe the icon

   Write one line naming the object or what the app does. No image is needed.

2. 2

   Pick an icon style

   Choose a platform look, a 3D finish, a line style or a themed set.

3. 3

   Generate and export

   Generate, pick the best version and crop or scale it to the size your platform needs.

アイコン の他のスタイル

iOS角丸グラデーション

Apple標準の角丸スクエアに、控えめなグラデーションを重ねた清潔で明るい見た目。

SF Symbols風

AppleのSF Symbolsのデザイン言語に沿った、清潔な線画グリフ。

iOSダークモード

深い暗色のプレートの上で発光するグリフ。iOSのダークモードに最適化。

マテリアルフラット

GoogleのMaterial Designに沿った、はっきりしたフラットな色面。

Material You

ダイナミックカラーの調和とやわらかな丸みが特徴の、パーソナライズされたMaterial You。

アダプティブアイコン

Androidのアダプティブアイコン仕様に沿った、前景と背景の2層構成。

macOS遠近スキューモーフィズム

往年のmacOSアプリアイコンのような、45度アイソメトリックの質感描写。

Fluentアクリル

MicrosoftのFluent Designらしい、半透明のアクリル素材の質感。