All Projects → dnomak → Font Awesome Scss

dnomak / Font Awesome Scss

Licence: mit
Font Awesome Scss Core (Unofficial)

Projects that are alternatives of or similar to Font Awesome Scss

rofi-fontawesome
fontawesome icon list for rofi dmenu
Stars: ✭ 58 (-51.26%)
Mutual labels:  font, font-awesome, font-icons
Imguifontstudio
Font Helper Gui Tool for programming
Stars: ✭ 149 (+25.21%)
Mutual labels:  font, font-awesome, font-icons
Font Awesome Swift
Font Awesome swift library for iOS.
Stars: ✭ 743 (+524.37%)
Mutual labels:  font, font-awesome, font-icons
Alfred Font Awesome Workflow
🎩 Font Awesome workflow for Alfred
Stars: ✭ 714 (+500%)
Mutual labels:  font, 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 (+327.73%)
Mutual labels:  font-awesome, font-icons
React Fontawesome
A React Font Awesome component.
Stars: ✭ 662 (+456.3%)
Mutual labels:  font, font-awesome
Swifticons
🎢Swift Library for Font Icons - ★ this library
Stars: ✭ 747 (+527.73%)
Mutual labels:  font-awesome, font-icons
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+501.68%)
Mutual labels:  font, scss
Font Awesome Animation
Simple animations using FontAwesome and some CSS3.
Stars: ✭ 856 (+619.33%)
Mutual labels:  font-awesome, scss
Bootstrapcdn
Free Bootstrap CDN hosting
Stars: ✭ 1,075 (+803.36%)
Mutual labels:  font, font-awesome
Stories About Ming Dynasty
明朝那些事儿(全七卷)
Stars: ✭ 52 (-56.3%)
Mutual labels:  font, font-awesome
Linearicons
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS.
Stars: ✭ 64 (-46.22%)
Mutual labels:  font, font-icons
Glyphsearch
Search for icons from Font Awesome, Glyphicons, IcoMoon, Ionicons, and Octicons
Stars: ✭ 448 (+276.47%)
Mutual labels:  font, font-awesome
tstyle
Customize Termux Font & Colors
Stars: ✭ 186 (+56.3%)
Mutual labels:  font, font-awesome
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 (+26604.2%)
Mutual labels:  font, font-awesome
FMX.FontAwesome
[FireMonkey] FontAwesome
Stars: ✭ 21 (-82.35%)
Mutual labels:  font, font-awesome
Android Font Awesome
Android library to use the Font Awesome icons in android apps
Stars: ✭ 92 (-22.69%)
Mutual labels:  font-awesome, font-icons
apple-emoji-linux
Apple Color Emoji for Linux
Stars: ✭ 392 (+229.41%)
Mutual labels:  font, font-awesome
FontRegister
FontRegister is a small Windows utility to install fonts and/or repair the font registry via commandline.
Stars: ✭ 17 (-85.71%)
Mutual labels:  font, font-awesome
Font Awesome Php
A PHP library for Font Awesome 4.7.
Stars: ✭ 47 (-60.5%)
Mutual labels:  font, font-awesome

font-awesome-scss

Font Awesome Scss Plus

Install

@import "font-awesome";

Using

Html

<ul>
  <li><a href="#">Github</a></li>
  <li><a href="#">Twitter</a></li>
</ul>

Icon

ul li:first-child a:before {
  @include fa;
  @include fa(github);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
}

Size

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-size(2em);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-size(2em);
}

Left

ul li:first-child a:after {
  @include fa;
  @include fa(github);
  @include fa-left(10px);
}
ul li:last-child a:after {
  @include fa;
  @include fa(twitter);
  @include fa-left(20px);
}

Right

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-right(10px);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-right(20px);
}

Align

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-size(2em);
  @include fa-align(top);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-size(2em);
  @include fa-align(bottom);
}

Rotated

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-rotate(90deg);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-rotate(180deg);
}

Flipped

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-flip(horizontal);
}
ul li:last-child a:before {
  @include fa;
  @include fa(twitter);
  @include fa-flip(vertical);
}

Spin

@include fa-spin;

ul li:first-child a:before {
  @include fa;
  @include fa(github);
  @include fa-spin(1s);
}
ul li:last-child a:before{
  @include fa;
  @include fa(twitter);
  @include fa-spin(5s);
}
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].