アイコン素材(SVG)コピペ

クリックでSVGをコピーして、FigmaIllustratorにそのまま貼り付け。temotoオリジナル+定番4セットで10,000種類以上、すべて商用OK・登録不要です。

読み込み中…

SVGをコピーしました

使い方

  1. 上のチェックで使いたいアイコンセットを選びます(和風・日本の題材ならtemotoオリジナル、線ならLucide/Tabler、塗りならMaterial/Phosphor)。複数オンにして見比べることもできます。
  2. 検索欄にキーワードを入力してアイコンを探します(日本語・英語どちらでもOK。例:「ホーム」「arrow」「cart」)。
  3. 使いたいアイコンをクリックすると、SVGコードがクリップボードにコピーされます。
  4. FigmaやIllustratorのキャンバス上で貼り付け(⌘V / Ctrl+V)すると、編集できるベクターとして配置されます。必要に応じて上部の「色」を切り替えてからコピーできます。

こんな場面で使えます

よくある質問

コピーしたアイコンはどうやってFigmaに貼り付けますか?
アイコンをクリックするとSVGコードがクリップボードにコピーされます。Figmaのキャンバス上でそのまま貼り付け(⌘V / Ctrl+V)すると、ベクターのレイヤーとして配置されます。Illustratorでも同様に、アートボード上で貼り付けるとパスとして読み込まれます。
商用利用や改変はできますか?
収録しているアイコンは、すべて商用利用・改変・再配布が可能です。temotoオリジナルはCC0(表記不要で自由に利用可)、ほかはオープンソースのセットです(Lucide=ISC、Tabler=MIT、Material Symbols=Apache 2.0、Phosphor=MIT)。完成サイトでの利用にクレジット表記は不要ですが、アイコンを再配布する場合は著作権表示・ライセンス文の保持が必要です(CC0を除く)。詳しくは下部の「アイコンの出典・ライセンス」をご覧ください。
セットはどう違いますか?
temotoオリジナルは、鳥居・提灯・回覧板・トンボ(見当マーク)など、日本のくらしや印刷にまつわる題材を集めた線画セットです。Lucide・Tablerは線(ストローク)系で軽快な印象、Material SymbolsとPhosphorは塗り(フィル)系でしっかりした印象です。上部のチェックでセットをオン/オフでき、複数セットを同時に表示して見比べることもできます。
アイコンの色や太さは変えられますか?
上部のカラー選択でコピーするSVGの色を切り替えられます。貼り付けた後は、FigmaやIllustrator側でも自由に色・線幅・サイズを変更できます(すべて編集可能なベクターです)。

アイコンの出典・ライセンス

このページのアイコンは、いずれも商用利用・改変・再配布が可能なアイコンセットです。完成したサイトやプロダクトで使う分にはクレジット表記は不要ですが、アイコンファイルそのものを再配布する場合は、各ライセンスに従って著作権表示・ライセンス文の保持が必要です(CC0を除く)。

各ライセンスの詳細は、それぞれの公式サイト・リポジトリをご確認ください。temotoオリジナルのアイコンはCC0のため、表記なしで自由にお使いいただけます。

シェア B!