allenwong / makeiconswithsketch

Simple tutorials about how to make icons with Sketch.

Make Icons With Sketch

Hi Community

Allen Wang again, who made 30 Days of Swift project in the year of begin. Long time no see, folks🙌

I have posted some simple gif tutorials about how to make icons with Sketch on Twitter and Weibo one month ago, got a lot of wonderful feedbacks, almost 270K views and 380+ people get involved, particularly from developers, they were really following my steps and start to use Sketch, they don't need always to rely on designers.

The purpose to open source this project is hopefully can invite more designers join, create more gif tutorials and svg icons for anyone can learn and download.

Sketch source file was attached.

🇨🇳简体中文文章点击这里.

Open Design

Welcome anyone who have ability to make svg icon and gif tutorial, love to figure out what's the easiest way to draw a complex icon, you are definitely the one could help push this project to a big future. Believe me, it was a lot of fun.

Requirement(Pull request)

Create a new folder suffixed by your name, like 'Svg and gif - Allenwang'.

90*90 Black Solid SVG Icon, refer to The Noun Project guideline.

320*320 GIF Tutorial, I made with screenFlow and Gifrocket.

(Option) Add the MakeIconsWithSketch watermark in your gif would be perfect.

Note: All icons published to this project are licensed under Creative Commons Zero.

SVG Icon & GIF Tutorial






Special Thanks

Awesome Icon Designer Kyle Adams and his daily #makeicons with Illustrator tutorials.

License

All icons published on Make Icons With Sketch are licensed under Creative Commons Zero, which means you can copy, modify, distribute and use the icons for free, including commercial purposes, without asking permission from or providing attribution to the designer.

But Add a line of 'Thanks to MakeIconsWithSketch' in your project would great.

Reach me

Twitter: @creativewang

Weibo: @Allen朝辉

Instagram: @alllllllllen

Dribbble: Allen Wang

Facebook: Allen Wang

makeiconswithsketch's Issues

如果能把整个sketch的界面给录上就好了

你好，首先非常喜欢这个项目，但是对于初学者来说，只看这样的gif还是并不知道具体在sketch中是怎么操作的。
所以为什么不把整个sketch的界面给录上呢，能让人看清楚是怎么操作的。

Speaker Icon

You should do a speaker icon similar to the one found in the macOS menu bar.

你好 卡在第二个 爱心了 heart 2

两个矩形都摆好了，但是 edit 后 还是只选中了一个矩形的 path 怎么也不会弄了， 特来麻烦你一下哦！

如何才能像 gif 里面一样 框选 4 个顶部节点？ 我框选的时候 是斜 45度，而且只能选单独一边的矩形