creatersnest52

こんなの欲しかった!手書き風のアイコン素材まとめ


手書き風のアイコンを使うと、親しみを持ちやすいサイトに変わりますよね。
一方で、一から制作するのも大変な手書き風アイコン。今回は、利用してみたいアイコン素材をまとめてみました!どれもカンタンにダウンロード出来ますので、必要な時の為に、気に入ったアイコンがあればダウンロードしてみてはいかがでしょうか。

Captain icon

captain icon

http://mariodelvalle.github.io/CaptainIconWeb/

様々な場面で活躍してくれそうなベクターアイコンが350個も登録されています。

ボタン1つで、EPS、PSD、PNG、SVG形式のアイコンがまとめてダウンロードすることが出来ます。

 

Merry Go Round

スクリーンショット 2015-01-20 14.35.03

http://raindropmemory.deviantart.com/art/Merry-Go-Round-Icon-Set-138196025

可愛らしい手書き素材のアイコンです。PCモニター画面やメール等のアイコンがあります。

女性向けのWebサイトを制作する時等に活躍してくれそうです。

 

Whan-Yen Icon Set

whan-yen

http://raindropmemory.deviantart.com/art/Whan-Yen-Icon-Set-123235816

こちらも女性向けです。

カラフルなデザインがサイトに映えそうです。

 

49 hand- drawing icons set

49 hand-drawing icons

http://tutsii.deviantart.com/art/49-hand-drawing-icons-set-123691516

鉛筆で書いたようなイラストが特徴のアイコンです。

女性が制作しており、丸みのある優しい感じのアイコンが多くなっています。

 

Sketchy Icons

sketchy

http://azuresol.deviantart.com/art/Sketchy-Icons-134668163

手書きでスケッチされたようなアイコンです。

 

Freebie:Hand Drawn Vector Arrows

arrows

http://every-tuesday.com/freebie-hand-drawn-vector-arrows/

Webサイトで必要となってくる、矢印の手書き風アイコン素材がまとまっています。

35種類の矢印をまとめてダウンロードすることが出来ます。

 

WaterMaker Icon Set

WaterMarker

http://www.iconshock.com/icon_sets/design-graphics-tools-icons/

シンプルで利用しやすい、カラフルな手書き風アイコンです。

水彩ペンで描いたようなタッチです。

 

Back to School Icon Set

スクリーンショット 2015-01-20 14.49.50

http://manda-pie.deviantart.com/art/Back-to-School-Icon-Set-138314762

学校用品の手書き風アイコンがまとまっています。

一部のアイコンはオフィス用としても用いる事が出来そうです。

 

くだもの&デザートフォント

くだもの&デザート

http://font.v-colors.com/font/sf-sweets/

くだものやスイーツの手書き風アイコンがまとまっています。

カフェやレストランサイトを制作する時などに活躍してくれそうです。

 

Hand Derawn Business Icon

business icon

http://psdblast.com/hand-drawn-business-icon-psd

ビジネスサイトを制作する際に利用出来そうなシンプルなアイコンです。

イラストレーターで編集することも出来ます。

 

Kreski -Lines-

business2

http://azazel100.deviantart.com/art/Kreski-Lines-7899719

こちらもビジネス向け、PC関連のアイコンがまとまっています。

 

Red Little Shoes Icon Set

raindrop

http://raindropmemory.deviantart.com/art/Red-Little-Shoes-Icon-set-85092008

女性向けのカラフルなアイコンがまとまっています。

サイトで利用したら可愛いサイトが出来上がりそうです。

 

 

Social media icons 2012 update

ソーシャルメディア

http://plechi.deviantart.com/art/Social-media-icons-2012-update-118416641

使いやすいタッチで描かれたソーシャルメディアの手書き風アイコンです。

 

Social Icons hand drawned

ソーシャルメディア

http://theg-force.deviantart.com/art/Social-Icons-hand-drawned-109467069

こちらもソーシャルメディアのアイコンです。

絵の具で書いたようなアイコンが愛らしいです。

 

Hand Drawn Vector Ribbons

