creatersnest120

facebook,twitterなどのSNSアイコンがセットになった素材まとめ


皆さんこんにちは、ライターのakirayです。
今回は、SNSアイコンがセットになった素材を紹介致します。
今や印刷物でもwebでもSNSのアイコンが無い制作物を探す方が難しいほど、いたるところでSNSアイコンをみかけます。
いつでも使うものだからこそ、ほんの少しこだわることでセンスよく見せれるようになります。

Flat Vector Social Icons

SocialIcon_01_Flat
http://www.vecteezy.com/vector-icons/53242-flat-vector-social-icons-eps

フラットスタイルのソーシャルアイコンがフリーで揃っているサイトです。
32×32 pixelと16×16 pixelで既にテンプレート化されているので、すぐにwebに活用できます。
モノトーンだけでなく、カラー版もあります。

 

SILHOUETTE DESIGN

SocialIcon_02_silhouette
http://kage-design.com/wp/?p=1202

最早幻のサービスとなりつつあるMySpaceなどのロゴデータがダウンロードできます。

 

Social Shift

SocialIcon_03_socialshift
http://www.instantshift.com/2010/12/07/socialshift-icon-set-246-free-social-networking-icons/

AOL、LinkedIn、Apple、LastFM、MSN、WordPress、といった有名どころのサービス82点がセットになっています。
海外サービスは、このセット一つでほぼ網羅できるのではないでしょうか。

 

Picons Social

SocialIcon_04_PiconsSocial
http://picons.me/download-social.php

mailアドレスの登録だけでフリーでダウンロードできるサイトです。
80種類以上のSNSアイコンがそろっています。
シルエットがシンプルなので、必要以上に目立たせず、色調を統一したい時に便利です。

 

アイエスティズム

SocialIcon_05_IS-ism
http://www.ist-ism.com/weblog/material/614.html

アメブロやmixiなどのアイコンがセットになったサイトです。
ベクターデータも配布しているので、自由に再編集ができます。

 

Social Icons

SocialIcon_06_SocialIcons
http://www.iconshock.com/social-icons/

150以上のオンラインサービスのアイコンが、9種類のサイズでセットになっています。
無料版と有料版とあり、商業利用の場合は有料版を購入するようにとなっています。

 

JUSTVECTOR SOCIAL ICONS 1.5

SocialIcon_07_justvesctor
http://alexpeattie.com/projects/justvector_icons/

ベクターデータで作成されたアイコン集です。
ベクター形式は再編集が楽なのて重宝します。

 

126 Vector-Based Social Media Icons

SocialIcon_08_circle
http://www.premiumpixels.com/freebies/buddycons-126-free-vector-based-social-media-icons/

126種類のソーシャルアイコンがセットになったサイトです。
円形に統一されているので、背景がうるさい制作物の上に載せる時などに便利です。

 

graphicclouds

SocialIcon_09_dark
http://graphicclouds.com/social-icons-2/

黒背景のサイトなどで活躍しそうなアイコンセットです。
PSD形式で配布されています。

 

Isometric 3D Social Icons Set

SocialIcon_10_3D
http://www.pixeden.com/social-icons/isometric-3d-social-icons-set

印象的な3Dデザインのアイコンセットです。
png形式の配布なので再編集は難しいですが、サイトの雰囲気の中でアクセントになるのは間違いなしです。

 

Wood Social Icons Set Vol 1

SocialIcon_11_wood
http://www.pixeden.com/social-icons/wood-social-icons-set-vol-1

木の土台の上にSNSアイコンが乗っているという面白いコンセプトのセットです。
PNGとjpeg形式の配布です。
ナチュラル系のweb制作の際に如何でしょう。

 

Setway Icon Set

SocialIcon_12_hand writing
http://designdeck.co.uk/a/1211

手書き風のSNSアイコンセットです。
色鉛筆的な背景グラフィックを使っているサイトなどに合いそうです。

 

Clean Social Circles

Socialicon_13_clean_social_feat

http://purtypixels.com/clean-social-circles/

珍しい、パステルカラーのアイコンセットです。
とてもミニマルで、爽やかなサイトに向いています。

 

シンプル丸型アイコン

Socialicon_14_japan modern
http://arabikinet.com/icon-button/sns13.html

mixi 、はてなブックマーク、yahoo、pixiv なども網羅した日本語サービス対応ソーシャルアイコンセットです。

 

シンプルで可愛い感じのミニリボンアイコン 40

Socialicon_15_Japane pop
http://arabikinet.com/icon-button/sns17.html

Twitter、Facebook、はてなブックマーク などのSNSアイコンだけでなく、拍手や家、ハート、カメラなども入っているセットです。

珍しいリボン型アイコンです。

 

ミニ・ソーシャル・アイコン

Socialicon_16_mini social
http://wolfrosch.com/text/2011/10/22

はてなブックマーク、livedoorクリップ、Yahoo!ブックマーク、Buzzurl、pixiv、ニコニコ動画、GREE、モバゲー などの国内サービスが多数網羅されています。

 

まとめ

皆様、如何でしたでしょうか。
使用頻度の高いソーシャルアイコンだからこそ、ちょっと一ひねりしたものを使うことでサイトの個性に繋がっていくと思います。
テンプレートをそのまま使っていた人は、この機会に是非試してみてください。

 

 

 

 

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


Next Articleクリック率を増大させるボタンデザイン10のポイント