• Stars
    star
    659
  • Rank 68,365 (Top 2 %)
  • Language
  • Created about 8 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Simple tutorials about how to make icons with Sketch.

Make Icons With Sketch

Alt text

Twitter URL Twitter Follow

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.

30+ gif tutorials I made so far, aggregated into one video on Vimeo

๐Ÿ‡จ๐Ÿ‡ณ็ฎ€ไฝ“ไธญๆ–‡ๆ–‡็ซ ็‚นๅ‡ป่ฟ™้‡Œ.

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

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

![Alt text](https://github.com/allenwong/MakeIconsWithSketch/blob/master/SVG%20and%20GIF%20-%20Allen%20Wang/camera 2.gif)

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

![Alt text](https://cdn.rawgit.com/allenwong/MakeIconsWithSketch/master/SVG%20and%20GIF%20-%20Allen%20Wang/alarm clock.svg)

![Alt text](https://github.com/allenwong/MakeIconsWithSketch/blob/master/SVG%20and%20GIF%20-%20Allen%20Wang/alarm clock.gif)

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

![Alt text](https://cdn.rawgit.com/allenwong/MakeIconsWithSketch/master/SVG%20and%20GIF%20-%20Allen%20Wang/christmas tree.svg)

![Alt text](https://github.com/allenwong/MakeIconsWithSketch/blob/master/SVG%20and%20GIF%20-%20Allen%20Wang/christmas tree.gif)

Alt text

Alt text

Alt text

Alt text

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