本記事では、Figmaファイルで利用できる、商用目的での利用が可能かつ無料で活用できるアイコン素材サイトを厳選してご紹介します。

figmaでデザインを作成する時、アイコン探しに時間がかかってしまう方、便利に使えるアイコンを探す方法が知りたい方は必見です👇

アイコン利用でオススメ。Figmaコミュニティファイル10選

iconoir

使いやすく、1500種類以上揃ったFigmaコミュニティファイルで、1,500を超える豊富なアイコン素材を配布している。

8,000 Free Icons – Open Source Icon set (Community)

UIデザイン用のアイコン素材。シンプルで、可読性を最大限に高めた8,000種類ものアイコンが揃います。

CSS Icons

CSS Iconsは700以上のCSS製アイコンを提供し、Figmaファイルに対応。カラー変更が可能で、CDN経由のCSSコードも用意されており、Web制作に便利なサイトです。

Majesticons

「Majesticons」丸みのあるアイコンが特徴の720以上の無料アイコンを提供する素材サイトです。無料版はGitHubからのみダウンロード可能で、人気の高い54のカテゴリーに分類されています。

Flowbite

ナビゲーションバーやページネーションなど豊富なWeb用コンポーネントを備えたアイコン素材サイトです。Tailwind CSSベースのため、ユーティリティクラスをコピーするだけで簡単に導入できる、Tailwindとの親和性の高いアイコンセットです。

Heroicons

Tailwind CSSの開発元による人気のオープンソースアイコンセットです。280種以上のアイコンがOutline・Solid・Mini・Microの4スタイルから選べ、アイコンをホバーするとSVGやJSXをコピーできます。16×16のMicroサイズは密度の高いUIにも最適です。

Untitled UI

Untitled UIはFigma向けに最適化されたアイコンパックです。サイト上ではSVGコードのコピーのみ可能ですが、無料登録でFigmaのUIキットが利用できます。有料版では、ダークモード切り替えやFigmaでの変数対応が可能なアイコンを使えます。

Fontawesome

Font Awesomeは、世界中のクリエイターが利用する最大規模のアイコン素材サイトです。Webやアプリなど幅広いジャンルのアイコンが揃っており、無料版は2,000以上、有料版では30,000以上が利用可能。

Google Fonts

3000種類以上が揃うマテリアルデザインのアイコンセットです。

そもそもFigmaコミュニティファイルって？

Figmaコミュニティは、クリエイターがプラグインやデザインファイルを共有する場所で、コミュニティファイルはそこに公開されているデザインファイルを指します。

UIキットやアイコンセットなどが含まれ、ユーザーは自由に複製してカスタマイズ可能です。今回紹介したアイコンはすべてFigmaのコミュニティファイルとして公開されているので、Figmaでデザイン作成する際にぜひ活用してみてください。

KOHIMOTO LABO

WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。