アイコン素材を探す:ツールとアプリ

Webサイト、アプリのUI、プレゼン資料に使うSVGやPNGのアイコンセットを探してダウンロードするための情報源です。まず、どこでどのライセンスのもとで使うかを決めましょう。個人プロジェクト、クライアントワーク、販売する製品、ロゴでは必要な許諾が異なります。

4件のアプリ出典のある情報

絞り込み

知っておきたいこと: 無料で使える条件はツールやプランによって異なります。カードにそのツール固有の制限が書かれていない場合は、利用枠、透かし、書き出しの条件を公式ページで確認してください。

Iconoir

ウェブ·デザイン・開発
無料の選択肢あり

Iconoirは、24×24グリッドの1,600個以上のSVGアイコンを収めたオープンソースのアイコンライブラリで、MITライセンス、登録不要です。専用サイトでアイコンを閲覧しダウンロードできます。

おすすめの理由

アイコン素材を探す

iconmonstr

ウェブ·デザイン・開発
無料の選択肢あり

iconmonstrは、316のコレクションに4,784点以上の無料アイコンを収めた、検索でき、ライセンス契約に同意してダウンロードするアイコンサイトです。

おすすめの理由

アイコン素材を探す

The Noun Project

ウェブ·デザイン・開発
無料の選択肢あり

The Noun Projectは、クリエイターが作ったベクターアイコンと写真を集めた大規模なライブラリで、SVGとPNGでダウンロードでき、無料ダウンロードと有料のロイヤリティフリーライセンスがあります。

おすすめの理由

アイコン素材を探す

Phosphor Icons

ウェブ·デザイン・開発
プラン条件を確認

Phosphor Iconsは、画面、図、プレゼン向けのMITライセンスのアイコンファミリーで、1,248個のアイコンと6種類の太さ(Thin、Light、Regular、Bold、Fill、Duotone)があります。

おすすめの理由

アイコン素材を探す

選び方のポイント

必要な5〜10個のアイコンを同じセットの中で探し、線の太さ、角の丸み、塗りか線画かのスタイルがそろっているか確認します。UIで使う場合はSVGをダウンロードし、色やサイズを変えてもくっきりしているかを見ましょう。

最も重要なのはライセンスです。無料ダウンロードで商用利用できるか、クレジット表記が必要か、ロゴや商標の一部としての利用に制限があるかをライセンスページで確認してください。ライセンスがはっきりしないアイコンは製品に入れず、有料プランで何が変わるかは公式の料金ページで確かめましょう。

SVGとPNGのどちらをダウンロードすべきですか?SVGはどのサイズでもくっきりしていて、コードで色を変えられ、ファイルも小さいことが多いため、WebサイトやアプリのUIに向いています。PNGは解像度が固定なので、編集しないプレゼン資料や文書向きです。

無料アイコンのクレジットはどう表記しますか?表記を求めるライセンスでは、作者名、出典、ライセンス名を見える場所に記載するよう求めるのが一般的で、正確な書き方はライセンス本文にあります。表記を不要にする有料プランを販売しているサイトでは、購入前にその条件を確認しましょう。

文書で確認できる機能を比較

この比較は公開された公式資料に基づきます。実機テストや品質ランキングではありません。不明な機能は確認済みとして扱いません。

文書で確認できる機能を比較
アプリ名どこで使いますか?無料で出力登録不要透かしなしオフライン対応一括処理コンテンツの言語知っておきたいこと / 情報源と確認日
Iconoirウェブ対応対応未確認未確認未確認未確認

注 1

情報源と確認日
iconmonstrウェブ対応未確認未確認未確認未確認未確認

注 1

情報源と確認日
The Noun Projectウェブ対応未確認未確認未確認未確認未確認

ツールごとにプランを確認してください。利用枠は機能間で共通とは限りません。

注 1

情報源と確認日
Phosphor Iconsウェブ未確認未確認未確認未確認未確認未確認

注 1

情報源と確認日

複数のツールに共通する注意点

  1. 最新の利用枠と出力条件は公式サイトで確認してください。