オシャレ感をプラスできる手書きのアイコン50選

オシャレ感をプラスできる手書きのアイコン50選


透明感のあるアクア、鏡面反射、そしてフラットデザイン。
アイコンの流行は目まぐるしく移り変わっていきますが、手書きアイコンはいつの時代も一定の人気がありますね。
デジタルの画面にアナログのあたたかみを与えてくれる。
本記事ではそんな手書きアイコンを集めてみました。

 

【ご注意】利用規約については使用前に必ず配布サイトでご確認の上、ご利用下さい。

 

目次

エンピツ、スケッチ画

Free doodle icons vector set Free vector

Free doodle icons vector set Free vector
http://all-free-download.com/free-vector/download/free_doodle_icons_vector_set_6816497.html
硬めのエンピツでスケッチされたアイコンです。
影が塗りの部分にアナログ感が感じられますね。
└ 商用利用可(要クレジット表記) / Free / ai, eps形式 / 60個

 

Construction cartoon icons collection Free Vector

Construction cartoon icons collection Free Vectorhttp://www.freepik.com/free-vector/construction-cartoon-icons-collection_730591.htm
太めのエンピツで力強く描かれた、
建設関連のイラストアイコンです。
└ 【テーマ:建設】 商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 70個

 

Hand Drawn Icons Vector

Hand Drawn Icons Vectorhttp://www.vecteezy.com/vector-art/75886-hand-drawn-icons-vector
ベーシックなテーマのアイコンが一通り描かれています。
UIに関するものは輪郭が太くなっていて親切ですね。
└ 商用利用可(要クレジット表記) / Free / ai, pdf, jpg形式 / 59個

 

Doodle colorful icons collection Free Vector

Doodle colorful icons collection Free Vectorhttp://www.freepik.com/free-vector/doodle-colorful-icons-collection_814626.htm
硬く直線的な線が印象的です。
ベーシックなジャンルが多いので使いやすいですね。
└ 商用利用可(要クレジット表記) / Free / eps, jpg形式 / 70個

 

30 Hand Drawn Icon Pack

30 Hand Drawn Icon Packhttp://www.tutorial9.net/downloads/sketchy-web-icons-30-hand-drawn-icon-pack/
まるでノートの落書きのようなアイコン達です。
洗練しきれていないところに味がありますね。
└ 商用利用可 / Free / png形式 / 30個

 

70+ Hand Drawn Icon Set

70+ Hand Drawn Icon Sethttp://psdblast.com/70-hand-drawn-icon-set-psd
手書きですが影の立体表現など細かく描かれていて
使いやすいアイコンです。
└ 商用利用可 / Free / psd形式 / 70個

 

100 Handmade Icons About Home Stuff

100 Handmade Icons About Home Stuffhttp://designbeep.com/2015/06/11/free-download-100-handmade-icons-about-home-stuff-exclusive/
フリーハンドの線がとても洗練されていて美しいアイコンです。
ラフになりすぎないアナログ感を取り入れたい時に使いたいですね。
└ 商用利用可 / Free / svg, png形式 / 100個

 

40 Good Idea Icons

40 Good Idea Iconshttp://goodstuffnononsense.com/free-stuff
少しつやっとしたイラストをエンピツの質感たっぷりの
ラインで描いた、クオリティの高いアイコンです。
└ 商用利用可 / Free / ai, eps, pdf, png形式 / 40個

 

手書き風アイコン素材

手書き風アイコン素材http://www.ac-illust.com/main/detail.php?id=28559
かすれの目立つラインアイコンがラフに色づけされています。
ガーリーなサイトにポイントとして使えそうです。
└ 商用利用可 / Free / jpg, ai形式 / 18個

 

Balloonica Icon Set

Balloonica Icon Sethttp://dryicons.com/free-icons/preview/balloonica-icons-set/
立体の吹き出しにアイコンが入っている
珍しいタイプの手書きアイコンです。
└ 商用利用可 / Free / png, ico, icns形式 / 80個

 

24 FREE EXCLUSIVE VECTOR ICONS: ‘HANDY’

24 FREE EXCLUSIVE VECTOR ICONS: ‘HANDY’http://www.webdesignerdepot.com/2009/04/24-free-exclusive-vector-icons-handy/
正方形に統一されたシェア系のアイコンです。
塗りにラフ感がありますが、輪郭は整えられていますね。
└ 商用利用可 / Free / ベクター形式 / 24個

 

Free Chalk Web Icons

