大阪/梅田のホームページ制作会社 ウェブラボ関西オフィス

スタッフブログ

ホームページ制作で使えるフリーのアイコン素材集5選

2020/2/12 ホームページ制作
Web制作に役に立つおオススメのアイコン素材集5選

今回は、ホームページ制作で使えるフリーのアイコン素材サイトを紹介します。

無料でダウンロードできるフリーアイコン素材とは言っても、どんな使い方をしても問題がないというわけではありません。実際に使用する時に、下記の3点を必ずチェックしてから使いましょう。

  1. 利用規約
  2. ライセンス
  3. クレジット表記

※以下で紹介するサイトの素材の一部は有料で使用可能なものもあります

icooon-mono【汎用性が抜群】

icooon-mono

https://icooon-mono.com/

シンプルで且つ汎用性の高いアイコンが数多く揃えられています。

特徴

  • ビジネスシーンや生活シーンで使えるアイコン
  • アイコンサイズが変更できる
  • 色が変更できる
  • PNG / JPG / SVGのフォーマット

icons8【無料素材の数が10,000点も】

icons8

https://icons8.jp/

アイコン素材の点数が圧倒的に多く、ジャンルの幅も広いサイトです。

例えば同じ「HOME」アイコンでも、異なるディテールのものがいくつも選べます。

特徴

  • 単体アイコンだけでなく、セットもある
  • スタイル別 / デバイス別 / カテゴリー別などで分かれているので探しやすい
  • MYコレクション機能があり、よく使うものをストックできる
  • アイコンフォントとして使える
  • PNG / PDF / SVGのフォーマット
  • ダウンロード前にオンライン編集可能
  • アイコンスタイルが30種類以上
  • デスクトップ用のアプリもあるのでデザインツールと連携できる

※一部の機能は有料です

FLAT ICON DESIGN【フラットアイコンが印象的】

FLAT ICON DESIGN

http://flat-icon-design.com/

ハイクオリティでポップなフラットアイコンが多数あり、トレンドのWebデザインで使える場面が広いサイトです。

特徴

  • 高いクオリティ
  • アイコンサイズが変更できる
  • 色が変更できる
  • PNG / JPG / SVGのフォーマット

Material Icons【マテリアルデザインならこれ】

Material Icons

https://material.io/resources/icons/

Googleによるマテリアルデザインのガイドラインで、ホームページでよく使われるアイコンが一通り揃っています。

特徴

  • 同じアイコンでの異なるスタイル(塗りつぶし/シェープ/アウトラインなど)あり
  • アイコンフォントとして使える
  • PNG / SVGのフォーマット
  • アイコンサイズが変更できる

orion【ライン型アイコンのクオリティーが高い】

orion

https://orioniconlibrary.com/

ライン型・塗りつぶし・カラフル・フラットの4つのアイコンスタイルがあり、数も6000を超えるサイト。ライン型のアイコンは線の幅もオンラインで調整可能です。

特徴

  • 高いクオリティ
  • 豊富なカテゴリー
  • Web Appも利用可能
  • AI / PNG / SVGのフォーマット
  • アイコンサイズが変更できる
  • 色が変更できる
  • アイコンフォントとして使える

いかがでしたでしょうか。
自作するのは難しいし時間のかかるアイコン。自社のホームページに合ったものがあれば是非利用してみてください

ホームページ制作実績

大阪/梅田を拠点に、京都・奈良・滋賀・兵庫など関西圏はもちろん、 日本全国、さまざまな業種のお客様のホームページを制作しています。

制作実績一覧はこちらから

私たちについて

私たちはお客様の会社のホームページ担当として、 以下のポリシーをもってホームページ制作を行います。

少数精鋭。常に最高のチーム体制で制作します

少数精鋭。
常に最高のチーム体制で制作します

100人のお客様に100通りのプランをご提案します

100人のお客様に
100通りのプランをご提案します

常に正直に、誠実に。きちんとNOとお伝えします

常に正直に、誠実に。
きちんとNOとお伝えします

お客様の「お客様」の視点を大事にします

お客様の「お客様」の
視点を大事にします

格好いい、キレイなだけのデザインはしません

格好いい、キレイなだけの
デザインはしません

「+1」のクリエイティブにとことんこだわります

「+1」のクリエイティブに
とことんこだわります

詳しくはこちらから

スタッフブログ TOP