透明感のあるアクア、鏡面反射、そしてフラットデザイン。
アイコンの流行は目まぐるしく移り変わっていきますが、手書きアイコンはいつの時代も一定の人気がありますね。
デジタルの画面にアナログのあたたかみを与えてくれる。
本記事ではそんな手書きアイコンを集めてみました。
【ご注意】利用規約については使用前に必ず配布サイトでご確認の上、ご利用下さい。
- エンピツ、スケッチ画
- Free doodle icons vector set Free vector
- Construction cartoon icons collection Free Vector
- Hand Drawn Icons Vector
- Doodle colorful icons collection Free Vector
- 30 Hand Drawn Icon Pack
- 70+ Hand Drawn Icon Set
- 100 Handmade Icons About Home Stuff
- 40 Good Idea Icons
- 手書き風アイコン素材
- Balloonica Icon Set
- 24 FREE EXCLUSIVE VECTOR ICONS: ‘HANDY’
- Free Chalk Web Icons
- ペン画
- Handy Icons Free Web Font Kit
- Jolly Icons Free Font
- Universal hand drawn set of icons Free Vector
- Hand doodled infographics elements Free Vector
- Peax Webdesign Free Icons
- Hand Drawn Business Icon
- Free Vector Random Scribbles
- 一筆書きで描かれた手書き風AIアイコン20個セット
- アプリ開発者には必須?スマホやPC、タブレット素材-DIGITAL DEVICE-
- ガーリーペン画素材ベクターセット
- 手書き風アイコン
- Handy Part 2 Icon Set
- Vector icons sketch in pencil design elements 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
http://www.freepik.com/free-vector/construction-cartoon-icons-collection_730591.htm
太めのエンピツで力強く描かれた、
建設関連のイラストアイコンです。
└ 【テーマ:建設】 商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 70個
Hand Drawn Icons Vector
http://www.vecteezy.com/vector-art/75886-hand-drawn-icons-vector
ベーシックなテーマのアイコンが一通り描かれています。
UIに関するものは輪郭が太くなっていて親切ですね。
└ 商用利用可(要クレジット表記) / Free / ai, pdf, jpg形式 / 59個
Doodle colorful icons collection Free Vector
http://www.freepik.com/free-vector/doodle-colorful-icons-collection_814626.htm
硬く直線的な線が印象的です。
ベーシックなジャンルが多いので使いやすいですね。
└ 商用利用可(要クレジット表記) / Free / eps, jpg形式 / 70個
30 Hand Drawn Icon Pack
http://www.tutorial9.net/downloads/sketchy-web-icons-30-hand-drawn-icon-pack/
まるでノートの落書きのようなアイコン達です。
洗練しきれていないところに味がありますね。
└ 商用利用可 / Free / png形式 / 30個
70+ Hand Drawn Icon Set
http://psdblast.com/70-hand-drawn-icon-set-psd
手書きですが影の立体表現など細かく描かれていて
使いやすいアイコンです。
└ 商用利用可 / Free / psd形式 / 70個
100 Handmade Icons About Home Stuff
http://designbeep.com/2015/06/11/free-download-100-handmade-icons-about-home-stuff-exclusive/
フリーハンドの線がとても洗練されていて美しいアイコンです。
ラフになりすぎないアナログ感を取り入れたい時に使いたいですね。
└ 商用利用可 / Free / svg, png形式 / 100個
40 Good Idea Icons
http://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
http://dryicons.com/free-icons/preview/balloonica-icons-set/
立体の吹き出しにアイコンが入っている
珍しいタイプの手書きアイコンです。
└ 商用利用可 / Free / png, ico, icns形式 / 80個
24 FREE EXCLUSIVE VECTOR ICONS: ‘HANDY’
http://www.webdesignerdepot.com/2009/04/24-free-exclusive-vector-icons-handy/
正方形に統一されたシェア系のアイコンです。
塗りにラフ感がありますが、輪郭は整えられていますね。
└ 商用利用可 / Free / ベクター形式 / 24個
Free Chalk Web Icons
http://www.ucreative.com/freebies/free-chalk-web-icons/
チョークで描かれたタイルアイコンです。
1つ1つのクオリティが高く、とてもオシャレですね。
└ 商用利用可 / Free / psd形式 / 40個
ペン画
Handy Icons Free Web Font Kit
http://wegraphics.net/downloads/handy-icons-webfont-kit/
シンラインながら手書きの良さを残した高クオリティアイコンです。
太めの線があたたかい印象ですね。
└ 商用利用可 / Free / ttf, eot, otf, svg, woff, html, css / 99個
Jolly Icons Free Font
http://handdrawngoods.com/store/jolly-icons-free-font/
高クオリティなアイコンセット「Jolly Icons」から一部無料配布されています。
ファイル形式も多種類あり、ありがたいですね。
└ 商用利用可 / Free / ttf, woff, svg, eot 形式 / 36個(他のバージョンも多数有)
Universal hand drawn set of icons Free Vector
http://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
http://www.freepik.com/free-vector/hand-doodled-infographics-elements_815467.htm
黒板にカラーチョークで描いたようですね。
統計結果などをビジュアルで表現したい時にも便利です。
└ 商用利用可(要クレジット表記) / Free / ai, eps, jpg形式
Peax Webdesign Free Icons
http://www.dafont.com/peaxwebdesignfreeicons.font
ヌケ感が独特なイラストアイコンです。
モチーフのチョイスも面白いですよ。
└ 商用利用可 / Free / ttf形式 / 60個以上
Hand Drawn Business Icon
http://psdblast.com/hand-drawn-business-icon-psd
ビジネス関連のラインアイコンが16個収録されています。
フレンドリーな会社をアピールできそうです。
└ 商用利用可 / Free / psd形式 / 16個
Free Vector Random Scribbles
http://www.ucreative.com/freebies/free-vector-random-scribbles/
タイトルに「ランダム」とあるように、思いつきで描いたような
ユニークなアイコンが含まれています。
└ 商用利用可 / Free / eps, jpg形式
一筆書きで描かれた手書き風AIアイコン20個セット
http://freebies-db.com/free-icons-one-line-startup-differantly-studio.html
繊細な曲線がうつくしいアイコンです。
柔らかいイメージのサイトに合いそうですね。
└ 商用利用可 / Free / ai形式 / 20個
アプリ開発者には必須?スマホや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
http://dryicons.com/free-icons/preview/handy-part-2-icons/
ハケや筆のかすれ感が残るアイコンです。
ページ下部から同作者の他の手書き作品も多数見られます。
└ 商用利用可 / Free / png, ico, icns形式 / 40個
Vector icons sketch in pencil design elements Free vector
http://all-free-download.com/free-vector/download/vector_icons_sketch_in_pencil_design_elements_527360.html
かすれ効果が手書き感を強調していますが、
輪郭は直線的で整えられた印象のアイコンです。
└ 商用利用可(要クレジット表記) / Free / eps形式 / 9個(他のバージョンも多数有)
ペン画(カラー)
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
http://uisurf.com/downloads/happycons/
あえて塗りを線からずらしてラフ感を強調させています。
宇宙や電子回路など他では見かけないジャンルのイラストが気になりますね。
└ 商用利用可 / Free / sketch, svg, png, ai, eps形式 / 40個
50 Free Hand Doodle Icons
https://roundicons.com/doodle-icons-free-set/
手書きの良さが生かされた、かわいいイラストアイコンです。
サイトを楽しい雰囲気にしてくれそうですね。
└ 商用利用可 / Free / ai, svg, png形式 / 50個
Sketch’d Up Vector Icon Set
http://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
http://www.freepik.com/free-vector/sketchy-social-media-icons_791451.htm
手書きですがクールな印象のアイコンです。
スマートなサイトを少し崩したい時などに使えますね。
└ 商用利用可(要クレジット表記) / Free / ai, eps, jpg形式
厚塗り
10 Digitally Painted Computer Icons
http://www.ucreative.com/freebies/10-digitally-painted-computer-icons/
デスクトップアイコンを正確に模した厚塗りのアイコンです。
└ 商用利用可 / Free / jpg, png形式 / 10個
Handycons 2 another free hand drawn icon set
http://www.jankoatwarpspeed.com/handycons-2-another-free-hand-drawn-icon-set/
油絵のような質感を生かし、オシャレにアレンジした
アイコンが4サイズ展開で入っています。
└ 商用利用可 / Free / png形式 / 20個
Red Little Shoes Icon set
http://raindropmemory.deviantart.com/art/Red-Little-Shoes-Icon-set-85092008
水彩画で描かれたとってもキュートなアイコンです。
└ 商用利用可 / Free / psd形式 / 84個
ソーシャル系アイコン
Social Icons – Free Set
https://www.behance.net/gallery/21928147/Social-Icons-Free-Set
ハイライトのあるぷっくりとしたソーシャル系のロゴです。
└ 【テーマ:ソーシャル】商用利用可 / Free / png, eps, svg, pdf形式 / 61個
FreeHand_ColorStroked icon pac
http://mfayaz.deviantart.com/art/FreeHand-ColorStroked-icon-pac-117362788
各サービスのロゴが色鉛筆で写実的に描かれています。
└ 【テーマ:ソーシャル】商用利用可 / Free / png形式 / 22個
Free Doodled Social Media Icons Set
http://www.ucreative.com/freebies/free-doodled-social-media-icons-set/
スケッチしたロゴに色と枠をつけてアイコン化しています。
└ 【テーマ:ソーシャル】商用利用可 / Free / ai形式 / 42個
Pen sketch free social media icons
http://s-icons.com/pen-sketch-icons-set/
色鉛筆で粗く塗った矩形をロゴで白抜きしています。
色数が多くないので、並べても主張しすぎないのが良いですね。
└ 【テーマ:ソーシャル】商用利用可 / Free / psd, ai, png形式 / 20個
Social Media Icons
http://www.lilblueboo.com/2012/07/social-media-icons.html
塗りつぶしをサービスロゴで白抜きしたものと、
ロゴのスケッチでベタから白抜きしたものの2パターンがあります。
└ 【テーマ:ソーシャル】商用利用可 / Free / png形式 / 12個
Social Sketches: Exclusive Free Hand-Sketched Icon Set
http://sixrevisions.com/freebies/icons/social-sketches-exclusive-free-hand-sketched-icon-set/
カラーボールペンのような硬めの線で、ラフにスケッチされています。
└ 【テーマ:ソーシャル】商用利用可 / Free / png形式 / 16個
テーマのあるアイコン
Drawing cooking color icons Free Vector
http://www.freepik.com/free-vector/drawing-cooking-color-icons_730579.htm
食べ物や食器など、料理に関するカラーイラストがアイコン化されています。
└ 【テーマ:料理】商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 100個
Hand Drawn Arrow Set
http://www.vecteezy.com/vector-art/77574-hand-drawn-arrow-set
使いやすい、しっかり太めの黒ベタ矢印です。
└ 【テーマ:矢印】商用利用可(要クレジット表記) / Free / ai, pdf, jpg形式 / 24個
Sketchy Arrow Vector Set
http://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
https://www.vectorstock.com/royalty-free-vector/business-charts-hand-drawn-sketched-doodle-vector-4538394
手書きの円グラフが細かな単位で描かれています。
└ 【テーマ:円グラフ】無料版は商用利用NG (有料版あり) / Free / ai形式 / 20個
Planets Hand Drawn Icons
http://www.vecteezy.com/vector-art/95615-planets-hand-drawn-icons
惑星をテーマにした珍しいアイコンです。
手書きにするだけでとてもオシャレですね。
└ 【テーマ:惑星】商用利用可 / Free / eps形式 / 8個
Hand drawn hands Free Vector
http://www.freepik.com/free-vector/hand-drawn-hands_810672.htm
様々な手の動きを集めてイラスト化しています。
このアイコンだけで個性的なサイトになりそうですね。
└ 【テーマ:手】商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 19個
Smile stickers Free Vector
http://www.freepik.com/free-vector/smile-stickers_797705.htm
にこちゃんマークの顔部分のみ手書きになっていて
色々な表情を楽しめます。
└ 【テーマ:表情】商用利用可(要クレジット表記) / Free / ai, eps, jpg形式 / 9個
Halloween icons
https://dribbble.com/shots/2307246-Halloween-icons-free-download
イベント用の素材は自分で準備すると大変ですよね。
そんなハロウィンの装飾に便利なアイコンです。
└ 【テーマ:ハロウィン】商用利用可 / Free / svg形式 / 10個
さいごに
いかがでしたでしょうか。
手書きと聞けばガーリーでかわいらしいデザインをイメージしがちですが
フラットデザインに使う事であたたかみをプラスしたり、
よりクールなイメージを引き出す事も可能です。