IcoMoonは、Webフォントとして利用できるアイコンを配布する素材サイトです。Webフォントとしてファイルをダウンロードできるサイトはあまり多くないので、とても重宝します。今回は、IcoMoonの使い方やライセンス一覧、自作アイコンやSVGのアイコンをWebフォント化する方法などについてご紹介していきます。
IcoMoonとは
IcoMoonは、Webフォントとして扱えるアイコン素材を配布するほか、自作のアイコンや他の素材サイトでダウンロードしたSVGアイコンをWebフォント化することができるサービスです。
【URL】 IcoMoonのサイトはこちら
IcoMoonの使い方
それでは、IcoMoonの使い方をご紹介します。
アイコンのダウンロード方法
(1)トップページで右上のIcoMoon Appをクリックします。
(2)アイコン一覧が表示されるので、使いたいアイコンを選びます。
もし好みのものがなければ、「Add Icons From Library…(ライブラリからアイコンを追加する)」、または、画面上部の本のアイコンをクリックすると、ライブラリを開き、他のアイコンを追加することができます。
ライブラリを開くと、このような画面が表示されます。
Purchase(購入)のボタンがあるものは有料、Remove(外す)のボタンがあるものは既に一覧に入っているアイコン、Add(追加する)の表示があるボタンは無料で追加できるアイコンです。
試しにLineconsというアイコンパックを追加してみます。Addをクリックすると、このように一覧表示にアイコンが追加されます。
逆に、一覧からアイコンを外したい場合には、ライブラリでRemoveをクリックしてください。
(3)Select(選択)モードになっていない場合には、Selectに切り替えて、好みのアイコンをクリックして選択します。ドラッグして、一気に選択することもできます。
選択したアイコンは、このようにオレンジ色のラインで囲われます。
(4)Generate SVG & Moreをクリックすると、SVGやPNGなどのファイル形式でダウンロードでき、Generate FontをクリックするとWebフォントでダウンロードできます。
SVGファイルなどでダウンロードする場合は、Downloadボタンの隣にあるアイコンをクリックすると、SVG以外のファイル形式も選択して、一気に複数の形式でダウンロードできます。
このように、ダウンロードしたいファイル形式にチェックを入れます。
アイコンフォントの作り方
(1)Import Iconsをクリックし、自作のアイコンや他の素材サイトからダウンロードしたアイコンをアップロードします。
(2)追加されたアイコンを選択して、Generate FontをクリックすればWebフォントの形式でダウンロードできます。
IcoMoonのライセンス一覧
IcoMoonのライセンスは、各アイコンごとに異なります。ライブラリを開くと、アイコンパックごとにライセンスが明記されているので、使用する前にはチェックするようにしましょう。
Custom
■商用利用可能
■改変(加工編集)可能
■クレジット表記不要
■再配布・販売不可
CC BY-SA 3.0/CC BY-SA 4.0
国際的な非営利組織クリエイティブ・コモンズが定めるライセンスです。
■商用利用可能
■再配布可能
■改変可能
■クレジット表記・リンク必要
※改変した場合でも、同じライセンスの下で頒布しなければなりません。
【参照】 CC BY-SA 3.0のライセンス(日本語) / CC BY-SA 4.0のライセンス(日本語)
CC BY 4.0
■商用利用可能
■再配布可能
■改変可能
■クレジット表記・リンク必要
【参照】 CC BY 4.0のライセンス(日本語)
GPL(GNU General Public License)
■商用利用可能
■クレジット表記必要
■改変・有料販売可能
※GPLライセンスのソフトウェアや、プログラムなどを利用して制作した物は、GPLライセンスで配布、販売する必要があります。
MIT
■改変・有料販売可能
■再配布可能
■商用利用可能
■クレジット表記必要 Copyright (c) <著作権発生年> <著作権保持者名>
■MITライセンスの全文を掲載するか、それが掲載されたページのURLを貼る
IcoMoonのプラン一覧
IcoMoonには、3つのプランがあります。ここでは、各プランの特徴や利用できる範囲、機能についてご紹介します。
Free Plan(無料)
■オフラインストレージ(オフライン記憶装置)を利用できる
※SSLリンクは一時的に提供されますが、24時間でなくなります。
Basic Plan(有料)
【料金】 [30日間] 9ドル [90日間] 19ドル [1年間] 69ドル
Basic Planでは、Free Planで利用できる機能に加え、以下の機能、保証が加わります。
■アカウントにプロジェクトを保存する
■WOFF(Web Open Font Format) 2.0フォント
■CSSにフォントを埋め込む
■制限なくプロジェクトを作成する
■SSLリンクが提供される
■15日間返金保証付き
Unlimited Plan(有料)
Unlimited Planでは、Free Plan、Basic Planで利用できる機能に加え、以下の機能、保証が加わります。
【料金】 [30日間] 19ドル [90日間] 39ドル [1年間] 139ドル
■ホスティングに適切
■Webフォント・SVGのホスティング機能(無制限)
IcoMoonを活用しよう!
IcoMoonは、アイコンをダウンロードできるだけでなく、Webフォントを作ることもできる便利なサイトです。Webフォントを作れるサービスはなかなかないので、使い方を覚えてぜひ活用してみてくださいね。
【あわせて読みたい!】
■アイコン・ピクトグラム素材をフリーダウンロードできるサイト33選!商用可!
■画像のファイル形式・拡張子の種類一覧!JPG・PNG・GIFなど違いを比較!
■フリーイラスト素材サイト35選!無料・商用可で人物や花などのイラストを使える
■フリー写真素材サイト29選!商用可・無料で人物やおしゃれな写真を使える!