SVGアイコン色変更

SVGコードやファイルのfill・strokeを指定色へ変更し、安全化したプレビューとSVGファイルを作成します。

変更後SVGプレビュー

PitaTools

特徴

  • fill・stroke個別設定
  • none保持
  • script・イベント除去

Steps

使い方

  1. SVGを貼り付けるか読み込みます。
  2. 色と変更対象を選びます。
  3. SVGをコピー・保存します。

PitaTools

活用例

  • アイコン配色変更
  • テーマ対応
  • ブランドカラー統一

Example

入力例・結果例

入力例
加工したい画像、色、サイズなどの設定
結果例
fill・stroke個別設定

ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。

Privacy

プライバシーとデータ処理

公開中の200ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。

FAQ

よくある質問

SVGは安全にプレビューされますか?

script、イベント属性、外部hrefを除去してデータURLで表示します。

Explore · 画像・デザイン

関連ツール

同じカテゴリのツールを続けて利用できます。