Free Chalk Web Iconshttp://www.ucreative.com/freebies/free-chalk-web-icons/
チョークで描かれたタイルアイコンです。
1つ1つのクオリティが高く、とてもオシャレですね。
└ 商用利用可 / Free / psd形式 / 40個

 

ペン画

Handy Icons  Free Web Font Kit

Handy Icons Free Web Font Kithttp://wegraphics.net/downloads/handy-icons-webfont-kit/
シンラインながら手書きの良さを残した高クオリティアイコンです。
太めの線があたたかい印象ですね。
└ 商用利用可 / Free / ttf, eot, otf, svg, woff, html, css / 99個

 

Jolly Icons Free Font

Jolly Icons Free Fonthttp://handdrawngoods.com/store/jolly-icons-free-font/
高クオリティなアイコンセット「Jolly Icons」から一部無料配布されています。
ファイル形式も多種類あり、ありがたいですね。
└ 商用利用可 / Free / ttf, woff, svg, eot 形式 / 36個(他のバージョンも多数有)

 

Universal hand drawn set of icons Free Vector

Universal hand drawn set of icons Free Vectorhttp://www.freepik.com/free-vector/universal-hand-drawn-set-of-icons_720664.htm
ゆるいラインで描かれたガーリーなアイコンの90個セットです。
└ 商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 90個

 

Hand doodled infographics elements Free Vector

Hand doodled infographics elements Free Vectorhttp://www.freepik.com/free-vector/hand-doodled-infographics-elements_815467.htm
黒板にカラーチョークで描いたようですね。
統計結果などをビジュアルで表現したい時にも便利です。
└ 商用利用可(要クレジット表記) / Free / ai, eps, jpg形式

 

Peax Webdesign Free Icons

Peax Webdesign Free Iconshttp://www.dafont.com/peaxwebdesignfreeicons.font
ヌケ感が独特なイラストアイコンです。
モチーフのチョイスも面白いですよ。
└ 商用利用可 / Free / ttf形式 / 60個以上

 

Hand Drawn Business Icon

Hand Drawn Business Iconhttp://psdblast.com/hand-drawn-business-icon-psd
ビジネス関連のラインアイコンが16個収録されています。
フレンドリーな会社をアピールできそうです。
└ 商用利用可 / Free / psd形式 / 16個

 

Free Vector Random Scribbles

Free Vector Random Scribbleshttp://www.ucreative.com/freebies/free-vector-random-scribbles/
タイトルに「ランダム」とあるように、思いつきで描いたような
ユニークなアイコンが含まれています。
└ 商用利用可 / Free / eps, jpg形式

 

一筆書きで描かれた手書き風AIアイコン20個セット

一筆書きで描かれた手書き風AIアイコン20個セットhttp://freebies-db.com/free-icons-one-line-startup-differantly-studio.html
繊細な曲線がうつくしいアイコンです。
柔らかいイメージのサイトに合いそうですね。
└ 商用利用可 / Free / ai形式 / 20個

 

アプリ開発者には必須?スマホやPC、タブレット素材-DIGITAL DEVICE-

アプリ開発者には必須?スマホやPC、タブレット素材-DIGITAL DEVICE-http://petitpaint.niteandday.tokyo/2013/08/pc-digital-device.html
ゆるいテイストの手書きアイコンです。
サイト内に他のテーマも多数あるので要チェックですよ。
└ 商用利用可 / Free / png, svg形式 / 7個(他バージョン多数有)

 

ガーリーペン画素材ベクターセット

ガーリーペン画素材ベクターセットhttp://www.ac-illust.com/main/detail.php?id=237138
細めのサインペンで描いたような緩急のあるラインがかわいいです。
└ 商用利用可 / Free / eps, jpg形式 / 80個以上(同作者の他バージョン多数有)

 

手書き風アイコン

手書き風アイコンhttp://www.ac-illust.com/main/detail.php?id=108854
主張の強いはっきりとした線が印象的なイラストアイコンです。
└ 商用利用可 / Free / eps, png, jpg形式 / 24個

 

Handy Part 2 Icon Set

Handy Part 2 Icon Sethttp://dryicons.com/free-icons/preview/handy-part-2-icons/
ハケや筆のかすれ感が残るアイコンです。
ページ下部から同作者の他の手書き作品も多数見られます。
└ 商用利用可 / Free / png, ico, icns形式 / 40個

 

Vector icons sketch in pencil design elements Free vector

Vector icons sketch in pencil design elements Free vectorhttp://all-free-download.com/free-vector/download/vector_icons_sketch_in_pencil_design_elements_527360.html
かすれ効果が手書き感を強調していますが、
輪郭は直線的で整えられた印象のアイコンです。
└ 商用利用可(要クレジット表記) / Free / eps形式 / 9個(他のバージョンも多数有)

 

