もう何年もいつか無くなってしまうんじゃないかと戦々恐々としながら使わせていただいてる無料神ツールIcoMoon

自作したものなんでも、任意のSVGファイルをまとめてアイコンフォントが作れます。

 

アップデートしたのか、使い方にちょっと迷ったのでメモ。

IcoMoonがデフォルトで用意しているアイコンセットをそのまま編集して使う場合は、従来通りそのまま編集すればよいです。

自作したアイコンをIcoMoon-Freeのアイコンセットと別の新しいセットとしてしたい場合、以前は同一ページ(同一プロジェクト)上で分けて表示してくれていたと記憶しています。

が、新しく追加してみたらIcoMoon-Freeの中に追加されてしまい、後からも分けられないようでした。

 

いろいろ試した結果、とりあえず以下のやり方でできました。

 

①右上の「Untitled Projrct」をクリック

 

 

②プロジェクト編集画面にて、新規プロジェクトを作成

ここで「Untitled Project」と表示されているのがデフォルトで開いたセットのことです。

新しいセットを作る場合h「New Project」をクリックします。

 

分かりやすいように、元のUntitled ProjectはDefaultSetと名前を変えました。

新しく追加したセットも初期値では「Untitled Project」ですが、任意の名前を付けられます。

 

そして追加したプロジェクトの「Load」をクリックする下のようなまっさらな画面が開きます。

③左上の「Import Icons」からアイコンを追加

上のまっさらな状態だと、アイコンファイルをドラッグ&ドロップで追加することはできませんでした。

(やってみたらアイコンがタブで開いちゃった。)

 

一度アイコンを追加してアイコンセットが作成されると、ドラッグ&ドロップで追加できるようになりました。

ドラッグ&ドロップを使いたい場合はとりあえず1つでも適当にアイコンを追加してから作業するとよいと思います。

 

ちなみに1度アイコンを追加した後は、アイコンが追加されていない状態でもドラッグ&ドロップが使えます。

中身のアイコンを消してもセットは残るので、「Unrirled Set」のあたりにドラッグすれば紫色の枠が表示されます◎

 

1プロジェクト複数セットだったのが、1プロジェクト1セットになったようです。

それだとセットの意味は・・という気もしますが、特に使用上問題なく使えています。