Sketch Iconfont

This plugin helps you easily insert and manage icons from icon fonts.
Alternatives To Sketch Iconfont
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
10 days ago20mitTypeScript
🏕 Opinionated Vite + Vue Starter Template
4 years agoSeptember 26, 20229mitObjective-C
A Xcode plugin to automatically generate 2x, 1x image from 3x image for you, or upscale to 3x from 2x
Android Material Design Icon Generator Plugin2,410
5 years ago16apache-2.0Java
This plugin help you to set material design icon to your project.
Sketch Iconfont1,980
2 years ago25JavaScript
This plugin helps you easily insert and manage icons from icon fonts.
Emacs Neotree1,433
a year ago80gpl-3.0Emacs Lisp
A emacs tree plugin like NerdTree for Vim.
Favicons Webpack Plugin1,1881,6583662 months ago35February 23, 202112mitJavaScript
Let webpack generate all your favicons and icons for you
Easylauncher Gradle Plugin934
2 years ago1March 26, 202128apache-2.0Java
Add a different ribbon to each of your Android app variants using this gradle plugin. Of course, configure it as you will
11 days ago4gpl-3.0Python
Ranger plugin that adds file glyphs / icon support to Ranger
Motrix Webextension782
a month ago41gpl-3.0JavaScript
A browser extension for the Motrix Download Manager
React Native Make727542 years ago16May 12, 202135mitTypeScript
A collection of everyday React Native CLI tools
Alternatives To Sketch Iconfont
Select To Compare

Alternative Project Comparisons

PayPal Latest Version Join the chat at

New plugin

Hello everyone! I just created a totally new plugin to establish easier and reliable workflow. if you'd like to test out, it's here: keremciu/sketch-iconfont-web waiting for your feedback! :)

⚠️ BEFORE UPDATE: If you're using custom icon fonts, please export your font bundle like this: VIDEO then update the plugin, you can install the your custom-font-bundle without losing your custom fonts.

Dark Mode supports - 18 March 2019 (version 4.7.0)

  • Adds dark mode support

Version 48 supports - 7 December 2017 (Version 4.6.0)

New version and release video is coming - 19 January 2017

  • I took a video about import custom icons (VIDEO)


Version 41 supports - 9 November 2016 (Version 4.5.1)

  • ColorWithSVGString method deprecated, I fixed it
Non-text layer selection problem fixed - 4 October 2016 (Version 4.4.2)

Problem here

New Features and Fixes - 17 August 2016 (Version 4.4.0)

Hey guys, I've fixed the problem with 3.91 version of Sketch.

Also we've new features like multiple text change, I will share gifs about them soon. Before sharing gifs, you can find and use them :)

First Install

First use? you need to watch (THIS VIDEO)

Please if you have an issue, first watch the video.

New Feature - Convert Command - 29 April 2016


Your teammates don't have your icon-fonts? don't worry now you can convert all icons with one command then share it.

Use Icon Fonts in Sketch

This plugin helps you easily insert and manage icons from icon fonts - such as FontAwesome, Ion or Material Design Icons - in your Sketch designs.

Use any icon font.

The plugin itself has no font built-in. You will need to download and install the fonts you wish to use directly from the font publisher. The most popular ones, however, have been put into a bundle which you can easily download from here: keremciu/font-bundles


- Features

Why you need to use it

For The Designer: When a designer wants to add an icon from an icon font - such as material design, fontawesome, etc. - they usually need to find a cheatsheet containing all the font's icons, and then manually copy+paste each one they wish to use into their design - or use a third-party application. Time consuming and cumbersome.

  • You can now easily view and add any icon directly Sketch!

For The Developer: When a developer wants to find out the name of an icon that was used by the Designer, they need to search through a lengthy list of icons, until they find it. Time consuming and cumbersome.

  • You can now easily find out an icon's name directly in Sketch, without needing to perform a search!


- Installation

Using Sketch Toolbox

  1. Install 'Sketch Iconfont' plugin directly from Sketch Toolbox.
  2. Install a font containing an svg font file, or install a font bundle - such as the one provided here: keremciu/font-bundles


  1. Download and extract the ZIP bundle of this plugin from this repo.
  2. Put the folder into your Sketch plugin folder (Use Plugins > Reveal Plugins Folder to find the plugin folder).
  3. Install a font containing an svg font file, or install a font bundle - such as the one provided here: keremciu/font-bundles


- Documentation

Its a little documentation about commands
Command Description
Install a Font-Bundle Install a newly downloaded font bundle.
Export your Font-Bundle Export or backup all of your icon fonts previously installed. Recommended to use before you install new version of the plugin.
Install a Font Install a newly downloaded font - containing an svg font file.
Remove a Font Remove a previously installed font.
Grid Insert Insert an icon by searching for it in a visual grid table.
Name Insert Insert an icon by name.
HTML of Selected Icon To use an icon on web or mobile, select it and use this command.

- Minimum Dependencies

  • OSX El Capitan & Yosemite (#44)
  • Sketch 3.4.4.

You can follow me on twitter to get updates.






how about supporting my time-savers? if you'd like to buy me a beer, you can make it on PayPal then I can focus more on this stuff while having a beer 🍺

Old version

You can see an old version of this plugin here: - and you can download it from here:

Popular Icon Projects
Popular Plugin Projects
Popular User Interface Components Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Sketch Plugin
Icon Font