Fonte incrível - ícones de marca
Este capítulo explica o uso de ícones Font Awesome Brand. Assuma issocustom é o nome da classe CSS onde definimos o tamanho e a cor, conforme mostrado no exemplo abaixo.
<html>
<head>
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<style>
i.custom {font-size: 2em; color: gray;}
</style>
</head>
<body>
<i class = "fa fa-adjust custom"></i>
</body>
</html>
A tabela a seguir mostra o uso e os resultados dos ícones Font Awesome Brand. Substitua a tag <body> do programa acima pelo código fornecido na tabela para obter os respectivos resultados -
Uso | Ícones |
---|---|
<i class = "fa fa-500px custom"> </i> | |
<i class = "fa fa-amazon custom"> </i> | |
<i class = "fa fa-android custom"> </i> | |
<i class = "fa fa-angellist custom"> </i> | |
<i class = "fa fa-adn custom"> </i> | |
<i class = "fa fa-apple custom"> </i> | |
<i class = "fa fa-behance custom"> </i> | |
<i class = "fa fa-behance-square custom"> </i> | |
<i class = "fa fa-bitbucket custom"> </i> | |
<i class = "fa fa-bitbucket-square custom"> </i> | |
<i class = "fa fa-btc custom"> </i> | |
<i class = "fa fa-black-tie custom"> </i> | |
<i class = "fa fa-btc custom"> </i> | |
<i class = "fa fa-buysellads custom"> </i> | |
<i class = "fa fa-cc-amex custom"> </i> | |
<i class = "fa fa-cc-diners-club custom"> </i> | |
<i class = "fa fa-cc-discover custom"> </i> | |
<i class = "fa fa-cc-jcb custom"> </i> | |
<i class = "fa fa-cc-mastercard custom"> </i> | |
<i class = "fa fa-cc-paypal custom"> </i> | |
<i class = "fa fa-cc-stripe custom"> </i> | |
<i class = "fa fa-cc-visa custom"> </i> | |
<i class = "fa fa-chrome custom"> </i> | |
<i class = "fa fa-codepen custom"> </i> | |
<i class = "fa fa-connectdevelop custom"> </i> | |
<i class = "fa fa-contao custom"> </i> | |
<i class = "fa fa-css3 custom"> </i> | |
<i class = "fa fa-dashcube custom"> </i> | |
<i class = "fa fa-delicious custom"> </i> | |
<i class = "fa fa-deviantart custom"> </i> | |
<i class = "fa fa-digg custom"> </i> | |
<i class = "fa fa-dribbble custom"> </i> | |
<i class = "fa fa-dropbox custom"> </i> | |
<i class = "fa fa-drupal custom"> </i> | |
<i class = "fa fa-empire custom"> </i> | |
<i class = "fa fa-expeditedssl custom"> </i> | |
<i class = "fa fa-facebook custom"> </i> | |
<i class = "fa fa-facebook-f custom"> </i> | |
<i class = "fa fa-facebook-official custom"> </i> | |
<i class = "fa fa-facebook-square custom"> </i> | |
<i class = "fa fa-firefox custom"> </i> | |
<i class = "fa fa-flickr custom"> </i> | |
<i class = "fa fa-fonticons custom"> </i> | |
<i class = "fa fa-forumbee custom"> </i> | |
<i class = "fa fa-foursquare custom"> </i> | |
<i class = "fa fa-ge custom"> </i> | |
<i class = "fa fa-get-pocket custom"> </i> | |
<i class = "fa fa-gg custom"> </i> | |
<i class = "fa fa-gg-circle custom"> </i> | |
<i class = "fa fa-git custom"> </i> | |
<i class = "fa fa-git-square custom"> </i> | |
<i class = "fa fa-github custom"> </i> | |
<i class = "fa fa-github-alt custom"> </i> | |
<i class = "fa fa-github-square custom"> </i> | |
<i class = "fa fa-gratipay custom"> </i> | |
<i class = "fa fa-google custom"> </i> | |
<i class = "fa fa-google-plus custom"> </i> | |
<i class = "fa fa-google-plus-square custom"> </i> | |
<i class = "fa fa-youtube-play custom"> </i> | |
<i class = "fa fa-gratipay custom"> </i> | |
<i class = "fa fa-hacker-news custom"> </i> | |
<i class = "fa fa-houzz custom"> </i> | |
<i class = "fa fa-html5 custom"> </i> | |
<i class = "fa fa-instagram custom"> </i> | |
<i class = "fa fa-internet-explorer custom"> </i> | |
<i class = "fa fa-ioxhost custom"> </i> | |
<i class = "fa fa-joomla custom"> </i> | |
<i class = "fa fa-jsfiddle custom"> </i> | |
<i class = "fa fa-lastfm custom"> </i> | |
<i class = "fa fa-lastfm-square custom"> </i> | |
<i class = "fa fa-leanpub custom"> </i> | |
<i class = "fa fa-linkedin custom"> </i> | |
<i class = "fa fa-linkedin-square custom"> </i> | |
<i class = "fa fa-linux custom"> </i> | |
<i class = "fa fa-maxcdn custom"> </i> | |
<i class = "fa fa-meanpath custom"> </i> | |
<i class = "fa fa-medium custom"> </i> | |
<i class = "fa fa-odnoklassniki custom"> </i> | |
<i class = "fa fa-odnoklassniki-square custom"> </i> | |
<i class = "fa fa-opencart custom"> </i> | |
<i class = "fa fa-opera custom"> </i> | |
<i class = "fa fa-optin-monster custom"> </i> | |
<i class = "fa fa-openid custom"> </i> | |
<i class = "fa fa-pagelines custom"> </i> | |
<i class = "fa fa-youtube custom"> </i> | |
<i class = "fa fa-pied-piper custom"> </i> | |
<i class = "fa fa-pied-piper-alt custom"> </i> | |
<i class = "fa fa-pinterest custom"> </i> | |
<i class = "fa fa-pinterest-p custom"> </i> | |
<i class = "fa fa-pinterest-square custom"> </i> | |
<i class = "fa fa-qq custom"> </i> | |
<i class = "fa fa-ra custom"> </i> | |
<i class = "fa fa-rebel custom"> </i> | |
<i class = "fa fa-reddit custom"> </i> | |
<i class = "fa fa-renren custom"> </i> | |
<i class = "fa fa-amazon custom"> </i> | |
<i class = "fa fa-safari custom"> </i> | |
<i class = "fa fa-sellsy custom"> </i> | |
<i class = "fa fa-youtube-square custom"> </i> | |
<i class = "fa fa-share-alt custom"> </i> | |
<i class = "fa fa-share-alt-square custom"> </i> | |
<i class = "fa fa-shirtsinbulk custom"> </i> | |
<i class = "fa fa-simplybuilt custom"> </i> | |
<i class = "fa fa-skyatlas custom"> </i> | |
<i class = "fa fa-skype custom"> </i> | |
<i class = "fa fa-slack custom"> </i> | |
<i class = "fa fa-yc-square custom"> </i> | |
<i class = "fa fa-soundcloud custom"> </i> | |
<i class = "fa fa-spotify custom"> </i> | |
<i class = "fa fa-stack-exchange custom"> </i> | |
<i class = "fa fa-stack-overflow custom"> </i> | |
<i class = "fa fa-steam custom"> </i> | |
<i class = "fa fa-steam-square custom"> </i> | |
<i class = "fa fa-stumbleupon custom"> </i> | |
<i class = "fa fa-stumbleupon-circle custom"> </i> | |
<i class = "fa fa-tencent-weibo custom"> </i> | |
<i class = "fa fa-trello custom"> </i> | |
<i class = "fa fa-tripadvisor custom"> </i> | |
<i class = "fa fa-tumblr custom"> </i> | |
<i class = "fa fa-tumblr-square custom"> </i> | |
<i class = "fa fa-yahoo custom"> </i> | |
<i class = "fa fa-twitter custom"> </i> | |
<i class = "fa fa-twitter-square custom"> </i> | |
<i class = "fa fa-viacoin custom"> </i> | |
<i class = "fa fa-vimeo custom"> </i> | |
<i class = "fa fa-vimeo-square custom"> </i> | |
<i class = "fa fa-vine custom"> </i> | |
<i class = "fa fa-vk custom"> </i> | |
<i class = "fa fa-wechat custom"> </i> | |
<i class = "fa fa-weibo custom"> </i> | |
<i class = "fa fa-weixin custom"> </i> | |
<i class = "fa fa-whatsapp custom"> </i> | |
<i class = "fa fa-wikipedia-w custom"> </i> | |
<i class = "fa fa-windows custom"> </i> | |
<i class = "fa fa-wordpress custom"> </i> | |
<i class = "fa fa-xing custom"> </i> | |
<i class = "fa fa-xing-square custom"> </i> | |
<i class = "fa fa-y-combinator custom"> </i> | |
<i class = "fa fa-y-combinator-square custom"> </i> | |
<i class = "fa fa-yc custom"> </i> |