M014 制作素材
Kenney Input Prompts
左右キーのPNGを文字と並べて操作説明へ。実素材の表示と自作例の移動を確認。
- 操作説明向けの画像素材
- 矢印2枚の実表示・配置を確認
- CC0・作者と出典を併記
フォント・アイコン・ゲーム素材を探す
日本語フォント、SVGアイコン、立体アイコン、ゲームのボタン画像。実際の使用例から選び、作者・入手方法・ライセンスを確認できます。
見本を広げて、選んでみる。
サンプル帳を開く・閉じる
作品を絞り込む
作者から探す →ジャンルで探す すべて
M013 制作素材
Bootstrap Icons
pauseのSVGを公式から保存し、文字付き一時停止ボタンに配置。MIT全文と出典を同梱したZIPも。
- 公式SVGを保存・配置
- 自作カウンターの停止を確認
- MIT全文・著作権表記を保持
M012 制作素材
Iconoir
downloadのSVGを文字付き保存リンクに配置。実画面と、MIT全文・出典を同梱したZIPを紹介。
- 線画のSVGアイコン
- 検索・SVG保存・リンク配置を確認
- MIT・著作権と許諾文を保持
M011 制作素材
Kenney Pixel Platformer
18pxの地面とハートを整数倍で配置。公式ZIPの保存手順、使用例とCC0の利用条件を紹介。
- 18pxのゲーム用ドット絵
- 二枚のPNGを保存・配置確認
- 無料・CC0・商用利用可
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・作者表記と出典が必要
3 / 5ページ
使いたい素材から選ぶ
日本語フォント、SVGアイコン、ゲームのボタン画像。作例から使い方へ進み、素材ごとのクレジット・配布条件を確認できます。
- ゲームのボタン画像を使ってみたい
Kenney UI Packの記事では、公式ZIPの入手とPNGを配置する手順を紹介しています。動くボタンの作例から、使った画像と利用条件を確認できます。
ボタンの作例・入手・利用条件- サイトのリンクにアイコンを置きたい
Lucideの記事では、ゲームパッドのSVGを保存して文字付きリンクへ配置しました。色やサイズを選ぶ実画面と、使用例を見比べられます。
SVG保存と文字付きリンクの使用例- 無料なら、商用でもそのまま使える？
料金だけで判断せず、使う素材の利用条件を確認してください。各紹介に確認したライセンス、必要な表記、配布する場合の注意点を記しています。
OpenMojiのクレジットと配布条件