アイコン一覧
melta UI で使用可能な全222アイコン。Charcoal Icons（プライマリ）+ Lucide Icons（セカンダリ補完）。
合計
222
アイコン
Charcoal Icons 2.0
207
fill ベース / PascalCase
Lucide Icons
15
stroke ベース / kebab-case
Charcoal Icons 2.0
プライマリ — pixiv design system 由来
fill="currentColor"
assets/icons/{Name}.svg (PascalCase)
Lucide Icons
セカンダリ補完 — SaaS/ダッシュボード向け
stroke="currentColor" fill="none"
assets/icons/lucide/{name}.svg (kebab-case)
Icon Explorer
クリックでアイコン名をコピー。
222 件表示
アイコンを読み込み中...
一致するアイコンがありません
Size Reference
SVG は全て 24px 基準。表示サイズは Tailwind クラスで制御。
w-4 h-4
16px
テーブル行、バッジ内
w-5 h-5
20px (標準)
ボタン、ナビ、フォーム
w-6 h-6
24px
ページヘッダー
w-8 h-8
32px
タブバー、空状態
Color Rules
用途別のカラー指定。コントラスト比 3:1 以上（WCAG AA — UI要素基準）。
| 用途 | Tailwind クラス | プレビュー |
|---|---|---|
| 標準（ナビ、補助） | text-body | |
| 無効/プレースホルダー | text-slate-400 | |
| アクティブ/選択中 | text-primary-600 | |
| 成功 | text-emerald-600 | |
| 警告 | text-amber-600 | |
| エラー/危険 | text-red-500 | |
| 色付き背景上 | text-white |
Name Mapping
Charcoal は pixiv 由来の命名が多く、一般的な概念と名前が一致しない場合がある。
| 一般的な概念 | Charcoal アイコン名 | プレビュー | 備考 |
|---|