Skip to content

This plugin helps you to add/manage icons with a nice way in Sketch.

Notifications You must be signed in to change notification settings

luxlogica/sketch-iconfont

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

92 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Latest Version Join the chat at https://gitter.im/keremciu/sketch-iconfont

Use Icon-Fonts in Sketch

This plugin helps you to add/manage icons with a nice way.

You can use every fonts/icons now.

It has no font, now you install which one you want but I suggest the popular ones, you can find them below: https://github.com/keremciu/font-bundles

=======

- Features

Why you need to use

A Problem of the Designer: When a designer wants to add an icon from icon fonts (like material, fontawesome, etc.) you need to find a cheatsheet to copy it in your design file or need to use a another application.

  • You can easily add all icons without another application!

A Problem of the Developer: When a developer wants to learn name of the icon which is added by designer, you need to look too much icons to find it.

  • You can easily learn it without any search.

=======

- Install

It needs to be clear.

with Sketch Toolbox

  1. You can install 'Sketch Iconfont' plugin directly.
  2. You need to install a font with svg file or you can install a font-bundle (like this one: https://github.com/keremciu/font-bundles)

manual

  1. Download ZIP of this repo.
  2. Extract and rename folder to what would you like.
  3. Put the folder in your Sketch plugin folder (Use Plugins > Reveal Plugins Folder to find the plugin folder).
  4. You need to install a font with svg file or you can install a font-bundle (like this one: https://github.com/keremciu/font-bundles)

=======

- Documentation

Its a little documentation about commands
Command Description
Install a Font-Bundle This is the first command of plugin. You need to install a font-bundle first with this command.
Export your Font-Bundle Export or backup all of your icon-fonts which ones installed by you. If you have too much custom-icon fonts or you want to install new version, you need to backup fonts.
Install a Font If you want to use a icon-font, you need to install it with its svg file.
Remove a Font If you want to remove a font, you need to select it with this command.
Grid Insert Insert an icon from the grid which is searchable.
Name Insert Insert an icon with its name.
HTML of Selected Icon If you want to use an icon on web or mobile you need to select it and run this command.

- Minimum Dependencies

  • OSX El Capitan.
  • Sketch 3.4.4.

You can follow me on twitter to get updates. http://twitter.com/keremciu

License

MIT

=======

Donate

🍻

If you want you can buy me a beer guys, https://www.paypal.me/keremsevencan :)

Old version

If you want to see old version of this plugin, you can go for it: http://i.imgur.com/EBGmlSe.gif and you can download from here: https://github.com/keremciu/sketch-iconfont/tree/oldversion

About

This plugin helps you to add/manage icons with a nice way in Sketch.

Resources

Stars

Watchers

Forks

Packages

No packages published