濃いマスほど、このテーマでその指標が高いことを示します。
明瞭88
説得76
密度42
制作コスト30
課題適合84
仕事適合90
低高
短い答え
オープンアイコンシステムはいつ選ぶ？
次の条件に合う。スライド、製品 UI、ポスター、学校のワークシート
いつ避ける？
次の場合は別の形にする。1 つのスライドに 5 つのアイコン スタイルを混在させる
誰が作り、広めた？
GitHub 上の Feather to Lucide およびその他の ISC/MIT SVG アイコン ファミリ
何を符号化する？
共有グリッドとウェイトでのストロークまたは塗りつぶしのメタファー
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
オープンアイコンシステムは共有グリッドとウェイトでのストロークまたは塗りつぶしのメタファーとして値を載せます。GitHub 上の Feather to Lucide およびその他の ISC/MIT SVG アイコン ファミリ。
業務報告・広告・課題では「スライド、製品 UI、ポスター、学校のワークシート」に向く。「1 つのスライドに 5 つのアイコン スタイルを混在させる」のときは別の形を選ぶ。
ソフト
- Lucide — クリーンなストロークアイコン - ISC、積極的に維持されます。 · ISC · github.com/lucide-icons/lucide
- Tabler Icons — 一貫したストローク言語を備えた大規模な MIT セット。 · MIT · github.com/tabler/tabler-icons
- Feather — 多くのフォークにインスピレーションを与えたクラシックなミニマルセット。 · MIT · github.com/feathericons/feather
- Ionicons — アプリ UI の Web コンポーネントに適したアイコン。 · MIT · github.com/ionic-team/ionicons
- Twemoji — 絵文字グラフィック - 再配布する場合は CC-BY-4.0 に基づくクレジット。 · CC-BY-4.0 · github.com/twitter/twemoji
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG（スクリーンショット禁止）
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
オープンアイコンシステム: 共有グリッドとウェイトでのストロークまたは塗りつぶしのメタファーを守り、「1 つのスライドに 5 つのアイコン スタイルを混在させる」のときは別の図を選ぶ。