M026 制作素材
Bytesize Icons
検索アイコンを32px・64pxで表示。線幅を変える作例とMIT全文を同梱。
- 線画のSVGアイコン
- 線幅1・2・3を比較
- MIT全文を同梱
SVGアイコン・絵文字素材一覧
Heroicons、Tabler Icons、OpenMojiを使用例つきで紹介。素材の保存・配置方法と、MITやCC BY-SAの表記・配布条件を確認できます。
M025 制作素材
Humbleicons
DownloadのSVGを文字付き保存リンクへ。自作HTMLとMIT全文をまとめた使用例。
- 公式SVGの形を保持
- 文字付きリンクで使用
- MIT全文を同梱
M024 制作素材
Charm Icons
検索・クリアのSVGを文字付きボタンへ。絞り込み例とMIT全文入りZIP。
- 公式SVG2枚を原本のまま配置
- 1件・3件の状態を確認
- MIT全文をZIPへ同梱
M023 制作素材
Ionicons
再生・停止のSVGを文字付きボタンへ。カウンターの操作例とMIT全文入りZIP。
- 公式SVG2枚を変更せず配置
- カウンターの開始・停止を確認
- MIT全文をZIPへ同梱
M019 制作素材
Octicons
downloadのSVGを文字付き保存リンクへ。3サイズの表示と、例文の保存・MIT全文を確認。
- GitHubのSVGアイコン
- 公式検索と保存リンクを実操作
- MIT全文をZIPへ同梱
M017 制作素材
Radix Icons
公式ZIPのcheck.svgを文字付きボタンへ。3サイズの作例とMIT全文を保存できる。
- 15×15のSVGアイコン
- 公式ZIP保存と作例を確認
- MIT全文を同梱
M016 制作素材
Material Symbols
Google公式のpauseをSVGで保存。文字付きボタンの実例とApache 2.0全文を紹介。
- Google公式のアイコン
- Outlined・24pxの保存と表示を確認
- Apache 2.0全文同梱
M013 制作素材
Bootstrap Icons
pauseのSVGを公式から保存し、文字付き一時停止ボタンに配置。MIT全文と出典を同梱したZIPも。
- 公式SVGを保存・配置
- 自作カウンターの停止を確認
- MIT全文・著作権表記を保持
M012 制作素材
Iconoir
downloadのSVGを文字付き保存リンクに配置。実画面と、MIT全文・出典を同梱したZIPを紹介。
- 線画のSVGアイコン
- 検索・SVG保存・リンク配置を確認
- MIT・著作権と許諾文を保持
M010 制作素材
Phosphor Icons
ロケットのSVGを保存し、文字付きカードへ配置。実操作画面、触れる作例とMIT全文を添えて紹介。
- UI向けのSVGアイコン
- Regularの保存とカード配置を確認
- MIT・著作権と許諾文を保持
M009 制作素材
Game-icons.net
Delapouite様の流れ星SVGを保存。カードの完成例、操作画面とCC BY 3.0の作者表記を紹介。
- ゲーム向けのアイコン
- Falling starを保存・配置確認
- CC BY 3.0・作者表記と出典が必要
M008 制作素材
Feather
downloadを検索して色付きSVGを保存。押すと保存できる文字付きリンクを、実画面とコードで紹介。
- 線画のSVGアイコン
- 検索・色変更・保存を確認
- MIT・著作権と許諾表示を保持
M007 制作素材
Lucide
ゲームパッドを水色のSVGで保存。文字付きリンクの実例、操作画面、ISCの利用条件を紹介。
- 線画のSVGアイコン
- SVG保存と文字付きリンクを確認
- ISC・一部はFeather由来MIT
M006 制作素材
OpenMoji
色付きの絵文字をSVGで保存。ロケットの作者・利用条件を確認し、文字付きリンクへ配置。
- 絵文字のSVG素材
- CC BY-SA 4.0・表記と継承条件あり
- SVG保存と使用例を確認
M005 制作素材
Heroicons
Tailwind LabsのSVGアイコン。検索から文字付きリンクへの配置まで、実画面と使用例で紹介。
- SVGアイコン
- MIT・著作権表示の保持
- 検索と使用例を確認
M004 制作素材
Tabler Icons
Paweł Kuna様と貢献者のSVGアイコン集。検索・詳細画面と、文字付きボタンの使用例を紹介。
- SVGアイコン
- オープンソース版はMIT
- 著作権・許諾表示の保持が必要