何を保存するか文字で伝える
雲と下向きの矢印を描いたDownloadアイコンを、文字付きの保存リンクへ置きました。アイコンだけでは保存する対象が分からないので、「作例とライセンスを保存」という文字を添えています。
公式ページに掲載されたSVGコードをdownload.svgとして保存しました。自作HTMLでは同じパスを直書きし、currentColorでリンクの文字と同じ白色にしています。形のパスは変更していません。
公式ページから使用例へ
- 公式トップの検索欄へdownloadと入力します。
- 「download」を開き、アイコンとSVGコードを確認します。
- SVGを保存し、リンクの文字の手前へ配置します。作例では装飾用のSVGにaria-hiddenを付け、操作名は文字から伝えています。
- 作例の「作例とライセンスを保存」を押すと、HTML・SVG・MIT全文をまとめたZIPを保存できます。
今回確認したのはDownloadの1種類です。SVGスプライト全体やパッケージ導入は試していません。SVGコードの保存と、公式サイトのコピー機能の動作は別で、クリップボードへのコピーは未確認です。
MITの表示を残す
作者の公式リポジトリでMITを確認しました。著作権表記は2021 Jiří Zralýです。利用・改変・配布には、コピーや相当部分へ著作権・許諾表示を残す条件があります。ライセンス全文はZIPにも含めています。
自作HTML・CSSはCC0、アイコンはMITで、同じ条件ではありません。リンクの見た目を変える場合も、文字が読める色とキーボードのフォーカス表示を保ってください。作者の紹介、currentColorの実験もあわせて確認できます。
確認日：2026年10月22日。ブラウザでの操作と保存ファイルを確認しています。スマホ実機・全ブラウザ・読み上げは未確認です。Xの最近の元投稿と反響は取得できず、流行は未確認です。自作の文章・HTML・練習データはCC0です。