こんにちは、デザイナーのモモコです。
Webサイト制作をする上で欠かせないアイコン素材。デザイン性にこだわりたくても、「一からデザインしている時間がない！」という方もいますよね。
そこで今回は、数あるアイコン素材の中から、デザイン性に優れたおしゃれな無料アイコンを厳選してご紹介します。
線で構成されたライン系アイコンやシンプルなフラットデザイン、手書き風のアイコンなどをテーマ別に紹介しているので、これから制作するWebサイトの雰囲気に合わせてご活用ください。
なお、今回は基本的にロイヤリティフリーで使用できるものを集めましたが、ご利用になる際は各配布先にて利用許諾範囲を必ずご確認ください。
目次
※この記事は、2015年に公開されたものを最新情報を踏まえて編集部で再編成しました。
シンプル・フラットなデザインがおしゃれな無料のラインアイコン
Streamline
https://www.streamlinehq.com/icons/cyber-line
- ポイント
-
- 六角形を基にしたハイセンスなラインアイコン
- AI、EPS、SKETCH、SVGとさまざまな形式で利用可能
「Streamline」は1600種類以上のベクターアイコンが手に入るサイトです。フラットデザインに合うアイコンが豊富に用意されています。
メールアドレスを入力後、ダウンロードが開始されます。
Noun Project
- ポイント
-
- 世界中のクリエイターたちがアイコンを追加している素材配布サイト
- PNG、SVG形式でのダウンロード可能（一部有料）
世界中のクリエイターたち日々アイコンを追加している素材配布サイト。日本語版がでていないのが難点ですが質が高く、英語に苦手意識のある方にもぜひ活用いただきたいサイトです。
無料のアカウント登録をすることでダウンロードできるようになります。ただし、編集を加えたい場合やクレジット表記を非表示にしたい場合は購入が必要。そのため、あくまで参考として利用するのがおすすめです。
Free Web Design Outline Icon Set
https://www.oxygenna.com/news/free-web-design-outline-icon-set
- ポイント
-
- 繊細なラインが特徴的なアイコンセット
- AI、PSD、PNGファイルがダウンロードできる
Web制作に関連するツールをスタイリッシュに表現したアイコンセットです。
75 Various Icon Set
https://dribbble.com/shots/2020043-75-Various-Outline-Icon-Set
- ポイント
-
- 資料作成にも使えるアイコンセット
- AI、EPS、PNGファイルがダウンロードできる
- 商用利用可能
Web上でよく使うものから医療器具、衣料品など色々なジャンルが揃っているアイコンセットです。
Organic Food Icon Set
https://tympanus.net/codrops/2015/03/19/freebie-organic-food-icon-set/
- ポイント
-
- 食べもの系30種類が揃ったアイコンセット
- AI、EPS、SVG、PNGとさまざまな形式のファイルがダウンロードできる
- 商用利用可能
りんごやバナナ、スムージーといった果物に関連したアイコンが揃っています。食品関連プロジェクトに最適なアイコンです。
100 Responsive Line Icons
https://pixelbuddha.net/freebie/100-free-responsive-line-icons
- ポイント
-
- Web制作に最適なレスポンシブ対応のラインアイコンセット
- AI、EPS、SVG、PSD形式でダウンロードできる
レスポンシブデザインで使用することを想定したシンプルなアイコンセット。16×16,、32×32、64×64の3サイズが入ったファイルがダウンロードできます。
メールアドレスを入力後、ダウンロード用のリンクが送信されます。
15 simple icons
https://www.behance.net/gallery/101983663/15-simple-icons
ミニマルなデザインのアイコンセット。
- ポイント
-
- 商用利用可能
- EPS、SVG、XD形式でダウンロードできる
One line
https://www.behance.net/gallery/28491041/One-line-Free-Startup-icons
- ポイント
-
- 商用利用可能
- PNG形式でダウンロードできる
一筆書きのように、１本の線で描かれたアイコン。かわいらしい雰囲気のサイトに合いそうです。
手書き風・やわかい雰囲気がおしゃれな無料アイコン
ぬくもりアイコン
- ポイント
-
- 落書きのようなゆるい雰囲気が特徴
- 商用利用可能
- PNG,JPEG形式
落書きのようなかわいいアイコンがダウンロードできます。Webサイト以外にも、SNSのアイコンやiPhoneのホーム画面のカスタムなど、幅広い用途で利用できそうなアイコンです。
クレジット表記不要、編集も自由に行ってOKです。
ハンコでアソブ
- ポイント
-
- 商用利用可能
- png形式
手書き風のあたたかい雰囲気のあるアイコンがダウンロードできます。
Dashel Icon Set〜フラットなカラフルアイコン〜
https://www.smashingmagazine.com/2015/01/05/freebie-dashel-icon-set-svg-psd-png/
- ポイント
-
- 商用利用可能
- SVG、PSD、PNG形式でダウンロード可能
フラットデザインの要素が入ったカラフルなアイコンセット。商用利用可能、編集も行ってOKです。
おしゃれなイラストが無料でダウンロードできるサイト
ソコスト〜資料作成にも使いやすいフリーイラスト素材〜
- ポイント
-
- ソコスト上で自由に色を変更できる
- PNG、EPS、SVG形式でダウンロードできる
ソコストは、商用可・フリーのイラスト素材集サイトです。人物・ポーズ・ビジネス・お金などのカテゴリから、さまざまなイラストをダウンロードすることができます。
イラストのカラーを自由に変えることができるので、デザイン系ツールを持っていなくても、Webサイトの雰囲気に合わせてアレンジすることが可能です。
ベクターシェルフ〜おしゃれなフリーイラスト素材〜
- ポイント
-
- 商用利用可能
- PNG、Ai、SVG形式でダウンロード可能
食べ物や飲み物、雑貨や動物など幅広いカテゴリを網羅したおしゃれなアイコンが無料でダウンロードできます。編集も自由にしてOKです。
おしゃれなオリジナルアイコンが無料で作成できるサイト・ツール
ここまで紹介したようなおしゃれなフリーアイコンをそのまま使うのもいいですが、オリジナルデザインのアイコンを作りたい！という人もいますよね。ここからはアイコンやロゴなどを無料で作成できるオンラインツールを紹介します。
canva〜イラストやアイコン素材が無料で作れる〜
SNSコンテンツ、資料作成など、あらゆるものをデザインできるオンラインツールです。
無料素材やテンプレートが豊富にあるので、ノンデザイナーやデザイン初心者の人でも簡単におしゃれなデザインが作成できます。
基本的に無料で利用可能ですが、背景透過・SVG形式でのダウンロードなど、一部有料プランではないとできないことも。とはいえ、無料とは思えないほど高機能なので、まだ利用したことがない人はぜひ利用してみてください。
DesignEvo〜ロゴが無料で作れる〜
テンプレートが10,000以上もある無料のオンラインロゴ作成ツール。
誰にでも使いやすいシンプルな設計で、自由度高くロゴをデザインできます。
まとめ
いかがでしたでしょうか。
一言にアイコンといっても、線の太さや角の処理などで印象が変わるものだなと改めて参考になりました。
サイトの雰囲気を決めるうえで違いが出しやすいパーツだと思うので、上手く活用していきたいですね。
【デザインが捗る素材まとめ】
※ フラットデザインに使える無料アイコンセット20選
※ LIGデザイナーが厳選！使えるフリーのピクトグラム（ピクトグラフ）まとめ
※ 親しみやすさ断然アップ！手書き風のフリー素材イラストまとめ
※ 無料配布のFacebookやTwitterのソーシャルロゴアイコン素材まとめ23選
【株式会社LIGについて】
わたしたちは年間150を超えるWebサイトをリリースしている、東京上野のWeb制作会社です。アイコンやロゴの制作実績も！Webサイト制作のご相談はこちらより、お気軽にお問い合わせください。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。
