All Projects â†’ raulghm â†’ Font Awesome Stylus

raulghm / Font Awesome Stylus

Licence: gpl-2.0
Stylus port for font-awesome 4.7.0

Programming Languages

stylus
462 projects

Projects that are alternatives of or similar to Font Awesome Stylus

Alfred Font Awesome Workflow
🎩 Font Awesome workflow for Alfred
Stars: ✭ 714 (+827.27%)
Mutual labels:  font, fontawesome, icons, font-awesome
Font Awesome Php
A PHP library for Font Awesome 4.7.
Stars: ✭ 47 (-38.96%)
Mutual labels:  font, fontawesome, icons, font-awesome
rofi-fontawesome
fontawesome icon list for rofi dmenu
Stars: ✭ 58 (-24.68%)
Mutual labels:  font, fontawesome, icons, font-awesome
Fontawesome Module
Module to use Font Awesome icons in Nuxt.js
Stars: ✭ 79 (+2.6%)
Mutual labels:  fontawesome, icons, font-awesome
Font Awesome Swift
Font Awesome swift library for iOS.
Stars: ✭ 743 (+864.94%)
Mutual labels:  font, icons, font-awesome
Swifticons
🎢Swift Library for Font Icons - ★ this library
Stars: ✭ 747 (+870.13%)
Mutual labels:  fontawesome, icons, font-awesome
Yii2 Fontawesome
Asset Bundle for Yii2 with Font Awesome http://fortawesome.github.io/Font-Awesome/
Stars: ✭ 149 (+93.51%)
Mutual labels:  font, fontawesome, icons
Svelte Awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome
Stars: ✭ 193 (+150.65%)
Mutual labels:  font, icons, font-awesome
Font Awesome
The iconic SVG, font, and CSS toolkit
Stars: ✭ 66,937 (+86831.17%)
Mutual labels:  font, fontawesome, icons
Bootstrapcdn
Free Bootstrap CDN hosting
Stars: ✭ 1,075 (+1296.1%)
Mutual labels:  font, fontawesome, font-awesome
Avfonts
AVFonts for change/swap fontname throughout app.
Stars: ✭ 200 (+159.74%)
Mutual labels:  font, fontawesome, font-awesome
react-native-fontawesome-pro
Easily use your FontAwesome Pro icons in React-Native
Stars: ✭ 44 (-42.86%)
Mutual labels:  fontawesome, icons, font-awesome
FMX.FontAwesome
[FireMonkey] FontAwesome
Stars: ✭ 21 (-72.73%)
Mutual labels:  font, fontawesome, font-awesome
Iconfontcppheaders
C, C++ headers and C# classes for icon fonts: Font Awesome, Fork Awesome, Material Design, Kenney game icons and Fontaudio
Stars: ✭ 509 (+561.04%)
Mutual labels:  fontawesome, icons, font-awesome
Mahapps.metro.iconpacks
Awesome icon packs for WPF and UWP in one library
Stars: ✭ 1,157 (+1402.6%)
Mutual labels:  fontawesome, icons
Nerd Fonts
Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more
Stars: ✭ 31,778 (+41170.13%)
Mutual labels:  font, font-awesome
Openwebicons
A font!
Stars: ✭ 835 (+984.42%)
Mutual labels:  font, icons
Fork Awesome
A fork of the iconic font and CSS toolkit
Stars: ✭ 878 (+1040.26%)
Mutual labels:  icons, font-awesome
React Fontawesome
A React Font Awesome component.
Stars: ✭ 662 (+759.74%)
Mutual labels:  font, font-awesome
Craft3 Iconpicker
Craft plugin that provides a new field type that offers end users an easy way to pick an icon from a .woff or .ttf font file. You can easily use ionicons or font awesome icons or any other compatible font file.
Stars: ✭ 15 (-80.52%)
Mutual labels:  font, icons

Font Awesome Stylus

Stylus Port for Font Awesome

Installation

Import font-awesome in your project and configure fonts path correctly ($fa-font-path)

Bower support

bower install font-awesome-stylus

NPM support

npm install font-awesome-stylus

Usage

Set font path

$fa-font-path = "../fonts"
// OR
$fa-font-path = "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts"

Example of requiring and using font-awesome middleware to create compile function to utilize in other frameworks.

var fontAwesome = require('font-awesome-stylus'),
    stylus      = require('stylus');

function compile(str) {
  return stylus(str)
    .use(fontAwesome());
}

To import whole font-awesome in your stylus file:

@import "font-awesome-stylus"

Include icon using mixin

.my-icon
  fa(user)

Original source

http://fortawesome.github.io/Font-Awesome

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].