アイコンの管理が簡単に！たくさんのSVGアイコンを一元管理でき、編集もできる無料ツール -SVG Icon manager

SVGアイコンの管理ができ、編集もできる便利な無料ツールを紹介します。
Windows, macOS, Linux対応で、たくさんのSVGアイコンを一元管理できてしまう優れものです。

Norde -SVG Icon manager and editor

• Nordeの特徴
• Nordeのダウンロード・インストール
• Nordeの使い方

Nordeの特徴

NordeはUIデザイナーもアイコン制作者も、アイコンを扱うすべての人のために構築された無料ツールです。複数のマシンでもアイコンを一元管理できるので、チームで使用するのにも適しています。

Nordeの特徴

• SVGアイコンの管理

  SVGアイコンをアイコンセット、グループを使用して管理できます。

• SVGアイコンの編集

  SVGアイコンのカラーやサイズを簡単に編集できます。

• SVGアイコンのエクスポート

  .svg, .png, .jpg, .webp, Vue.js形式でエクスポート。

• 他ツールとの連携

  Adobe XD, Photoshopなどにドラッグ&ドロップで利用できます。

• クロスプラットフォーム

  Windows, macOS, Linuxをサポート。

• 完全に無料

  Nordeはすべての機能を無料で利用できます。

操作は非常に簡単で、快適です。
SVGアイコンは、カラーを簡単に変更できます。

SVGアイコンのカラーを変更

アイコンはいろいろなサイズでの見え方も気になりますよね。

SVGアイコンのサイズを変更

他ツールとの連携も簡単で、ドラッグ&ドロップするだけです。

他ツールとの連携も簡単

ライブラリをDropboxなどオンラインに定義すると、他のマシンでも利用できます。

SVGアイコンを複数のマシンで一元管理

Nordeのダウンロード・インストール

Nordeのダウンロードは、下記ページから。

Norde -SVG Icon manager and editor

「Get Norde Source」をクリックすると、Gumroadに移動するので、価格に「0」を入力してダウンロードします。
価格は$0か、$1,000か、$1,000,000を入力してほしい、と記述されています。

ダウンロードページで、Windows, macOS, Linuxを選択できます。

ダウンロードページ

Nordeの使い方

Nordeをさっそく使用してみました。
非常に快適で、かなりオススメです！

まずは、起動画面。

Nordeの起動画面

アイコンを登録してみます。先日リリースしたばかりのBootstrapの新しいSVGアイコンをダウンロードしてみました。

• Bootstrap Icons

アイコンのインポート

673個ほどのアイコンですが、数秒で完了しました。

Bootstrapアイコンの登録完了

アイコンを編集してみます。
まずは、カラーの変更。単色アイコンの場合は、「Set Colors」に1色が表示されるので、クリックでカラーピッカーが表示されます。

SVGアイコンのカラーを変更

続いて、サイズの変更。

SVGアイコンのサイズを変更

Nordeは、複数カラーのSVGアイコンにも対応しています。

複数カラーのSVGアイコン

手元にSVGアイコンがない人でも大丈夫です。左サイドバーの「Store」にSVGアイコンが用意されており、簡単に利用できます。
CC0やMITライセンスなど、ライセンスも明記されています。

Opne PeepsのSVGアイコン