├── make-icons.sketch
├── icons
├── 001-heart.png
├── 002-music.png
├── 004-sunny.png
├── 007-chat.png
├── 011-wifi.png
├── 012-lock.png
├── 015-flag.png
├── 021-ring.png
├── 022-trash.png
├── 024-plane.png
├── 025-home.png
├── 026-clock.png
├── 003-location.png
├── 004-cloudy.png
├── 004-raining.png
├── 008-camera.png
├── 010-volume.png
├── 013-folder.png
├── 014-envelope.png
├── 016-wrench.png
├── 017-debate.png
├── 018-avatar.png
├── 019-gallery.png
├── 023-command.png
├── 027-campass.png
├── 028-refresh.png
├── 030-download.png
├── 004-lightening.png
├── 005-fullscreen.png
├── 006-settings-1.png
├── 006-settings-2.png
├── 009-ring-bell.png
├── 020-headphone.png
├── 029-telephone.png
├── 004-lightening.svg
├── 015-flag.svg
├── 001-heart.svg
├── 002-music.svg
├── 004-cloudy.svg
├── 003-location.svg
├── 012-lock.svg
├── 014-envelope.svg
├── 021-ring.svg
├── 028-refresh.svg
├── 005-fullscreen.svg
├── 029-telephone.svg
├── 027-campass.svg
├── 025-home.svg
├── 022-trash.svg
├── 019-gallery.svg
├── 013-folder.svg
├── 009-ring-bell.svg
├── 016-wrench.svg
├── 020-headphone.svg
├── 004-raining.svg
├── 030-download.svg
├── 007-chat.svg
├── 010-volume.svg
├── 018-avatar.svg
├── 011-wifi.svg
├── 008-camera.svg
├── 024-plane.svg
├── 006-settings-1.svg
├── 026-clock.svg
├── 006-settings-2.svg
├── 023-command.svg
├── 004-sunny.svg
└── 017-debate.svg
├── artboard-overview.png
└── README.md
/make-icons.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/make-icons.sketch
--------------------------------------------------------------------------------
/icons/001-heart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/001-heart.png
--------------------------------------------------------------------------------
/icons/002-music.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/002-music.png
--------------------------------------------------------------------------------
/icons/004-sunny.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/004-sunny.png
--------------------------------------------------------------------------------
/icons/007-chat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/007-chat.png
--------------------------------------------------------------------------------
/icons/011-wifi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/011-wifi.png
--------------------------------------------------------------------------------
/icons/012-lock.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/012-lock.png
--------------------------------------------------------------------------------
/icons/015-flag.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/015-flag.png
--------------------------------------------------------------------------------
/icons/021-ring.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/021-ring.png
--------------------------------------------------------------------------------
/icons/022-trash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/022-trash.png
--------------------------------------------------------------------------------
/icons/024-plane.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/024-plane.png
--------------------------------------------------------------------------------
/icons/025-home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/025-home.png
--------------------------------------------------------------------------------
/icons/026-clock.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/026-clock.png
--------------------------------------------------------------------------------
/artboard-overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/artboard-overview.png
--------------------------------------------------------------------------------
/icons/003-location.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/003-location.png
--------------------------------------------------------------------------------
/icons/004-cloudy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/004-cloudy.png
--------------------------------------------------------------------------------
/icons/004-raining.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/004-raining.png
--------------------------------------------------------------------------------
/icons/008-camera.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/008-camera.png
--------------------------------------------------------------------------------
/icons/010-volume.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/010-volume.png
--------------------------------------------------------------------------------
/icons/013-folder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/013-folder.png
--------------------------------------------------------------------------------
/icons/014-envelope.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/014-envelope.png
--------------------------------------------------------------------------------
/icons/016-wrench.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/016-wrench.png
--------------------------------------------------------------------------------
/icons/017-debate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/017-debate.png
--------------------------------------------------------------------------------
/icons/018-avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/018-avatar.png
--------------------------------------------------------------------------------
/icons/019-gallery.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/019-gallery.png
--------------------------------------------------------------------------------
/icons/023-command.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/023-command.png
--------------------------------------------------------------------------------
/icons/027-campass.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/027-campass.png
--------------------------------------------------------------------------------
/icons/028-refresh.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/028-refresh.png
--------------------------------------------------------------------------------
/icons/030-download.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/030-download.png
--------------------------------------------------------------------------------
/icons/004-lightening.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/004-lightening.png
--------------------------------------------------------------------------------
/icons/005-fullscreen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/005-fullscreen.png
--------------------------------------------------------------------------------
/icons/006-settings-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/006-settings-1.png
--------------------------------------------------------------------------------
/icons/006-settings-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/006-settings-2.png
--------------------------------------------------------------------------------
/icons/009-ring-bell.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/009-ring-bell.png
--------------------------------------------------------------------------------
/icons/020-headphone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/020-headphone.png
--------------------------------------------------------------------------------
/icons/029-telephone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryanhoo/make-icons/HEAD/icons/029-telephone.png
--------------------------------------------------------------------------------
/icons/004-lightening.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/015-flag.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/001-heart.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/002-music.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/004-cloudy.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/003-location.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/012-lock.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/014-envelope.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/021-ring.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/028-refresh.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/005-fullscreen.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/029-telephone.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/027-campass.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/025-home.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/022-trash.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/019-gallery.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/013-folder.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/009-ring-bell.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/016-wrench.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/020-headphone.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/004-raining.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/030-download.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/007-chat.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/010-volume.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/018-avatar.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/011-wifi.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/008-camera.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/024-plane.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/006-settings-1.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/026-clock.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/006-settings-2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/023-command.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/004-sunny.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/icons/017-debate.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Make Great Icons
2 |
3 |
4 |
5 | This project is a demonstration for practicing Sketch skills by following the tutorial **#makeicons** step by step.
6 |
7 | [#makeicons](https://twitter.com/hashtag/makeicons?src=hash) is an activity started by [Allen Wang](https://dribbble.com/openallen) by making cool icons in several simple but definitely inspirational steps. After you go through the tutorial you should be able to create your own icons fast and gracefully.
8 |
9 | ## Overview
10 |
11 |
12 |
13 | ## Icons
14 |
15 | These icons are made in 24x24 in Sketch, you can download the svg files from [icons](icons/) folder. Also you can download the [make-icons.sketch](make-icons.sketch) and do anything to satisfy your needs.
16 |
17 | - [001 heart](http://ww2.sinaimg.cn/mw690/460030e8gw1f7pvsp9mxtg208w08wwjg.gif)
18 | - [002 music](http://ww1.sinaimg.cn/mw690/460030e8gw1f7r1fxcgotg208w08wai6.gif)
19 | - [003 location](http://ww2.sinaimg.cn/mw690/460030e8gw1f7s5xvgfe4g20b40b4n3o.gif)
20 | - 004 weather
21 | - [lightening](http://ww1.sinaimg.cn/mw690/460030e8gw1f7t9jt2g3gg208w08w412.gif)
22 | - [sunny](http://ww3.sinaimg.cn/mw690/460030e8gw1f7t9jy4vddg208w08wagu.gif)
23 | - [cloudy](http://ww2.sinaimg.cn/mw690/460030e8gw1f7t9k3wpucg208w08wdkk.gif)
24 | - raining
25 | - [005 fullscreen](http://ww4.sinaimg.cn/mw690/460030e8gw1f7tzkim800g208w08wn3i.gif)
26 | - 006 settings
27 | - [1](http://ww2.sinaimg.cn/mw690/460030e8gw1f7v2rayy22g208w08w7ci.gif)
28 | - [2](http://ww4.sinaimg.cn/mw690/460030e8gw1f7v2r85x3cg208w08wh0e.gif)
29 | - [007 chat](http://ww4.sinaimg.cn/mw690/460030e8gw1f7walwx9bzg208w08wtfl.gif)
30 | - [008 camera](http://ww3.sinaimg.cn/mw690/460030e8gw1f7xp0uf20kg208w08wjyb.gif)
31 | - [009 ring bell](http://ww1.sinaimg.cn/mw690/460030e8gw1f7z4d9lgt9g208w08wgsp.gif)
32 | - [010 volume](http://ww3.sinaimg.cn/mw690/460030e8gw1f808vwzch5g208w08wgxl.gif)
33 | - [011 wifi](http://ww2.sinaimg.cn/mw690/460030e8gw1f81di4u4syg208w08wqnu.gif)
34 | - [012 lock](http://ww2.sinaimg.cn/mw690/460030e8gw1f82kwl9lggg208w08wqb3.gif)
35 | - [013 folder](http://ww2.sinaimg.cn/mw690/460030e8gw1f83qspnz2rg208w08wn6v.gif)
36 | - [014 envelope](http://ww4.sinaimg.cn/mw690/460030e8gw1f84ikarqc6g208w08wdng.gif)
37 | - [015 flag](http://ww1.sinaimg.cn/mw690/460030e8gw1f8671eve1gg208w08wtfs.gif)
38 | - [016 wrench](http://ww2.sinaimg.cn/mw690/460030e8gw1f87ako0zyjg208w08wjwt.gif)
39 | - [017 debate](http://ww1.sinaimg.cn/mw690/460030e8gw1f87ygtblyjg208w08wtqe.gif)
40 | - [018 avatar](http://ww2.sinaimg.cn/mw690/460030e8gw1f89m4zuzwlg208w08w7co.gif)
41 | - [019 gallery](http://ww2.sinaimg.cn/mw690/460030e8gw1f8ahchbrsug208w08w13k.gif)
42 | - [020 headphone](http://ww2.sinaimg.cn/mw690/460030e8gw1f8bh0zwu3gg208w08wq8z.gif)
43 | - [021 ring](http://ww2.sinaimg.cn/mw690/460030e8gw1f8c7ifbw5vg208w08wn3f.gif)
44 | - [022 trash](http://ww2.sinaimg.cn/mw690/460030e8gw1f8dpiff7eog208w08wdn5.gif)
45 | - [023 command](http://ww2.sinaimg.cn/mw690/460030e8gw1f8emsx4ky6g208w08w0y0.gif)
46 | - [024 plane](http://ww1.sinaimg.cn/mw690/460030e8gw1f8fwuv8by5g208w08w44k.gif)
47 | - [025 home](http://ww3.sinaimg.cn/mw690/460030e8gw1f8h5mzokyhg208w08wtmw.gif)
48 | - [026 clock](http://ww4.sinaimg.cn/mw690/460030e8gw1f8ibagtubbg208w08wtq2.gif)
49 | - [027 campass](http://ww1.sinaimg.cn/mw690/460030e8gw1f8je855flhg208w08wwkk.gif)
50 | - [028 refresh](http://ww1.sinaimg.cn/mw690/460030e8gw1f8kkwto16sg208w08wk0p.gif)
51 | - [029 telephone](http://ww2.sinaimg.cn/mw690/460030e8gw1f8mefxknnzg208w08wk5d.gif)
52 | - [030 download](http://ww3.sinaimg.cn/mw690/460030e8gw1f8ncx4nsqng208w08wjx2.gif)
53 | - more icons coming soon...
54 |
55 | ## Acknowledgements
56 |
57 | - Thanks [Allen](https://github.com/allenwong) for sharing such a wonderful tutorial.
58 | - [Sketch](https://www.sketchapp.com/) is incredible friendly to new beginners, I love it!
59 |
60 | ## License
61 |
62 | [Attribution 3.0 United States (CC BY 3.0 US)](https://creativecommons.org/licenses/by/3.0/us/)
63 |
64 | >
65 | > THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
66 | >
67 | > BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
68 |
--------------------------------------------------------------------------------