Awesome Compass Extension from Compass-Recipes.
Big thanks to Keyamoon for IcoMoon App
To properly install a icon font, you just need to do
compass install recipes/icon-fonts
All fonts should be available into {compass fonts_dir}/icons/*
Just delete fonts you don't need. After that, you're almost done Add this to you stylesheet
@import "recipes/icon-font";
@include icon-font-face-broccolidry; // or the font you want
selector {
@include icon-font('\0021', 32px, 'broccolidry');
}
- Add a list of icon name foreach fonts, to allow us using verbose icon name instead of unicode value.
- Add an interface to copy paste name/unicode with just a clic
- Broccolidry
- Icons Available: 108
- Crisp Size: (16 × N) px
- Author: Visual Idiot
- Licence: Abitrary
- Generated by IcoMoon App
- Cuticons
- Icons Available: 70
- Crisp Size: (16 × N) px
- Author: Vaibhav Bhat
- Licence: CC0
- Generated by IcoMoon App
- Eco Ico
- Icons Available: 40
- Crisp Size: (22 × N) px
- Author: Matthew Skiles
- Licence: CC0
- Generated by IcoMoon App
- Entypo
- Icons Available: 163
- Crisp Size: (20 × N) px
- Author: Daniel Bruce
- Licence: CC BY-SA 3.0
- Font-Awesome
- Icons Available: 220
- Crisp Size: (16 × N) px ?
- Author: FortAwesome
- Licence: CC BY-SA 3.0
- Heydings Icons
- Icons Available: 60
- Crisp Size: ?
- Author: Heydon Pickering
- Licence: SIL Open Font License 1.1
- Generated by Font Squirrel Font Face Generator
- Heydings Controls
- Icons Available: ?
- Crisp Size: ?
- Author: Heydon Pickering
- Licence: SIL Open Font License 1.1
- Generated by Font Squirrel Font Face Generator
- IcoMoon
- Icons Available: 316
- Crisp Size: (16 × N) px
- Author: Keyamoon
- Licence: CC BY-SA 3.0
- Generated by IcoMoon App
- Iconic
- Icons Available: 172
- Crisp Size: (16 × N) px
- Author: P.J. Onori
- Licence: CC BY-SA 3.0
- Generated by IcoMoon App
- Icon Minima
- Icons Available: 139
- Crisp Size: (16 × N) px
- Author: Egemen Kapusuz
- Licence: GPL V3
- Generated by IcoMoon App
- MeteoIcons
- Icons Available: 47
- Crisp Size: (16 × N) px
- Author: Alessio Atzeni
- Licence: Arbitrary
- Generated by IcoMoon App
- Modern Pictograms
- Icons Available: 90
- Crisp Size: (18 × N) px (best with 24+ x N)
- Author: John Caserta concept & design, thanks to Jeremy Mickel
- Licence: SIL Open Font License 1.1
- Generated by Font Squirrel Font Face Generator
- Socialo
- Icons Available: 74
- Crisp Size: ?
- Author: Arsek
- Licence: Fontfabric Free Font EULA
- Generated by IcoMoon App
- Typicons
- Icons Available: 90
- Crisp Size: (24 × N) px
- Author: Stephen Hutchings
- Licence: CC BY-SA 3.0
- Generated by IcoMoon App
- SilkIcons
- Icons Available: 116
- Crisp Size: (16 × N) px
- Author: Vaibhav Bhat
- Licence: CC0
- Generated by IcoMoon App
- Web Symbols
- Icons Available: 116
- Crisp Size: (16 × N) px
- Author: Vaibhav Bhat
- Licence: SIL Open Font License 1.1
- Generated by IcoMoon App
- WPZOOM Developer Icon set
- Icons Available: 154
- Crisp Size: (48 × N) px
- Author: David Ferreira
- Licence: CC BY-SA 3.0
- Generated by IcoMoon App
- Found more font on CSS tricks
- Or create your font from a directory of SVGs with Hieroglyph
Before make sending your pull request, check if you have add the icon font (files & reference) here:
templates/icon-fonts/icons
tests/recipes/icon-font/index.html
tests/recipes/icon-font/s.scss