IcoMoonの使い方・ライセンス一覧など!Webフォントで扱えるアイコン素材サイト


IcoMoonは、Webフォントとして利用できるアイコンを配布する素材サイトです。Webフォントとしてファイルをダウンロードできるサイトはあまり多くないので、とても重宝します。今回は、IcoMoonの使い方やライセンス一覧、自作アイコンやSVGのアイコンをWebフォント化する方法などについてご紹介していきます。

IcoMoonとは

IcoMoonのトップページ

IcoMoonは、Webフォントとして扱えるアイコン素材を配布するほか、自作のアイコンや他の素材サイトでダウンロードしたSVGアイコンをWebフォント化することができるサービスです。

【URL】 IcoMoonのサイトはこちら

IcoMoonの使い方

それでは、IcoMoonの使い方をご紹介します。

アイコンのダウンロード方法

(1)トップページで右上のIcoMoon Appをクリックします。
IcoMoonのトップページ

(2)アイコン一覧が表示されるので、使いたいアイコンを選びます。

もし好みのものがなければ、「Add Icons From Library…(ライブラリからアイコンを追加する)」、または、画面上部の本のアイコンをクリックすると、ライブラリを開き、他のアイコンを追加することができます。
IcoMoon Appのアイコン一覧

ライブラリを開くと、このような画面が表示されます。
IcoMoon Appのライブラリ
Purchase(購入)のボタンがあるものは有料、Remove(外す)のボタンがあるものは既に一覧に入っているアイコン、Add(追加する)の表示があるボタンは無料で追加できるアイコンです。
IcoMoon AppのライブラリのPurchase/Remove/Add

試しにLineconsというアイコンパックを追加してみます。Addをクリックすると、このように一覧表示にアイコンが追加されます。
IcoMoon Appのアイコン一覧
逆に、一覧からアイコンを外したい場合には、ライブラリでRemoveをクリックしてください。

(3)Select(選択)モードになっていない場合には、Selectに切り替えて、好みのアイコンをクリックして選択します。ドラッグして、一気に選択することもできます。
IcoMoon Appのアイコン一覧

選択したアイコンは、このようにオレンジ色のラインで囲われます。
IcoMoon Appのアイコン一覧

(4)Generate SVG & Moreをクリックすると、SVGやPNGなどのファイル形式でダウンロードでき、Generate FontをクリックするとWebフォントでダウンロードできます。
IcoMoon Appのアイコン一覧

SVGファイルなどでダウンロードする場合は、Downloadボタンの隣にあるアイコンをクリックすると、SVG以外のファイル形式も選択して、一気に複数の形式でダウンロードできます。
IcoMoon Appのアイコン一覧

このように、ダウンロードしたいファイル形式にチェックを入れます。
IcoMoon AppのSVGダウンロード画面

アイコンフォントの作り方

(1)Import Iconsをクリックし、自作のアイコンや他の素材サイトからダウンロードしたアイコンをアップロードします。
IcoMoon Appのアイコン一覧

(2)追加されたアイコンを選択して、Generate FontをクリックすればWebフォントの形式でダウンロードできます。

IcoMoonのライセンス一覧

IcoMoonのライセンスは、各アイコンごとに異なります。ライブラリを開くと、アイコンパックごとにライセンスが明記されているので、使用する前にはチェックするようにしましょう。

IcoMoon Appのライセンス表記

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など違いを比較!
フリーイラスト素材サイト24選!無料・商用可で人物や花などのイラストを使える
フリー写真素材サイト31選!商用可・無料で人物やおしゃれな写真を使える!

無料でホームページを作れる「ペライチ」

誰でも簡単にホームページ作成を!「ペライチ」

HTMLやCSSでお悩みなら簡単ホームページ作成サービス「ペライチ」におまかせください。
特別な知識は必要ありません。好みのテンプレートを選ぶだけで誰でも簡単にホームページを作ることが出来ます。
誰でも簡単にホームページ作成を!「ペライチ」

ホームページ大学編集長/フリーライター ウェブデザインや動物、美容、ダイエット等幅広いジャンルの記事を手掛ける。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする