更新日: 2022 / 08 / 13

アプリなどのUIに最適な無料アイコン素材 1000+

カテゴリー: 素材

無料で使えるアイコン素材完全保存版。アプリやWebのボタンアイコンなど、幅広いWebデザインに活用できる無料のアイコン素材を集めました。シンプルなデザインはどのようなテーマのサイトでも使いやすいのでおすすめです。

アイコンライブラリーからダウンロードできるものから、アイコン素材のファイルをダウンロードして使えるものまでばっちり揃えています。

Webサービスで提供されているアイコン素材

非常に多くのアイコンが登録されているアイコンライブラリーです。欲しいアイコンはSVGでダウンロードすることもできるので必要なものだけダウンロードして使うことができます。

### MingCute Icon ![Webサービスで提供されているアイコン素材 MingCute Icon](https://storage.designup.jp/blog/design/vector-web-app-icons-12.png) 最近話題のオープンソースなアイコンライブラリーがこちら。1000以上のクオリティの高いアイコンの中から自由に選ぶことができます。SVG画像としてだけでなく、SVGコードとしてもダウンロードできるのが便利なところ。 -> [Webサイトはこちら](https://www.mingcute.com/) ### Feather Icons ![Webサービスで提供されているアイコン素材 Feather Icons](https://storage.designup.jp/blog/design/vector-web-app-icons-13.png) シンプルでおしゃれなアイコンがそろってるアイコンライブラリー。アイコンのサイズや線の太さを選んで、欲しいものをクリックすればすぐにダウンロードできる手軽さがGood。 -> [Webサイトはこちら](https://feathericons.com/) ### IconScout ![Webサービスで提供されているアイコン素材 IconScout](https://storage.designup.jp/blog/design/vector-web-app-icons-14.png) Figmaのプラグインでも使えるFigmaユーザーにとってはめちゃくちゃ便利なアイコンライブラリー。カテゴリーやスタイルから自由に選ぶことができます。SVGアイコンだけでなくアニメーションで動くLottieアイコンもダウンロードできます。 -> [Webサイトはこちら](https://iconscout.com/unicons/explore/line) ### Bootstrap Icons ![Webサービスで提供されているアイコン素材 Bootstrap Icons](https://storage.designup.jp/blog/design/vector-web-app-icons-15.png) Bootstrap純正のアイコンライブラリー。アイコンは1つ1つSVGでダウンロードしたり、Figmaで作られたファイルでダウンロードしたり、アイコンフォントとしてもつかえます。 以前のバージョンに比べてクオリティも上がっていてかなり使えるようになってるのでこちらもおすすめ。 -> [Webサイトはこちら](https://icons.getbootstrap.com/) ## ダウンロードして使えるフリーアイコン素材 こちらはダウンロードして使えるアイコン素材です。イラレやXDなどで使うことができます。 ### デザインのクオリティが高いフラットアイコン [100 FREE COSMO COLOR ICONS](http://www.graphicsfuel.com/2015/09/100-free-cosmo-color-icons/) 天気や食べ物、カメラなどのガジェット系や乗り物など、様々なカテゴリーのアイコンが100種類も用意されています。デザインもシンプルで使いやすいそうです。 ![アプリやWebのインターフェースに最適な無料アイコン素材1](https://storage.designup.jp/blog/design/vector-web-app-icons-01.png) [50+ FREE FLAT ICONS](http://www.graphicsfuel.com/2015/09/50-free-flat-icons/) こちらはソーシャルアイコンセット。こちらもシンプルなデザインなので、場所を選ばずどんなことろでも使えそうです。メジャーなところはだいたい揃ってる感じですね。 ![アプリやWebのインターフェースに最適な無料アイコン素材2](https://storage.designup.jp/blog/design/vector-web-app-icons-02.png) [180 + FREE ICONS](http://www.graphicsfuel.com/2015/08/180-free-icons/) メールやブラウザなどソーシャルメディア用以外にもアプリのアイコンがたくさん登録されています。 ![アプリやWebのインターフェースに最適な無料アイコン素材3](https://storage.designup.jp/blog/design/vector-web-app-icons-03.jpeg) [Free Flat Icons](https://dribbble.com/shots/1201666-Free-Flat-Icons) スマホやトグルボタン風のアイコンなど47種類の実用的なアイコンがあります。 ![アプリやWebのインターフェースに最適な無料アイコン素材4](https://storage.designup.jp/blog/design/vector-web-app-icons-04.png) [grap psd icon set](https://dribbble.com/shots/2204423-grap-psd-icon-set) 少し大きめのアイコン。使い方によってはかなりいい感じに。 ![アプリやWebのインターフェースに最適な無料アイコン素材5](https://storage.designup.jp/blog/design/vector-web-app-icons-05.png) [Psd Flat Social Icons](http://www.pixeden.com/social-icons/psd-flat-social-icons) ロングシャドウのあるソーシャルアイコン。デザインはシンプルなのでWebでも使えそうです。 ![アプリやWebのインターフェースに最適な無料アイコン素材6](https://storage.designup.jp/blog/design/vector-web-app-icons-06.jpeg) ### シンプルなミニマルアイコン [GEOPH: 80 FREE UI ICONS](http://www.graphicsfuel.com/2015/08/geoph-80-free-ui-icons/) アプリやWebのボタンなんかに最適なミニマルアイコン。矢印やグリッド、ゴミ箱など実用的なものが揃っています。 ![アプリやWebのインターフェースに最適な無料アイコン素材7](https://storage.designup.jp/blog/design/vector-web-app-icons-07.jpeg) [200 FREE OUTLINE ICONS](http://www.graphicsfuel.com/2015/08/200-free-outline-icons/) こちらは200種類ものアウトラインアイコンが登録されたパッケージ。矢印や地図、時計などシンプルなデザインになってます。 ![アプリやWebのインターフェースに最適な無料アイコン素材8](https://storage.designup.jp/blog/design/vector-web-app-icons-08.jpeg) [MICONS: FREE OUTLINE ICONS](http://www.graphicsfuel.com/2015/05/micons-free-outline-icons/) こちらもアウトライン系のアイコンセットですが、線がやや太字になっており、柔らかい印象。 ![アプリやWebのインターフェースに最適な無料アイコン素材9](https://storage.designup.jp/blog/design/vector-web-app-icons-09.jpeg) [90 FREE OUTLINE ICONS](http://www.graphicsfuel.com/2015/04/90-free-outline-icons/) こちらもアウトラインアイコン。人のシルエットやプリンターなどデバイスなどが登録されています。 ![アプリやWebのインターフェースに最適な無料アイコン素材10](https://storage.designup.jp/blog/design/vector-web-app-icons-10.jpeg) [ULTIMATE SMART WATCH ICON PACK](http://martinsitar.com/watchicons/) こちらはスマートウォッチ向けに作られたアイコンセット。200種類以上のアイコンがあり、イラストレータとSketch用データが入ってます。 ![アプリやWebのインターフェースに最適な無料アイコン素材11](https://storage.designup.jp/blog/design/vector-web-app-icons-11.png) ## まとめ アイコンを無料でダウンロードできるライブラリーが充実してきているので、アプリやWebサイトで使える素材もかなり選びやすくなってきてますね。 あとFigmaなどのデザインツールのプラグインを使えば作業中に画面を切り替えることなく簡単に欲しいアイコンを使うことができます。