search

thesabbir / simple-line-icons

Simple and Minimal Line Icons
https://thesabbir.github.io/simple-line-icons
MIT License
1.86k stars 846 forks source link

Cheatsheet #95

Closed Moedella closed 4 years ago

Moedella commented 6 years ago

Is there any cheat sheet for the font .. How can we use it in the design phase in Sketch,Photoshop or Illustrator?

SebCodesStuff commented 6 years ago

I really wish the documentation had even a single example. I'd love to use the package but have no idea what to do.

milichev commented 6 years ago

Online Demo

arielmorry commented 6 years ago
  1. install ttf on windows
  2. open Photoshop
  3. open from top menu Window > Glyphs
  4. search for the simple-line-icons in fonts dropdown list
  5. Text tool >> click anywhere
  6. Double click the glyph from the Glyphs Window

This will insert the icon into the document.

twnaing commented 5 years ago

For cheatsheet,

Coder: index.html page in gh-pages branch has the cheatsheet

Non-coder: try this https://jsfiddle.net/twnaing/6q0j8pyh/1/

For design phase, look @arielmorry response