Skip to content
Simple tutorials about how to make icons with Sketch.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
SVG and GIF - Allen Wang
Icon set.sketch Put all the stuff together. Oct 22, 2016
README.md Add Women's March Icon Jan 22, 2017
Video Thumbnail.png Replace video thumbnail. Oct 26, 2016
Video to GIF watermark.png Put all the stuff together. Oct 22, 2016
project logo.png Put all the stuff together. Oct 22, 2016

README.md

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

You can’t perform that action at this time.