/Sketch-Icons

🚀 Generate a dynamic icon library

Primary LanguageJavaScriptMIT LicenseMIT

alt text

Sketch Icons

A Sketch plugin that allows you to import a set of icons and automatically apply a color style.

Discover our new website!

📣 Read our Medium article to use Sketch Icons efficiently

⚠️ If you have some troubles with Sketch Icons, here are some recommendations:

  • Sketch Icons is not compatible with MacOS El Capitan
  • It seems that Sketch Focus plugin is preventing Sketch Icons from working properly, so please disable it

Features

Since the arrival of nested symbols and Sketch libraries, our worfklow has been incredibly improved.

But if, like us, you have wondered how to import all of your icons into Sketch and how to apply a color individually... Then this plug-in is made for you.

  1. Import a folder or a set of icons.
  2. Choose a color library and apply automatically a color.
  3. Enjoy your dynamic icons library.

That's all. ❤️

Import icons

Just go to Plugins -> Sketch Icons -> Import icons... and select your folder or your icons. You can also use the keyboard shortcut cmd + shift + i.

alt text

And... Voilà ! Your dynamic icons library is ready!

Replace severals icons

To save you even more time, we have designed a feature that allows you to replace or update icons already imported into your library. You will find this feature in Plugins -> Sketch Icons -> Replace icons....

alt text

✨ Organize icons (New)

You can now drag and drop your icons directly into Sketch (from a folder or an application like IconJar). Once your icons are dropped, select the set and go to Plugins -> Sketch Icons -> Organize icons....

alt text

Add a color on several icons

If you want to apply a color to an icon - or a set of icons - you can use this functionality Plugins -> Sketch Icons -> Apply a color.... You can also use the keyboard shortcut cmd + shift + m.

alt text

That's about all you need to know. This should save you a lot of time!

Do not hesitate to come back to us. We want your feedback :)

How to install the plugin

We recommend installing the plugin with Sketch runner.

Method 1: Sketch runner

Open Sketch Runner, search for "Sketch Icons", and click "Install".

runner-badge-blue

Method 2: Manually

  1. Download the ZIP file and unzip
  2. Open Sketch Icons.sketchplugin

Contact/Feedback

Sketch Icons is designed by Valentin Chrétien and developed by Antoine Moreaux.

If you have any questions, feel free to contact us directly on Twitter or drop us an email. Feedback is always appreciated :)

Thanks guys!

If this plugin saves you time, do not hesitate to send us small messages of thanks!

You can also offer us some beers or coffees.