Icons8の使い方とライセンスなど 商用利用OK・無料で使えるアイコン素材サイト


Icons8は、3万点以上ものおしゃれなアイコンが揃ったアイコン素材サイトです。無料で利用するには、Icons8へのリンクが必要ですが、商用利用もできます。今回は、そんなIcons8の使い方やライセンスなどについてご紹介していきます。

Icons8とは

Icons8のトップページ

Icons8は、3万点を超えるアイコンを無料で商用利用できるサイトです。シンプルなものからカラーのアイコンまで種類が豊富で、日々新たなアイコンが追加されています。

また、レスポンシブアイコン(端末のスクリーンサイズに合わせて大きさが変化するアイコン)が用意されているほか、SVGアイコンをアップロードして、レスポンシブアイコンを作成することもできます。
Icons8のレスポンシブアイコン

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

Icons8はMac・Windows向けのアプリもある!

Icons8のMac・Windows用アプリ

Icons8のアイコンを検索、またはカテゴリーから絞り込み、ドラッグ&ドロップでPhotoshopや Sketch、Xcodeなどでアイコンを利用できます。

いちいちブラウザを開くことなく、アプリ内でアイコンを探せるので便利です。また、PNGやSVGのアイコンは、アプリ内で色を調整できます。アプリのダウンロードには、会員登録が必要です。

Icons8のMac/Windows Appのダウンロードはこちら

Icons8のライセンス要約

Icons8のライセンスは、 CC BY-ND 3.0です。
※アイコンを個別で購入、または有料プランに登録すれば、リンクは必要ありません。

■商用利用可
■クレジット表記・リンク必要
■再配布可能
※改変したものは再配布不可

【参照】 CC BY-ND 3.0のライセンス(日本語)

Icons8の使い方

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

ダウンロードまでの手順

(1)トップページでIconsをクリックします。
Icons8のトップページ

(2)検索窓にキーワードを入力して検索するか、カテゴリーから欲しいアイコンを絞り込みます。
Icons8のアイコン一覧ページ

(3)アイコンや背景の色を変更したり、枠や文字などを追加したりすることができます。
Icons8の編集ツール

編集ツールをどれか一つクリックすると、アイコンの編集画面が開きます。
Icons8のアイコン編集画面

【編集機能一覧】 Overlay(オーバーレイ)/Text(文字入れ)/No Effect(エフェクトなし)/Circle(丸枠)/Stroke(縁線)/Square(四角枠)/Background(背景)/Padding(余白)

(4)アイコンをカスタマイズしたら、Download(ダウンロード)またはGenerate HTML(HTMLを生成)をクリックします。
Icons8のアイコンダウンロード画面

HTMLを生成すると、このようにコードが与えられます。無料で利用する場合には、コードの下にあるIcons8へのリンクを貼ってください。
Icons8のHTMLコード

コレクション機能の使い方

コレクション機能とは、欲しいアイコンをコレクションのフォルダに入れておき、まとめて編集したり、ダウンロードしたりできる機能のことです。

(1)Collectionsをクリックします。
Icons8のコレクション機能

(2)必要に応じてフォルダ名を変更します。ペンのアイコンをクリックすると編集できます。
Icons8のフォルダ名編集

(3)コレクションに追加したいアイコンをクリックします。もう一度クリックすると、コレクションから外されます。
Icons8のコレクション機能

(4)こちらのアイコンをクリックすると、アイコンの色を変更することができます。
Icons8の色変更アイコン

(5)Downloadをクリックすると、アイコンがコレクションごとダウンロードされます。

※Createをクリックすると、新たなフォルダを作ることもできます。
Icons8のフォルダ追加

レスポンシブアイコンの作り方

Icons8のレスポンシブアイコン作成ツール

(1)まず、こちらのページを開きます。

(2)2つまたは3つのサイズの異なるSVGファイルをアップロードします。Icons8では、16×16、32×32、128×128のサイズを推奨しています。ドラッグ&ドロップ、またはファイルを選択してアイコンをアップロードできます。

Icons8のプラン一覧

Icons8は、無料で利用できますが、有料のプランもあります。

無料プラン

■100×100 pxまでのPNGファイルのみ
■Mac/Windowsアプリの利用
■クレジット表記・リンク必要

有料プラン

■サイズ・フォーマット(PNG・SVG・EPS・Webフォント)の制限なし
■Mac/Windowsアプリの利用
■クレジット表記・リンク不要

また、アイコンを個別に購入することもできます。料金は以下の通りです。
■1個 5ドル
■7個 29ドル
■25個 99ドル
■50個 159ドル

Icons8を活用しよう!

Icons8は、無料で商用利用可能なアイコンが多数揃う便利な素材サイトです。レスポンシブアイコンを作成できる点や、アイコンが日々増えている点もとても魅力的です。ぜひ活用してみてくださいね。

【あわせて読みたい!】
アイコン・ピクトグラム素材をフリーダウンロードできるサイト33選!商用可!
画像のファイル形式・拡張子の種類一覧!JPG・PNG・GIFなど違いを比較!
フリーイラスト素材サイト24選!無料・商用可で人物や花などのイラストを使える
フリー写真素材サイト31選!商用可・無料で人物やおしゃれな写真を使える!

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

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

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

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

シェアする

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

フォローする