ペン画(カラー)

Icons Pack ‘Web Cartoon’

Icons Pack 'Web Cartoon'http://shlyapnikova.deviantart.com/art/Icons-Pack-Web-Cartoon-160683726
崩し気味のラフなカラーイラストがアイコン化されています。
塗りがグラデーションのものは珍しいですね。
└ 商用利用可 / Free / png形式 / 40個

 

かわいい手描きアイコン,ビビッドカラー

かわいい手描きアイコン,ビビッドカラーhttp://www.ac-illust.com/main/detail.php?id=100469
シンプルですがかわいらしさのつまったアイコンです。
同テイストのアルファベットも便利ですね。
└ 商用利用可 / Free / jpg, ai形式 / 56個+アルファベット

 

Happycons: 40 Happy and Unique Icons

Happycons: 40 Happy and Unique Iconshttp://uisurf.com/downloads/happycons/
あえて塗りを線からずらしてラフ感を強調させています。
宇宙や電子回路など他では見かけないジャンルのイラストが気になりますね。
└ 商用利用可 / Free / sketch, svg, png, ai, eps形式 / 40個

 

50 Free Hand Doodle Icons

50 Free Hand Doodle Iconshttps://roundicons.com/doodle-icons-free-set/
手書きの良さが生かされた、かわいいイラストアイコンです。
サイトを楽しい雰囲気にしてくれそうですね。
└ 商用利用可 / Free / ai, svg, png形式 / 50個

 

Sketch’d Up Vector Icon Set

Sketch’d Up Vector Icon Sethttp://www.vectorss.com/icons/vector-icon-set.html
ところ狭しと並べられた手書きアイコンが
100個以上用意されています。
└ 商用利用 要確認 / Free / eps形式 / 100個以上

 

落書きアイコン

落書きアイコンhttp://rakugakiicon.com/
スポーツ、昆虫、建物など様々なアイコンが500個以上あり、
見るだけでも楽しいです。ただしベクターではないためご注意下さい。
└ 商用利用可 / Free / png形式 / 約500個

 

Sketchy social media icons Free Vector

Sketchy social media icons Free Vectorhttp://www.freepik.com/free-vector/sketchy-social-media-icons_791451.htm
手書きですがクールな印象のアイコンです。
スマートなサイトを少し崩したい時などに使えますね。
└ 商用利用可(要クレジット表記) / Free / ai, eps, jpg形式

 

厚塗り

10 Digitally Painted Computer Icons

10 Digitally Painted Computer Iconshttp://www.ucreative.com/freebies/10-digitally-painted-computer-icons/
デスクトップアイコンを正確に模した厚塗りのアイコンです。
└ 商用利用可 / Free / jpg, png形式 / 10個

 

Handycons 2  another free hand drawn icon set

Handycons 2 another free hand drawn icon sethttp://www.jankoatwarpspeed.com/handycons-2-another-free-hand-drawn-icon-set/
油絵のような質感を生かし、オシャレにアレンジした
アイコンが4サイズ展開で入っています。
└ 商用利用可 / Free / png形式 / 20個

 

Red Little Shoes Icon set

Red Little Shoes Icon sethttp://raindropmemory.deviantart.com/art/Red-Little-Shoes-Icon-set-85092008
水彩画で描かれたとってもキュートなアイコンです。
└ 商用利用可 / Free / psd形式 / 84個

 

ソーシャル系アイコン

Social Icons – Free Set

Social Icons - Free Sethttps://www.behance.net/gallery/21928147/Social-Icons-Free-Set
ハイライトのあるぷっくりとしたソーシャル系のロゴです。
└ 【テーマ:ソーシャル】商用利用可 / Free / png, eps, svg, pdf形式 / 61個

 

FreeHand_ColorStroked icon pac

FreeHand_ColorStroked icon pachttp://mfayaz.deviantart.com/art/FreeHand-ColorStroked-icon-pac-117362788
各サービスのロゴが色鉛筆で写実的に描かれています。
└ 【テーマ:ソーシャル】商用利用可 / Free / png形式 / 22個

 

Free Doodled Social Media Icons Set

Free Doodled Social Media Icons Sethttp://www.ucreative.com/freebies/free-doodled-social-media-icons-set/
スケッチしたロゴに色と枠をつけてアイコン化しています。
└ 【テーマ:ソーシャル】商用利用可 / Free / ai形式 / 42個

 

Pen sketch free social media icons

