Font Awesome - 品牌图标

本章介绍 Font Awesome Brand 图标的用法。假设custom是我们定义大小和颜色的 CSS 类名称，如下面给出的示例所示。

<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>

下表显示了 Font Awesome Brand 图标的用法和结果。将上述程序的 <body> 标记替换为表中给出的代码以获得相应的输出 -

用法	图标
<i class="fa fa-500px 自定义"></i>
<i class="fa fa-亚马逊自定义"></i>
<i class="fa fa-android 自定义"></i>
<i class="fa fa-angellist custom"></i>
<i class="fa fa-adn 自定义"></i>
<i class="fa fa-apple custom"></i>
<i class="fa fa-behance 自定义"></i>
<i class="fa fa-behance-square custom"></i>
<i class="fa fa-bitbucket 自定义"></i>
<i class="fa fa-bitbucket-square custom"></i>
<i class="fa fa-btc 自定义"></i>
<i class="fa fa-black-tie custom"></i>
<i class="fa fa-btc 自定义"></i>
<i class="fa fa-buysellads custom"></i>
<i class="fa fa-cc-amex 自定义"></i>
<i class="fa fa-cc-diners-club custom"></i>
<i class="fa fa-cc-discover 自定义"></i>
<i class="fa fa-cc-jcb 自定义"></i>
<i class="fa fa-cc-mastercard 自定义"></i>
<i class="fa fa-cc-paypal 自定义"></i>
<i class="fa fa-cc-stripe 自定义"></i>
<i class="fa fa-cc-visa custom"></i>
<i class="fa fa-chrome 自定义"></i>
<i class="fa fa-codepen custom"></i>
<i class="fa fa-connectdevelop custom"></i>
<i class="fa fa-contao 自定义"></i>
<i class="fa fa-css3 自定义"></i>
<i class="fa fa-dashcube 自定义"></i>
<i class="fa fa-delicious custom"></i>
<i class="fa fa-deviantart 自定义"></i>
<i class="fa fa-digg 自定义"></i>
<i class="fa fa-dribbble 自定义"></i>
<i class="fa fa-dropbox 自定义"></i>
<i class="fa fa-drupal 自定义"></i>
<i class="fa fa-empire custom"></i>
<i class="fa fa-expeditedssl 自定义"></i>
<i class="fa fa-facebook custom"></i>
<i class="fa fa-facebook-f 自定义"></i>
<i class="fa fa-facebook-official custom"></i>
<i class="fa fa-facebook-square custom"></i>
<i class="fa fa-firefox 自定义"></i>
<i class="fa fa-flickr 自定义"></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 自定义"></i>
<i class="fa fa-gg-circle 自定义"></i>
<i class="fa fa-git custom"></i>
<i class="fa fa-git-square custom"></i>
<i class="fa fa-github 自定义"></i>
<i class="fa fa-github-alt 自定义"></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 自定义"></i>
<i class="fa fa-html5 自定义"></i>
<i class="fa fa-instagram 自定义"></i>
<i class="fa fa-internet-explorer 自定义"></i>
<i class="fa fa-ioxhost 自定义"></i>
<i class="fa fa-joomla 自定义"></i>
<i class="fa fa-jsfiddle 自定义"></i>
<i class="fa fa-lastfm 自定义"></i>
<i class="fa fa-lastfm-square custom"></i>
<i class="fa fa-leanpub custom"></i>
<i class="fa fa-linkedin 自定义"></i>
<i class="fa fa-linkedin-square custom"></i>
<i class="fa fa-linux 自定义"></i>
<i class="fa fa-maxcdn 自定义"></i>
<i class="fa fa-meanpath 自定义"></i>
<i class="fa fa-medium custom"></i>
<i class="fa fa-odnoklassniki 自定义"></i>
<i class="fa fa-odnoklassniki-square custom"></i>
<i class="fa fa-opencart 自定义"></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 自定义"></i>
<i class="fa fa-pinterest-p 自定义"></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 自定义"></i>
<i class="fa fa-renren custom"></i>
<i class="fa fa-亚马逊自定义"></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 自定义"></i>
<i class="fa fa-skyatlas custom"></i>
<i class="fa fa-skype 自定义"></i>
<i class="fa fa-slack 自定义"></i>
<i class="fa fa-yc-square custom"></i>
<i class="fa fa-soundcloud custom"></i>
<i class="fa fa-spotify 自定义"></i>
<i class="fa fa-stack-exchange 自定义"></i>
<i class="fa fa-stack-overflow 自定义"></i>
<i class="fa fa-steam custom"></i>
<i class="fa fa-steam-square custom"></i>
<i class="fa fa-stumbleupon 自定义"></i>
<i class="fa fa-stumbleupon-circle 自定义"></i>
<i class="fa fa-tencent-weibo custom"></i>
<i class="fa fa-trello 自定义"></i>
<i class="fa fa-tripadvisor 自定义"></i>
<i class="fa fa-tumblr 自定义"></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 自定义"></i>
<i class="fa fa-vimeo 自定义"></i>
<i class="fa fa-vimeo-square custom"></i>
<i class="fa fa-vine 自定义"></i>
<i class="fa fa-vk 自定义"></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 自定义"></i>
<i class="fa fa-wikipedia-w custom"></i>
<i class="fa fa-windows 自定义"></i>
<i class="fa fa-wordpress 自定义"></i>
<i class="fa fa-xing custom"></i>
<i class="fa fa-xing-square custom"></i>
<i class="fa fa-y-combinator 自定义"></i>
<i class="fa fa-y-combinator-square custom"></i>
<i class="fa fa-yc 自定义"></i>