This plugin helps you easily insert and manage icons from icon fonts.
Latest commit cf9cf5c Dec 6, 2017
keremciu committed Dec 6, 2017 Update
Failed to load latest commit information.
iconfont.sketchplugin/Contents Update manifest.json Dec 7, 2017
.gitignore file extensions changed May 9, 2016 Update Aug 17, 2016 Update Dec 7, 2017
version.xml Update version.xml Dec 7, 2017

PayPal Latest Version Join the chat at

Version 48 supports - 7 December 2017 (Version 4.6.0)

⚠️ 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.

Guys, I'm so excited with new updates on Sketch, I will be working on this plugin again to improve your experience! hopefully, we will have a short install process and maybe can add symbol change functionality? mmmh! would be amazing. stay in touch on twitter.

I will share donations here after asking their permissions, it's a motivation thing for me and you, guys. let see what's going on.

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:


- 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:


  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:


- 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.






If you want you can buy me a beer: :)

Old version

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