SVGアイコンカラーカスタマイザー — 色を変えてすぐダウンロード

使い方

1. 「サンプルアイコンから試す」で好きなアイコンをクリックするか、SVGコードを貼り付け・ファイルをアップロードしてください。
2. 「色を検出する」ボタンを押すと、SVG内に含まれる fill・stroke の色が自動的に一覧表示されます。
3. 各色の横にあるカラーピッカーで新しい色を選択すると、右のプレビューがリアルタイムで更新されます。
4. 「幅」「高さ」フィールドで出力サイズを変更できます。空欄にすると元のサイズが保持されます。
5. 「SVGをダウンロード」ボタンを押すと、カスタマイズ済みのSVGファイルが保存されます。

SVGカラーカスタマイザーとは

このツールはブラウザだけで動作するSVGアイコンの色変更ツールです。アップロードしたSVGファイルはサーバーには送信されず、すべてお使いのデバイス内で処理されるため、機密性の高いアイコン素材も安心してご利用いただけます。 SVGのfill属性やstroke属性で指定された色を自動検出し、カラーピッカーで直感的に変更することができます。ブランドカラーへのアイコン変換、UIデザインの配色確認、アイコンセットの一括カラー変更などにご活用ください。 PhotoshopやIllustratorなどの高価なソフトウェアは不要で、Webブラウザさえあれば無料でお使いいただけます。デザイナーはもちろん、プログラマーやWebサイト制作者にも便利なツールです。