Skip to main content

Designing Custom Icons with Sketch 3

By Jeff Smith, Adam Rasheed

Design & UX

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95


When creating designs for your project using Sketch 3 for macOS, chances are that you will need some icons in your design. Icons are an integral part of communication on the Internet, as they relay ideas visually and surpass the boundaries of using text alone.

Using Icons in Sketch

Sketch 3 has design templates included, and many of those have icons in them. This is an easy way to get started, both with icons and with your user interface design. This video will focus on helping you to build your own custom designs, including icons from other sources.

You’ll be guided through the process of locating good icons, and how to include them in your design projects. The video also details the process in finding exact brand colors, so that your icons can be on brand.

Loading the player…

User Interface Design with Sketch 3 Course

This video is part of the our Design a User Interface with Sketch course on SitePoint, available to all SitePoint members, and presented by Adam Rasheed. In this course, Adam will take you through all of the steps of creating amazing user interfaces, from a blank canvas to a finished product, ready to deliver to a developer or to present! Adam does a great job at relaying some of the principles of design that can be used in other contexts as well.

As great as Sketch is, it is an application that is only available for macOS. Although this limits the user base of Sketch 3 to macOS users only, it is still fast becoming an industry standard in design and is an excellent tool to invest time in learning.

Jeff works for a startup as a technical writer, does contract writing and web development, and loves tinkering with new projects and ideas. In addition to being glued to a computer for a good part of his day, Jeff is also a husband, father, tech nerd, book nerd, and gamer.

Adam Rasheed is a professional UX/UI designer, front-end developer, consultant and commercial photographer. A creative by heart, when Adam is not busy working he's learning a new skill most recently, it’s been hand-lettering and Sketch. In his spare time you'll find Adam exploring Orange County for the newest (and best) restaurants.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.