Font Awesome - Iconos de marca
Este capítulo explica el uso de los iconos de Font Awesome Brand. Asumir quecustom es el nombre de la clase CSS donde definimos el tamaño y el color, como se muestra en el ejemplo que se muestra a continuación.
<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>
La siguiente tabla muestra el uso y los resultados de los iconos de Font Awesome Brand. Reemplace la etiqueta <body> del programa anterior con el código dado en la tabla para obtener las salidas respectivas -
Uso | Iconos |
---|---|
<i class = "fa fa-500px personalizado"> </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 personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-cc-diners-club custom"> </i> | |
<i class = "fa fa-cc-discover custom"> </i> | |
<i class = "fa fa-cc-jcb personalizado"> </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 personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-dashcube custom"> </i> | |
<i class = "fa fa-delicious custom"> </i> | |
<i class = "fa fa-deviantart personalizado"> </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 personalizado"> </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 personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-github-square personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-instagram personalizado"> </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 personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-linkedin-square personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-odnoklassniki-square personalizado"> </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 personalizado"> </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 personalizado"> </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 personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-tencent-weibo custom"> </i> | |
<i class = "fa fa-trello custom"> </i> | |
<i class = "fa fa-tripadvisor personalizado"> </i> | |
<i class = "fa fa-tumblr personalizado"> </i> | |
<i class = "fa fa-tumblr-square personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-vimeo custom"> </i> | |
<i class = "fa fa-vimeo-square personalizado"> </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 personalizado"> </i> | |
<i class = "fa fa-windows custom"> </i> | |
<i class = "fa fa-wordpress custom"> </i> | |
<i class = "fa-xing custom"> </i> | |
<i class = "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> |