よしにゃにアイコン作成
アイコンを1個ずつダウンロードして、ファイルを開いて色を書き換えて……小さな作業のわりに手間がかかります。ここでは使いたいアイコンを選び、色・線の太さ・サイズを一度決めるだけ。SVGコードをそのままコピーすることも、必要なサイズのSVGとPNGをまとめてZIPで持ち帰ることもできます。
- 無料
- 登録不要
- ブラウザ内で処理
🔒 入力した内容はサーバーに送信されません。すべての処理はブラウザ内で完結します。
① 見た目を決める
プレビュー
線はアイコンと一緒に拡大されるため、大きいアイコンほど線も太くなります。
背景
② アイコンを選ぶ
128個
③ 書き出す
形式
SVGは1つのファイルがすべてのサイズを兼ねるため、サイズの選択はありません。
上でアイコンを1つ以上選んでください。
使い方ガイド
使い方
- 色・線の太さ・サイズを決めます。ページ上のアイコンすべてに即座に反映されます。
- 欲しいアイコンにチェックを入れます。「すべて選択」で全部が選べます。
- 1個だけなら「SVGをコピー」でコードがクリップボードに入ります。カード上のSVG・PNGボタンから個別にダウンロードもできます。
- まとめて欲しいときは、SVG・PNGのどちらか（または両方）を選び、必要なPNGサイズにチェックを入れて、「③ 書き出す」のダウンロードボタンを押します。
こんなときに便利
- 資料やスライドに、色と線の太さを揃えたアイコンを並べたい。
- 手元のアイコンが黒のままで、ブランドカラーに合っていない。
- 同じアイコンの32px・128px・512pxが必要で、3回書き出すのが面倒。
- デザイン指定の線が、ダウンロードしたアイコンより太い。
- SVGのコードそのものが欲しい（コンポーネントに直接貼りたい）。
SVGとPNG、どちらを選ぶか
- SVG
- 写真ではなく図形のデータなので、どんなサイズに拡大しても輪郭がぼやけません。Webサイトやデザインツールで使うならこちらです。SVGの書き出しにサイズ指定がないのは、1つのファイルがすべてのサイズを兼ねるためです。
- PNG
- ピクセルが固定された画像です。SVGを受け付けない場所——一部のプレゼンソフト、各種マーケットプレイス、アプリのアイコン——で使います。自分のサイズを超えて引き伸ばすとぼやけるので、必要なサイズを選んで書き出してください。
サイズを大きくすると線も太くなる理由
線の太さは画面上のピクセルではなく、アイコンの内側の座標で決まります。そのためアイコンを大きくすると線も同じ比率で太くなります。これは「大きく描き直した」のと同じ状態で、サイズ違いのアイコンを並べても同じシリーズに見えるのはこの仕組みのおかげです。大きいアイコンを細い線にしたい場合は、線の太さを下げてください。すべてのアイコンにまとめて反映されます。
アイコンの出典
アイコンは Lucide（lucide.dev）を ISC ライセンスのもとで使用しています。一部は Feather プロジェクト由来で MIT ライセンスです。よしにゃはその両方を表記しており、ライセンスが求めているのはこの表記だけです。使う側には何の義務もありません。ここでダウンロードしたアイコンは、商用利用も改変も自由で、クレジット表記は不要です。
プライバシーと安全性
入力するのは色の値と検索語だけで、そのどちらもサーバーには送られません。アイコンの生成、PNGへの変換、ZIPの作成はすべてブラウザ内だけで完結します。設定はこの端末のブラウザにのみ保存され、ブラウザのデータを消せば一緒に消えます。
よくある質問
- 商用利用はできますか？
- できます。Lucide の ISC ライセンスのアイコンなので、商用利用・改変・再配布のいずれも許可されており、利用者側のクレジット表記も不要です。
- よしにゃや Lucide のクレジット表記は必要ですか？
- 不要です。ライセンスが表記を求めているのは配布する側——つまりこのサイト——で、その表記はこのページに記載しています。あなたの制作物に何かを入れる必要はありません。
- 操作した内容はサーバーに送られますか？
- 送られません。選んだ色も、検索した言葉も、ダウンロードしたファイルもブラウザの中だけで完結します。アクセス解析に記録されるのは、ダウンロードが行われたことと、その件数だけです。
- サイズを大きくすると線が太くなるのはなぜですか？
- アイコン全体を線ごと拡大しているためです。これによりサイズ違いのアイコンが同じシリーズに見えます。大きいアイコンを細い線にしたい場合は、線の太さを下げてください。
- faviconや.icoファイルは作れますか？
- 現時点では作れません。16pxや32pxのPNGは書き出せるのでfaviconに必要な素材はほぼ揃いますが、.icoファイルやmanifestの生成は別の作業になるため、専用のツールとして用意する予定です。
- 一度に何個までダウンロードできますか？
- 全アイコンを、複数のPNGサイズで同時に書き出せます。ZIPはブラウザ内で作られるので、上限はお使いの端末の性能だけです。
- 次に開いたとき、設定は残っていますか？
- 同じ端末・同じブラウザなら残っています。色・線の太さ・サイズ・背景はこの端末に保存され、サーバーには送られません。選択していたアイコンは保存されません。