Pen sketch free social media iconshttp://s-icons.com/pen-sketch-icons-set/
色鉛筆で粗く塗った矩形をロゴで白抜きしています。
色数が多くないので、並べても主張しすぎないのが良いですね。
└ 【テーマ:ソーシャル】商用利用可 / Free / psd, ai, png形式 / 20個

 

Social Media Icons

Social Media Iconshttp://www.lilblueboo.com/2012/07/social-media-icons.html
塗りつぶしをサービスロゴで白抜きしたものと、
ロゴのスケッチでベタから白抜きしたものの2パターンがあります。
└ 【テーマ:ソーシャル】商用利用可 / Free / png形式 / 12個

 

Social Sketches: Exclusive Free Hand-Sketched Icon Set

Social Sketches: Exclusive Free Hand-Sketched Icon Sethttp://sixrevisions.com/freebies/icons/social-sketches-exclusive-free-hand-sketched-icon-set/
カラーボールペンのような硬めの線で、ラフにスケッチされています。
└ 【テーマ:ソーシャル】商用利用可 / Free / png形式 / 16個

 

テーマのあるアイコン

Drawing cooking color icons Free Vector

Drawing cooking color icons Free Vectorhttp://www.freepik.com/free-vector/drawing-cooking-color-icons_730579.htm
食べ物や食器など、料理に関するカラーイラストがアイコン化されています。
└ 【テーマ:料理】商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 100個

 

Hand Drawn Arrow Set

Hand Drawn Arrow Sethttp://www.vecteezy.com/vector-art/77574-hand-drawn-arrow-set
使いやすい、しっかり太めの黒ベタ矢印です。
└ 【テーマ:矢印】商用利用可(要クレジット表記) / Free / ai, pdf, jpg形式 / 24個

 

Sketchy Arrow Vector Set

Sketchy Arrow Vector Sethttp://www.vecteezy.com/vector-art/84527-sketchy-arrow-vector-set
直線的で繊細な印象の矢印です。
様々なデザインがあってどれを使うか迷いますね。
└ 【テーマ:矢印】商用利用可(要クレジット表記) / Free / eps形式 / 20個

 

ぺらっと手書き

ぺらっと手書きhttp://yajidesign.com/?p=347
書類ソフトでよく見かける表現ですが
手書きにするだけで一気にオシャレ感が増しますね。
リンク先では、その他多種類の手書き矢印が配布されています。
└ 【テーマ:矢印】商用利用可 / Free / ai, jpg, png形式 / 6個

 

Free business charts hand drawn sketched doodle vector

Free business charts hand drawn sketched doodle vectorhttps://www.vectorstock.com/royalty-free-vector/business-charts-hand-drawn-sketched-doodle-vector-4538394
手書きの円グラフが細かな単位で描かれています。
└ 【テーマ:円グラフ】無料版は商用利用NG (有料版あり) / Free / ai形式 / 20個

 

Planets Hand Drawn Icons

Planets Hand Drawn Iconshttp://www.vecteezy.com/vector-art/95615-planets-hand-drawn-icons
惑星をテーマにした珍しいアイコンです。
手書きにするだけでとてもオシャレですね。
└ 【テーマ:惑星】商用利用可 / Free / eps形式 / 8個

 

Hand drawn hands Free Vector

Hand drawn hands Free Vectorhttp://www.freepik.com/free-vector/hand-drawn-hands_810672.htm
様々な手の動きを集めてイラスト化しています。
このアイコンだけで個性的なサイトになりそうですね。
└ 【テーマ:手】商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 19個

 

Smile stickers Free Vector

Smile stickers Free Vectorhttp://www.freepik.com/free-vector/smile-stickers_797705.htm
にこちゃんマークの顔部分のみ手書きになっていて
色々な表情を楽しめます。
└ 【テーマ:表情】商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 9個

 

Halloween icons

Halloween iconshttps://dribbble.com/shots/2307246-Halloween-icons-free-download
イベント用の素材は自分で準備すると大変ですよね。
そんなハロウィンの装飾に便利なアイコンです。
└ 【テーマ:ハロウィン】商用利用可 / Free / svg形式 / 10個

 

さいごに

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

 

手書きと聞けばガーリーでかわいらしいデザインをイメージしがちですが
フラットデザインに使う事であたたかみをプラスしたり、
よりクールなイメージを引き出す事も可能です。

 

効果的に使用して、サイトに独特のオシャレ感をプラスしてみてください。

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

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

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


Next Article【女子が喜ぶ】ガーリーな雰囲気のテクスチャ素材50選