M008 制作素材
Feather
downloadを検索して色付きSVGを保存。押すと保存できる文字付きリンクを、実画面とコードで紹介。
- 線画のSVGアイコン
- 検索・色変更・保存を確認
- MIT・著作権と許諾表示を保持
フォント・アイコン・ゲーム素材を探す
日本語フォント、SVGアイコン、立体アイコン、ゲームのボタン画像。実際の使用例から選び、作者・入手方法・ライセンスを確認できます。
見本を広げて、選んでみる。
サンプル帳を開く・閉じる
作品を絞り込む
作者から探す →ジャンルで探す すべて
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
- 著作権・許諾表示の保持が必要
M003 制作素材
Kenney UI Pack
Kenney様のボタン・UI素材。公式ZIPの入手から、動くボタンの使用例まで紹介。
- 2DのUI素材
- 無料・CC0
- PNGの使用例を確認
4 / 5ページ
使いたい素材から選ぶ
日本語フォント、SVGアイコン、ゲームのボタン画像。作例から使い方へ進み、素材ごとのクレジット・配布条件を確認できます。
- ゲームのボタン画像を使ってみたい
Kenney UI Packの記事では、公式ZIPの入手とPNGを配置する手順を紹介しています。動くボタンの作例から、使った画像と利用条件を確認できます。
ボタンの作例・入手・利用条件- サイトのリンクにアイコンを置きたい
Lucideの記事では、ゲームパッドのSVGを保存して文字付きリンクへ配置しました。色やサイズを選ぶ実画面と、使用例を見比べられます。
SVG保存と文字付きリンクの使用例- 無料なら、商用でもそのまま使える？
料金だけで判断せず、使う素材の利用条件を確認してください。各紹介に確認したライセンス、必要な表記、配布する場合の注意点を記しています。
OpenMojiのクレジットと配布条件