リボン

http://every-tuesday.com/freebie-hand-drawn-vector-ribbons/

リボンのベクター素材が20種類まとめて用意されています。

イラストレーターで編集も可能です。

 

56 social icons

ソーシャル

http://goodstuffnononsense.com/free-stuff

56個のソーシャルメディア関連のアイコンが用意されています。

白で描かれている為、背景が濃いサイトにはぴったりのアイコンです。

 

55 Cooking Icons

cooking

http://goodstuffnononsense.com/free-stuff

料理に使えそうな食べ物の手書きアイコンが55個まとまっています。

黒板素材の背景画像等を利用するときに使えそうです。

 

Handy Icons-Free Web Font Kit

handy icon

http://wegraphics.net/downloads/handy-icons-webfont-kit/

本サイトでは、99個もの手書き風アイコンがセットされています。

Webサイトに利用出来そうなアイコンが多く重宝しそうです。

 

Brainy Icons Free

school

http://handdrawngoods.com/store/brainy-icons-free/

化学記号や試験管、宇宙人などの手書き風アイコンです。

学校関係のアイコンが36個まとめられています。

 

Jolly Icons Free

like

http://handdrawngoods.com/store/jolly-icons-free/

Likeやメール等のアイコンが36個セットになっています。

ベクター形式でダウンロードすることが出来ます。

 

Watercolor

水彩が

http://www.tutorial9.net/downloads/watercolor-free-icon-pack/

水彩絵の具で描いたようなアイコンです。

色使いが可愛らしいです。

 

Marker

シンプル

http://icondock.com/

本サイトでは252個ものシンプルな手書き風アイコンがまとまっています。

 

リボンフォント SF-Ribbon

リボン

http://font.v-colors.com/font/sf-ribbon/

手書きのリボンフォントがセットになっています。

背景用のフォントも入っている為、背景と組み合わせると様々なバリエーションのリボンを楽しむ事が出来ます。

 

手書き風アイコン素材25個 モノづくりブログ

ものづくり

http://blog.8bit.co.jp/?p=10945

ゆるい雰囲気の手書き風アイコンです。

ビビットなカラーでまとまっています。

 

hand-drown Social Media Icons

鉛筆

http://patojv.deviantart.com/art/hand-drawn-Social-Media-Icons-217004376

鉛筆で書いたようなソーシャルメディアの手書き風アイコンが9個まとまっています。

 

 Free Doodled Social Media Icons Set

カラフルソーシャル

http://www.youthedesigner.com/freebies/free-vectors/free-doodled-social-media-icons-set/

40以上の人気があるソーシャルメディアのアイコンがまとまっています。

カラフルなアイコンで、サイト映えしそうです。

 

Sketcy Social Media Icons Freebie

鉛筆風

http://buildinternet.com/2010/07/sketchy-social-media-icons-freebie/

くしゃっとした紙がリアルなスケッチをイメージさせてくれます。

鉛筆で描かれたようなソーシャルメディアアイコンです。

 

 Hand drawn school doodles vector

スクリーンショット 2015-01-22 13.07.02

http://vectorgraphicsblog.com/free-vector-graphics/hand-drawn-school-doodles-vector

学校をイメージした子ども向けのポップなアイコンです。

利用出来る場所は限られてしまいますが、イラストレーターで編集も可能です。

 

88 decorative frame vector material

吹き出し

http://www.youtoart.com/html/Vector/Fashion/529.html

吹き出しや囲い枠等のフレームの手書き風アイコンが88個用意されています。

シンプルな為、利用しやすく、手書きフォンととあわせると良い感じに利用することが出来そうです。

 

handycons 2 – another free hand drawn icon set

ソーシャルアイコン

http://www.jankoatwarpspeed.com/handycons-2-another-free-hand-drawn-icon-set/

ソーシャルメディア関連のアイコンです。

油絵の具で描かれたようなタッチをしています。

 

Extreme Grunge Garments Icons

ソーシャルメディア2

http://colaja.deviantart.com/art/Extreme-Grunge-Garments-Icons-137666117

