デジタル庁素材 — Fluxion制作見本での採用分
出典: デジタル庁 イラストレーション・アイコン素材。確認日: 2026-09-12。
このフォルダには制作見本で使う必要分を、公式SVGの内容を変えずにコピーしています。LP用は元のファイル名、Webアプリ用は下表で対応が分かる名前を使っています。SVGの縦横比を1:1で保ち、imgまたはCSS背景画像で表示します。SVGファイルの色・パス編集・再描画はしていません。表示側では、青い作成CTA内の app-add.svg を白く、サブメニューの app-arrow-down.svg を灰色に見せるCSS調整をしています。Fluxionのロゴは既存の自社ロゴであり、デジタル庁素材ではありません。
| ファイル | 使用する役割 |
|---|---|
work_line.svg |
仕事・事業戦略の説明 |
personal_computer_line.svg |
業務・デジタル化の説明 |
specialist_line.svg |
人材・組織の説明 |
arrow_right_line.svg |
詳細への遷移を補助する矢印 |
menu_line.svg |
サイトメニューを開く操作 |
Webアプリでの採用分は、同じ公式line素材を内容未加工のまま app- 名でコピーしている。対応は以下のとおり。
コピー元と検証記録の詳細は Webアプリ素材の出典 を参照する。
| 見本内ファイル | 公式原本 | 使用する役割 |
|---|---|---|
app-menu.svg |
menu_line.svg |
業務ナビゲーションを開閉 |
app-help.svg |
help_line.svg |
ヘルプ |
app-me.svg |
me_line.svg |
アカウント |
app-work.svg |
work_line.svg |
プロジェクト |
app-history.svg |
history_line.svg |
更新履歴 |
app-arrow-down.svg |
arrow_down_line.svg |
ナビゲーションのグループ開閉 |
app-arrow-left.svg |
arrow_left_line.svg |
旧ナビ開閉用として保持。現行見本では未使用 |
app-add.svg |
add_line.svg |
新規作成 |
app-documents.svg |
documents_line.svg |
資料 |
app-search.svg |
search_line.svg |
検索 |
閉じる×は収録セットに対応図形がないため、共通shell内のCSSで描いた単純な操作記号を使用します。メニュー／閉じるの文字ラベルと開閉状態を必ず併記します。装飾用の画像は空の代替テキストにし、リンクの目的はテキストで伝えます。
app-add.svg は公式原本を未加工で保持し、青いプロジェクト作成CTA内では <span> のCSSマスク（mask / -webkit-mask）として読み込み、background: currentColor で白く表示します。app-arrow-down.svg もCSSマスクとして16pxで表示し、background: currentColor と補助文字色トークンにより灰色にしています。これらは表示時の調整で、SVG原本の色やパスは変更していません。
サイドバー開閉にはユーザー指定の形に合わせた Lucideのpanel-left を使用します。デジタル庁素材と区別して同梱ライセンス・出典を保持します。
商用利用を含め利用でき、未加工素材の通常利用ではクレジット表記は不要です。将来加工する場合は、出典と加工内容を明示し、国や府省が制作したものと誤認される態様で公表しないでください。全文は同梱の LICENSE.txt と 公式利用規約 を確認してください。
プロジェクトでは必要な画像だけをここへ追加し、採用元・意味・代替理由を記録します。元の共通保管素材は直接変更しません。