blog

top > 學展blog

2015.3.23 (Mon)

制作

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

みなさんこんばんは。さめちゃんです。

紙物グラフィックは勿論、Webでは使わない事のほうが少ない、アイコン!

今回は、最近発見したアイコンの中で特に使い勝手がよく、汎用性のある『77 Essential Icon』をご紹介していきたいと思います。

有料?いえいえい無料です!
そして、間違いなく使えます!(`・ω・´)キリッ

きっとダウンロードしたくなること間違い無しのフォントを、早速みていきましょう〜

77 Essential Icon

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

まずはダウンロード先へアクセス!
77 Essential Icon

今回のアイコンは、學展ブログをご覧になっている方ならおなじみの「dribbble」で見つけました。

このアイコン集を作ったBrynさんに感謝しながら、ダウンロード!!

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

7つの形式がセットになっています。

まず、ダウンロードした.zipファイルを解凍すると、AI、EPS、PDF、PNG、PSD、SVG、アイコンフォントといった形式でずらりとアイコンが用意されています。

早速、AIバージョンを開いてみると…

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

はい、イイ感じ、とってもイイ感じのフォントが勢揃いといった感じです。

どのアイコンも「これゼッタイ使うよね〜」な持っておいて損はないものがかりです。

.ai形式ということは当然ベクター形式のオブジェクトなので..

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

大きくしたり…

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

色をつけたり、なんていうのもあっという間です!


さらに、Web担当の私個人的にもありがたいな〜と感心してしまったのが、SVG形式とアイコンフォント形式!
※Web関連の作業をされない方はあまりグッとこないかもしれませんが、その場合は読み流して頂いて結構です。

まず、SVG形式ですが、テキストエディタで開くと…

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

SVGコードが表示されるので、ページの中で使う際も導入がラクチンです。

そして、アイコンフォントも設定方法やサンプルもきちんとセットの中に含まれているので安心です。

ミニマルだけどオシャレなアイコン 77 Essential Icon 【無料】をご紹介!

〆(まとめ)

いかがでしたでしょうか。

今回ご紹介した 77 Essential Icon は前述の通り、様なフォーマットがセットになっているので、用途に合わせて使い分けることができます。
紙やWebで大活躍すること間違い無しなので、是非ダウンロードして下さいね!

ダウンロードはこちら:77 Essential Icon

學展の開催概要はこちらから >