スケッチ風なソーシャルメディアのアイコンです。

横長の手書き風アイコンは少ないので、横長なアイコンが欲しい場面では活躍してくれそうです。

 

Artistica Part 2 Icon Set

人物

http://dryicons.com/free-icons/preview/artistica-part-2-icons-set/

60個のアイコンがセットでダウンロード可能です。

油絵の具で描かれたようなタッチで人物アイコンが多くなっています。

 

 

HAND DRAWN Icons

ソーシャルメディア3

http://www.iconspedia.com/search/hand%20drawn/

淡いタッチのアイコンがまとまっているサイトです。

現在1,075個のアイコンが登録されています。

 

Sketched up – free iconset

EC

http://twinware.deviantart.com/art/Sketched-up-free-iconset-103460995?q=1&qo=1

カートやお気に入りマーク、鍵マークなど、ECサイト等を制作するときに活躍してくれるアイコンが揃っています。

 

SKETCH SOCIAL ICONS

sketch social icons

http://blog.spoongraphics.co.uk/freebies/hand-drawn-sketchy-icons-of-your-favorite-social-sites

スケッチした感じのソーシャルアイコンです。

128px , 64px , 48px のアイコンをダウンロードすることが出来ます。

 

Social Bookmark Sketchy Icons

ソーシャルメディア4

http://www.snap2objects.com/2009/02/social-bookmark-sketchy-icons/

シンプルなスケッチ風のソーシャルメディアアイコンです。

3色ボールペンで描いたようなタッチをしています。

 

Hand- Drawn Icons

スクリーンショット 2015-01-22 14.04.53

http://tuxrug.deviantart.com/art/Hand-Drawn-Icons-51541083

CD- RW 、DVD-RWのドライブやiPod等がスケッチ風に描かれたアイコンです。

サイトで用いられていたらかっこいいデザインです。

 

20Colored Pencil Web 2.0 Icons

色鉛筆

 

http://iconexpo.com/2009/05/20-free-web2-social-icons-colored-pencil-version/

色鉛筆で描かれた可愛らしいアイコンが20個セットになっています。

ソーシャルメディア関連が多めです。

 

Ramshackle-Drawn Icons

シュールアイコン

http://365icon.com/icon-styles/sketched/ramshackle-drawn-icons/

ちょっとシュールなアイコンがまとまっています。

それぞれ、64*64、32*32の2サイズをダウンロードすることが出来ます。

 

Paper Planet- A Mac Doc Theme

Macドック

http://365icon.com/icon-styles/dock-icons/paper-planet-mac-dock-theme/

Macドックのアイコンが50個セットになっています。

こんなアイコンがMacドックに入っていたらかっこいいですね。

 

Hand drawn social media icons

ソーシャルメディア5

http://rafiki270.deviantart.com/art/Hand-drawn-social-media-icons-153787919

カラフルなスケッチ感がかわいいソーシャルメディアのアイコンがセットになっています。

学生が授業中にいたずら書きしたようなアイコンです。

 

さいごに

以上、41個の利用してみたい手書き風アイコン素材をまとめてみました。手書き風の素材は、一つ用いる事によって、サイトのイメージをがらっと変えてくれます。

背景等の大きなところは変えたくないけれども、アイコン等で親しみやすさを出したいときなどに、ぜひ利用してみてください。

 

本サイトが運営するWebデザインのオンラインスクールが公開中! まずは無料トライアル!

NESTonline - テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール (詳細はこちら)-
好きなときに、好きな場所で、好きなだけ学べる。テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクールを運営しています。
PhotoshopやCSS、実践的なWebグラフィックデザインなど、500レッスン以上の数十万円相当のプロを目指すカリキュラムが、月々2,500円でいつでもどこでも学べます。

Photoshopを動画でしっかり学ぶ


NESTonlineBlog編集部

NESTonlineBlog編集部です。ご寄稿頂いた記事などを公開していきます。

Next Article一気にヴィンテージな雰囲気に!無料テクスチャ&素材まとめ