Windows10でSVGアイコンの色を編集する方法

SVGファイルは一般的にオンラインでは見つかりません。ただし、デザインで作業している場合は、かなりの数に遭遇する可能性があります。これらのファイルは、品質を損なうことなく拡大縮小できるベクターファイルです。設計者は、それらを開いて編集できるツールを持っています。編集するSVGアイコンの色を必要とするが、あなたは仕事のためのアプリを持っていない場合は、使用Nordeソース。これは無料のオープンソースアプリで、SVGファイルの色を非常に簡単に編集し、SVGファイル、PNG、JPG、またはWEBPファイルとしてエクスポートできます。

SVGアイコンの色を編集する

NordeSourceをダウンロードします。Windows、macOS、Linuxで利用できます。アプリをインストールして実行し、[アイコンの追加]ボタンをクリックします。編集するアイコン/ SVGファイルを選択します。それらはすべて「セット」にグループ化され、整理された状態を維持するのに役立ちます。

複数のアイコンをインポートすると、「色」セクションが表示され、その下に、アイコンで検出されたすべての色が表示されます。黒などの色をクリックすると、カラーピッカーが開きます。

カラーピッカーを使用して、元の色を置き換える色を選択します。これにより、セット内のすべてのアイコンの色が、発生する場所に置き換えられます。RGB値とHEX値を使用して色を入力することもできます。それがあなたがする必要があるすべてです。アイコンのプレビューにライブで反映された色の変化が表示されます。準備ができたら、エクスポートするアイコンを選択して、[エクスポート]ボタンをクリックします。

デフォルトでは、アプリはアイコンをSVG形式でエクスポートしますが、[エクスポートの種類]ドロップダウンを開いて、ファイルをエクスポートする別の形式を選択できます。デザインスキルがなく、一般的なデザインツールがどのように機能するかわからない場合は、このアプリがSVGファイルを編集する最も簡単な方法です。これらすべてを実行できる、よりスマートで高性能なアプリがありますが、有料であるか、習得が難しい可能性があります。

アプリが検出する任意の色を変更できます。色を一度交換した場合は、何度でも交換できます。あなたがしなければならないのは、色の見本からそれを選択し、カラーピッカーで別のものを選ぶことです。

Norde Sourceは、元のファイルの色を変更することはありません。常に新しいアイコンをエクスポートするように求められます。アイコンをエクスポートするときに元のファイルを上書きすることを選択した場合、それはあなた次第です。