アイコン（概要）

デジタル庁デザインシステムでは、文書構造中でアイコンが使われる位置ごとに、4つのアイコン仕様を定義しています。

種類の定義

1. フロントアイコン
2. リードアイコン
3. テールアイコン
4. エンドアイコン

ブロックレベルボックスのアイコン

CSSのブロックレベルボックスの先頭に配置するアイコンをフロントアイコン、末尾に配置するアイコンをエンドアイコンと呼びます。

行ボックスのアイコン

インラインレベルではリードアイコンとテールアイコンを使用します。行ボックスの先頭に配置するアイコンをリードアイコン、末尾に配置するアイコンをテールアイコンと呼びます。リードアイコンとテールアイコンは原則としてテキストシーケンスの一部となりますが、レイアウト構造によってはテキストシーケンスと並列のフレックスボックスとして扱われる場合があります。