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

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

たくさんのSVGアイコンを一元管理でき、編集もできる無料ツール

Norde -SVG Icon manager and editor

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などオンラインに定義すると、他のマシンでも利用できます。

Nordeのキャプチャ

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のキャプチャ

Nordeの起動画面

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

Nordeのキャプチャ

アイコンのインポート

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

Nordeのキャプチャ

Bootstrapアイコンの登録完了

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

Nordeのキャプチャ

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

続いて、サイズの変更。

Nordeのキャプチャ

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

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

Nordeのキャプチャ

複数カラーのSVGアイコン

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

Nordeのキャプチャ

Opne PeepsのSVGアイコン

sponsors

top of page

©2020 coliss