【厳選】ブログやサイトに使えるお洒落なアイコン素材はこれで決まり!!

スポンサーリンク

ブログやサイト作製をする際にメニューバーやカテゴリーの欄の横にアイコンがあるととってもお洒落なサイトに見えますし、訪問者の方にとっても使いやすいサイトになります。

今回はサイトやブログにとっても使えるお洒落なアイコンを集めたフリーサイトの紹介をしたいと思います!

 

f:id:Naru1829:20161113180717j:plain

 

これもフリー素材!?使えるアイコン素材サイト!

まずアイコンとはどんな素材なのかを見てみましょう!

 

f:id:Naru1829:20161113174053j:plain

 

アイコンとはこのようにメニューの横に付いている小さなイラストの画像の事で、視覚的にもメニューやカテゴリーを見やすくする効果があります。

文字だけだとやっぱり味気ないですので、アイコンを導入するだけで見た目を一瞬でお洒落にすることが出来ます!

 

アイコンはどのように設定するの?

 

アイコンの設定はWordpressやはてなブログなどによって違いはありますが、基本的な部分は一緒です!

難しい事ではないので、説明の方法に従って行えばすぐに設定は可能です。

初心者の方是非アイコンの設定に挑戦してみてくださいね。

 

はてなブログの設定方法

 

はてなブログの場合は下記のサイトが非常に分かりやすく説明をしておりますので参考にしてみてくださいね!

はてなブログのメニューにアイコンを設定する方法

www.mutant-tetsu.com

 

Wordpressの設定方法

 

Wordpressの場合は下記のサイトが非常に分かりやすく説明をしていただいているので参考にしてみてくださいね!

nelog.jp

 

自分の場合はプラグインで『Nav Menu Images』や『Menu Icons』といったプラグインを使用することで簡単にメニューナビの欄から設定が可能なのでプラグインを使った設定を行っています。

 

では本題のフリーのアイコンの素材が掲載されているサイトをご紹介します!

 

Font Awesome Icons

海外のサイトになりますが、アイコンの数がとても多くて、大手のサイトなどでも使用されているアイコンがたくさん掲載されているサイトです!

シンプルな見た目でとても使いやすい素材が多いので、アイコンを探すなら一度は除いてほしいサイトです!

fontawesome.io

 

ICOOON MONO

日本語にも対応していてアイコンの数も6000個ととても多いのが魅力的なサイトです。

デザインもとっても凝ったものからシンプルな物まで様々用意されており、サイトのデザインに合ったものがすぐに見つかります!

icooon-mono.com

 

ICON FINDER

150,000以上の高品質のアイコンが登録されていて無料で使用可能です。

量がとても多いのですが、検索欄より用途に合わせた物を検索できますが、量が多いので探すのが大変かも・・・

でも、運命的なアイコンに出会えるかもしれないので、地道に探してみましょう!

 

www.iconfinder.com

 

FLAT ICON DESIGN

白黒だけでなくカラーのアイコンや可愛いイラスト調のアイコンが多数登録されています!

日本語にも対応しておりますので、検索もしやすいので欲しいアイコンがすぐに見つかります。

可愛いデザインが多いので女性の方にもおススメのサイトです!

 

flat-icon-design.com

 

ヒューマンピクトグラム2.0

人間のアイコンをお探しの方におススメしたいのがこのサイト!

こんな素材どこに使うの・・・といった変わり種も多数登録されていますので、なかなか探しても見つからない!という悩みの方は一度覗いてみてください!

ブログの記事内でも使える素材も多いのでアイコン以外の画像素材としてもおススメのサイトです!

 

pictogram2.com

 

まとめ

 

今回はフリーのアイコンの素材5サイトを掲載しましたが、どのサイトも個性があるので紹介したサイトの中を探せば欲しいアイコンが見つかるはずです!

アイコンの設定しないをしない人も多いですが、ブログやサイトにとってはピアスやネックレスのようなアクセサリー的な存在です。

こだわりがあればとってもカッコよく見える部分ですので、ぜひ参考にしてみてくださいね!