Web-icons-font-awesome-brand-icons
提供：Dev Guides
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>タグを表に記載されているコードに置き換えて、それぞれの出力を取得します-
| Usage | Icons |
|---|---|
| <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> | __ |
