オシャレ感をプラスできる手書きのアイコン50選 | 質問の答えを募集中です! オシャレ感をプラスできる手書きのアイコン50選 | 質問の答えを募集中です!

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

未分類

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

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

  1. エンピツ、スケッチ画
    1. Free doodle icons vector set Free vector
    2. Construction cartoon icons collection Free Vector
    3. Hand Drawn Icons Vector
    4. Doodle colorful icons collection Free Vector
    5. 30 Hand Drawn Icon Pack
    6. 70+ Hand Drawn Icon Set
    7. 100 Handmade Icons About Home Stuff
    8. 40 Good Idea Icons
    9. 手書き風アイコン素材
    10. Balloonica Icon Set
    11. 24 FREE EXCLUSIVE VECTOR ICONS: ‘HANDY’
    12. Free Chalk Web Icons
  2. ペン画
    1. Handy Icons  Free Web Font Kit
    2. Jolly Icons Free Font
    3. Universal hand drawn set of icons Free Vector
    4. Hand doodled infographics elements Free Vector
    5. Peax Webdesign Free Icons
    6. Hand Drawn Business Icon
    7. Free Vector Random Scribbles
    8. 一筆書きで描かれた手書き風AIアイコン20個セット
    9. アプリ開発者には必須?スマホやPC、タブレット素材-DIGITAL DEVICE-
    10. ガーリーペン画素材ベクターセット
    11. 手書き風アイコン
    12. Handy Part 2 Icon Set
    13. Vector icons sketch in pencil design elements Free vector
  3. ペン画(カラー)
    1. Icons Pack ‘Web Cartoon’
    2. かわいい手描きアイコン,ビビッドカラー
    3. Happycons: 40 Happy and Unique Icons
    4. 50 Free Hand Doodle Icons
    5. Sketch’d Up Vector Icon Set
    6. 落書きアイコン
    7. Sketchy social media icons Free Vector
  4. 厚塗り
    1. 10 Digitally Painted Computer Icons
    2. Handycons 2  another free hand drawn icon set
    3. Red Little Shoes Icon set
  5. ソーシャル系アイコン
    1. Social Icons – Free Set
    2. FreeHand_ColorStroked icon pac
    3. Free Doodled Social Media Icons Set
    4. Pen sketch free social media icons
    5. Social Media Icons
    6. Social Sketches: Exclusive Free Hand-Sketched Icon Set
  6. テーマのあるアイコン
    1. Drawing cooking color icons Free Vector
    2. Hand Drawn Arrow Set
    3. Sketchy Arrow Vector Set
    4. ぺらっと手書き
    5. Free business charts hand drawn sketched doodle vector
    6. Planets Hand Drawn Icons
    7. Hand drawn hands Free Vector
    8. Smile stickers Free Vector
    9. Halloween icons
  7. さいごに

エンピツ、スケッチ画

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個

さいごに

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

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



 ⬇人気の記事!⬇

タイトルとURLをコピーしました