Font Awesome Color Brand

A list of brand color in SCSS and CSS for Font Awesome or for what you want!

Download View on Github

Get Started

  1. Import Font Awesome in your code, into the tag <head>:
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
    More information at official website of Font Awesome.
  2. Import Font Awesome Color Brand in SCSS or CSS.

    SCSS

    Import the SCSS file in your project:
    @import 'path/font-awesome-color-brand'
    You can use the class directly in the HTML file or the variable color for your SCSS project.

    CSS

    Import the CSS file in your project with the @import:
    @import url('path/font-awesome-color-brand.css');
    or with the <link> tag:
    <link type="stylesheet" href="path/font-awesome-color-brand.css">
  3. Yeah, let's start to color your icon!

Example

Result

Code

Font Awesome

<i class="fa fa-github"></i>

Font Awesome + Color Brand

<i class="fa fa-github github"></i>

List of colors

a500px
adn
amazon
american-express
android
angel-list
apple
behance
bitbucket
bitcoin
black-tie
bluetooth
buy-sell-ads
mastercard
chrome
codepen
codie-pie
connect-develop
contao
css3
dashcube
delicious
deviantart
digg
diners-club
discover
dribbble
dropbox
drupal
edge
empire
envira
expeditedssl
facebook
firefox
flickr
fonticons
fort-awesome
forumbee
foursquare
get-pocket
gg
git
github
gitlab
glide
google
google-plus
google-wallet
gratipay
hacker-news
houzz
html5
instagram
internet-explorer
ioxhost
jcb
joomla
jsfiddle
lastfm
leanpub
linkedin
linux
maxcdn
meanpath
medium
mixcloud
modx
odnoklassniki
opencart
openid
opera
optinmonster
pagelines
paypal
pied-piper
pinterest
product-hunt
qq
rebel
reddit
renren
safari
scribd
sellsy
share-alt
shirts-in-bulk
simplybuilt
skyatlas
skype
slack
slideshare
snapchat
soundcloud
spotify
stack-exchange
stack-overflow
steam
stripe
stumbleupon
tencent-weibo
trello
tripadvisor
tumblr
twitch
twitter
usb
viacoin
viadeo
vimeo
vine
visa
vk
wechat
weibo
whatsapp
wikipedia
windows
wordpress
wp-beginner
wp-forms
xing
y-combinator
yahoo
yelp
youtube