Font Awesome - Marka simgeleri

Bu bölümde Font Awesome Marka simgelerinin kullanımı açıklanmaktadır. Varsayalım kicustom aşağıda verilen örnekte gösterildiği gibi boyut ve rengi tanımladığımız CSS sınıf adıdır.

<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şağıdaki tablo, Font Awesome Brand simgelerinin kullanımını ve sonuçlarını göstermektedir. İlgili çıktıları elde etmek için yukarıdaki programın <body> etiketini tabloda verilen kodla değiştirin -

Kullanım Simgeler
<i class = "fa fa-500px özel"> </i>
<i class = "fa fa-amazon özel"> </i>
<i class = "fa fa-android özel"> </i>
<i class = "fa fa-angellist özel"> </i>
<i class = "fa fa-adn özel"> </i>
<i class = "fa fa-apple özel"> </i>
<i class = "fa fa-behance özel"> </i>
<i class = "fa fa-behance-square özel"> </i>
<i class = "fa fa-bitbucket özel"> </i>
<i class = "fa fa-bitbucket-square özel"> </i>
<i class = "fa fa-btc özel"> </i>
<i class = "fa fa-black-tie özel"> </i>
<i class = "fa fa-btc özel"> </i>
<i class = "fa fa-buysellads özel"> </i>
<i class = "fa fa-cc-amex özel"> </i>
<i class = "fa fa-cc-diners-club özel"> </i>
<i class = "fa fa-cc-find özel"> </i>
<i class = "fa fa-cc-jcb özel"> </i>
<i class = "fa fa-cc-mastercard özel"> </i>
<i class = "fa fa-cc-paypal özel"> </i>
<i class = "fa fa-cc-stripe özel"> </i>
<i class = "fa fa-cc-visa özel"> </i>
<i class = "fa fa-chrome özel"> </i>
<i class = "fa fa-codepen özel"> </i>
<i class = "fa fa-connectdevelop özel"> </i>
<i class = "fa fa-contao özel"> </i>
<i class = "fa fa-css3 özel"> </i>
<i class = "fa fa-dashcube özel"> </i>
<i class = "fa fa-Tasty özel"> </i>
<i class = "fa fa-deviantart özel"> </i>
<i class = "fa fa-digg özel"> </i>
<i class = "fa fa-dribbble özel"> </i>
<i class = "fa fa-dropbox özel"> </i>
<i class = "fa fa-drupal özel"> </i>
<i class = "fa fa-empire özel"> </i>
<i class = "fa fa-expeditedssl özel"> </i>
<i class = "fa fa-facebook özel"> </i>
<i class = "fa fa-facebook-f özel"> </i>
<i class = "fa fa-facebook-official özel"> </i>
<i class = "fa fa-facebook-square özel"> </i>
<i class = "fa fa-firefox özel"> </i>
<i class = "fa fa-flickr özel"> </i>
<i class = "fa fa-fonticons özel"> </i>
<i class = "fa fa-forumbee özel"> </i>
<i class = "fa fa-foursquare özel"> </i>
<i class = "fa fa-ge özel"> </i>
<i class = "fa fa-get-pocket özel"> </i>
<i class = "fa fa-gg özel"> </i>
<i class = "fa fa-gg-circle özel"> </i>
<i class = "fa fa-git custom"> </i>
<i class = "fa fa-git-square özel"> </i>
<i class = "fa fa-github özel"> </i>
<i class = "fa fa-github-alt özel"> </i>
<i class = "fa fa-github-square özel"> </i>
<i class = "fa fa-gratipay özel"> </i>
<i class = "fa fa-google özel"> </i>
<i class = "fa fa-google-plus özel"> </i>
<i class = "fa fa-google-plus-square özel"> </i>
<i class = "fa fa-youtube-play özel"> </i>
<i class = "fa fa-gratipay özel"> </i>
<i class = "fa fa-hacker-news özel"> </i>
<i class = "fa fa-houzz özel"> </i>
<i class = "fa fa-html5 özel"> </i>
<i class = "fa fa-instagram özel"> </i>
<i class = "fa fa-internet-explorer özel"> </i>
<i class = "fa fa-ioxhost özel"> </i>
<i class = "fa fa-joomla özel"> </i>
<i class = "fa fa-jsfiddle özel"> </i>
<i class = "fa fa-lastfm özel"> </i>
<i class = "fa fa-lastfm-square özel"> </i>
<i class = "fa fa-leanpub özel"> </i>
<i class = "fa fa-linkedin özel"> </i>
<i class = "fa fa-linkedin-square özel"> </i>
<i class = "fa fa-linux özel"> </i>
<i class = "fa fa-maxcdn özel"> </i>
<i class = "fa fa-meanpath özel"> </i>
<i class = "fa fa-medium özel"> </i>
<i class = "fa fa-odnoklassniki özel"> </i>
<i class = "fa fa-odnoklassniki-square özel"> </i>
<i class = "fa fa-opencart özel"> </i>
<i class = "fa fa-opera özel"> </i>
<i class = "fa fa-optin-monster özel"> </i>
<i class = "fa fa-openid özel"> </i>
<i class = "fa fa-pagelines özel"> </i>
<i class = "fa fa-youtube özel"> </i>
<i class = "fa fa-pied-piper özel"> </i>
<i class = "fa fa-pied-piper-alt özel"> </i>
<i class = "fa fa-pinterest özel"> </i>
<i class = "fa fa-pinterest-p özel"> </i>
<i class = "fa fa-pinterest-square özel"> </i>
<i class = "fa fa-qq özel"> </i>
<i class = "fa fa-ra özel"> </i>
<i class = "fa fa-rebel özel"> </i>
<i class = "fa fa-reddit özel"> </i>
<i class = "fa fa-renren özel"> </i>
<i class = "fa fa-amazon özel"> </i>
<i class = "fa fa-safari özel"> </i>
<i class = "fa fa-sellsy özel"> </i>
<i class = "fa fa-youtube-square özel"> </i>
<i class = "fa fa-share-alt özel"> </i>
<i class = "fa fa-share-alt-square özel"> </i>
<i class = "fa fa-shirtinbulk custom"> </i>
<i class = "fa fa-simplybuilt özel"> </i>
<i class = "fa fa-skyatlas özel"> </i>
<i class = "fa fa-skype özel"> </i>
<i class = "fa fa-slack özel"> </i>
<i class = "fa fa-yc-square özel"> </i>
<i class = "fa fa-soundcloud özel"> </i>
<i class = "fa fa-spotify özel"> </i>
<i class = "fa fa-stack-exchange özel"> </i>
<i class = "fa fa-stack-overflow özel"> </i>
<i class = "fa fa-steam özel"> </i>
<i class = "fa fa-steam-square özel"> </i>
<i class = "fa fa-stumbleupon özel"> </i>
<i class = "fa fa-stumbleupon-circle özel"> </i>
<i class = "fa fa-tencent-weibo özel"> </i>
<i class = "fa fa-trello özel"> </i>
<i class = "fa fa-tripadvisor özel"> </i>
<i class = "fa fa-tumblr özel"> </i>
<i class = "fa fa-tumblr-square özel"> </i>
<i class = "fa fa-yahoo özel"> </i>
<i class = "fa fa-twitter özel"> </i>
<i class = "fa fa-twitter-square özel"> </i>
<i class = "fa fa-viacoin özel"> </i>
<i class = "fa fa-vimeo özel"> </i>
<i class = "fa fa-vimeo-square özel"> </i>
<i class = "fa fa-vine özel"> </i>
<i class = "fa fa-vk özel"> </i>
<i class = "fa fa-wechat özel"> </i>
<i class = "fa fa-weibo özel"> </i>
<i class = "fa fa-weixin özel"> </i>
<i class = "fa fa-whatsapp özel"> </i>
<i class = "fa fa-wikipedia-w özel"> </i>
<i class = "fa fa-windows özel"> </i>
<i class = "fa fa-wordpress özel"> </i>
<i class = "fa fa-xing özel"> </i>
<i class = "fa fa-xing-square özel"> </i>
<i class = "fa fa-y-combinator özel"> </i>
<i class = "fa fa-y-combinator-square özel"> </i>
<i class = "fa fa-yc özel"> </i>