google font awasome ile animasyonlu font ların kullanılması(hareketli ikonlar)

** Google font awasome ile animasyonlu icon lar (aslında birden fazla fontun ardarda gösterilmesine dayanıyor.)

** HTML KODU :

@{
ViewBag.Title = "Home Page";
}

<link href="~/Content/bootstrap.css" rel="stylesheet" />
<style>
div {
font-size: 48px;
}
</style>

<link href="~/Content/font-awesome.min.css" rel="stylesheet" />

<script src="~/Scripts/jquery-3.3.1.min.js"></script>

<div class="container">
<div class="jumbotron">
<hr />
<h2> using font awasome animated fonts (icons)</h2>
<hr />
</div>
</div>

<div id="div1" class="fa" data-toggle="tooltip" title="battery -> f244 - f243 - f242 - f241 - f240"></div>

<script>
function chargebattery() {
var a;
a = document.getElementById("div1");
a.innerHTML = "";
setTimeout(function () {
a.innerHTML = "";
}, 1000);
setTimeout(function () {
a.innerHTML = "";
}, 2000);
setTimeout(function () {
a.innerHTML = "";
}, 3000);
setTimeout(function () {
a.innerHTML = "";
}, 4000);
}
chargebattery();
setInterval(chargebattery, 5000);
</script>

<div id="div2" class="fa" data-toggle="tooltip" title="hourglass -> f251 - f252 - f253"></div>

<script>
function hourglass() {
var a;
a = document.getElementById("div2");
a.innerHTML = "";
setTimeout(function () {
a.innerHTML = "";
}, 1000);
setTimeout(function () {
a.innerHTML = "";
}, 2000);
}
hourglass();
setInterval(hourglass, 3000);
</script>

<div id="div3" class="fa" data-toggle="tooltip" title="star -> f006 - f123 - f005"></div>

<script>
function ratestar() {
var a;
a = document.getElementById("div3");
a.innerHTML = "";
setTimeout(function () {
a.innerHTML = "";
}, 1000);
setTimeout(function () {
a.innerHTML = "";
}, 2000);
}
ratestar();
setInterval(ratestar, 3000);
</script>

<div id="div4" class="fa" data-toggle="tooltip" title="hand -> f25a - f256 - f259 - f256"></div>

<script>
function hand() {
var a;
a = document.getElementById("div4");
a.innerHTML = "";
setTimeout(function () {
a.innerHTML = "";
}, 500);
setTimeout(function () {
a.innerHTML = "";
}, 1000);
setTimeout(function () {
a.innerHTML = "";
}, 1500);
}
hand();
setInterval(hand, 2000);
</script>

<div id="div5" class="fa" data-toggle="tooltip" title="folder -> f114 - f115"></div>

<script>
function openfolder() {
var a;
a = document.getElementById("div5");
a.innerHTML = "";
setTimeout(function () {
a.innerHTML = "";
}, 1000);
}
openfolder();
setInterval(openfolder, 2000);
</script>

<div id="div6" class="fa" data-toggle="tooltip" title="smile -> f118 - f11a - f119 - f11a"></div>

<script>
function smile() {
var a;
a = document.getElementById("div6");
a.innerHTML = "";
setTimeout(function () {
a.innerHTML = "";
}, 1000);
setTimeout(function () {
a.innerHTML = "";
}, 2000);
setTimeout(function () {
a.innerHTML = "";
}, 3000);
}
smile();
setInterval(smile, 4000);
</script>

<hr />

** font awasome list **

<div id="font-awesome-list">
<ul class="font-group">

<li> fa-glass"\f000"</li>
<li> fa-music"\f001"</li>
<li> fa-search"\f002"</li>
<li> fa-envelope-o"\f003"</li>
<li> fa-heart"\f004"</li>
<li> fa-star"\f005"</li>
<li> fa-star-o"\f006"</li>
<li> fa-user"\f007"</li>
<li> fa-film"\f008"</li>
<li> fa-th-large"\f009"</li>
<li> fa-th"\f00a"</li>
<li> fa-th-list"\f00b"</li>
<li> fa-check"\f00c"</li>
<li> fa-times"\f00d"</li>
<li> fa-search-plus"\f00e"</li>
<li> fa-search-minus"\f010"</li>
<li> fa-power-off"\f011"</li>
<li> fa-signal"\f012"</li>
<li> fa-cog"\f013"</li>
<li> fa-trash-o"\f014"</li>
<li> fa-home"\f015"</li>
<li> fa-file-o"\f016"</li>
<li> fa-clock-o"\f017"</li>
<li> fa-road"\f018"</li>
<li> fa-download"\f019"</li>
<li> fa-arrow-circle-o-down"\f01a"</li>
<li> fa-arrow-circle-o-up"\f01b"</li>
<li> fa-inbox"\f01c"</li>
<li> fa-play-circle-o"\f01d"</li>
<li> fa-repeat"\f01e"</li>
<li> fa-refresh"\f021"</li>
<li> fa-list-alt"\f022"</li>
<li> fa-lock"\f023"</li>
<li> fa-flag"\f024"</li>
<li> fa-headphones"\f025"</li>
<li> fa-volume-off"\f026"</li>
<li> fa-volume-down"\f027"</li>
<li> fa-volume-up"\f028"</li>
<li> fa-qrcode"\f029"</li>
<li> fa-barcode"\f02a"</li>
<li> fa-tag"\f02b"</li>
<li> fa-tags"\f02c"</li>
<li> fa-book"\f02d"</li>
<li> fa-bookmark"\f02e"</li>
<li> fa-print"\f02f"</li>
<li> fa-camera"\f030"</li>
<li> fa-font"\f031"</li>
<li> fa-bold"\f032"</li>
<li> fa-italic"\f033"</li>
<li> fa-text-height"\f034"</li>
<li> fa-text-width"\f035"</li>
<li> fa-align-left"\f036"</li>
<li> fa-align-center"\f037"</li>
<li> fa-align-right"\f038"</li>
<li> fa-align-justify"\f039"</li>
<li> fa-list"\f03a"</li>
<li> fa-outdent"\f03b"</li>
<li> fa-indent"\f03c"</li>
<li> fa-video-camera"\f03d"</li>
<li> fa-picture-o"\f03e"</li>
<li> fa-pencil"\f040"</li>
<li> fa-map-marker"\f041"</li>
<li> fa-adjust"\f042"</li>
<li> fa-tint"\f043"</li>
<li> fa-pencil-square-o"\f044"</li>
<li> fa-share-square-o"\f045"</li>
<li> fa-check-square-o"\f046"</li>
<li> fa-arrows"\f047"</li>
<li> fa-step-backward"\f048"</li>
<li> fa-fast-backward"\f049"</li>
<li> fa-backward"\f04a"</li>
<li> fa-play"\f04b"</li>
<li> fa-pause"\f04c"</li>
<li> fa-stop"\f04d"</li>
<li> fa-forward"\f04e"</li>
<li> fa-fast-forward"\f050"</li>
<li> fa-step-forward"\f051"</li>
<li> fa-eject"\f052"</li>
<li> fa-chevron-left"\f053"</li>
<li> fa-chevron-right"\f054"</li>
<li> fa-plus-circle"\f055"</li>
<li> fa-minus-circle"\f056"</li>
<li> fa-times-circle"\f057"</li>
<li> fa-check-circle"\f058"</li>
<li> fa-question-circle"\f059"</li>
<li> fa-info-circle"\f05a"</li>
<li> fa-crosshairs"\f05b"</li>
<li> fa-times-circle-o"\f05c"</li>
<li> fa-check-circle-o"\f05d"</li>
<li> fa-ban"\f05e"</li>
<li> fa-arrow-left"\f060"</li>
<li> fa-arrow-right"\f061"</li>
<li> fa-arrow-up"\f062"</li>
<li> fa-arrow-down"\f063"</li>
<li> fa-share"\f064"</li>
<li> fa-expand"\f065"</li>
<li> fa-compress"\f066"</li>
<li> fa-plus"\f067"</li>
<li> fa-minus"\f068"</li>
<li> fa-asterisk"\f069"</li>
<li> fa-exclamation-circle"\f06a"</li>
<li> fa-gift"\f06b"</li>
<li> fa-leaf"\f06c"</li>
<li> fa-fire"\f06d"</li>
<li> fa-eye"\f06e"</li>
<li> fa-eye-slash"\f070"</li>
<li> fa-exclamation-triangle"\f071"</li>
<li> fa-plane"\f072"</li>
<li> fa-calendar"\f073"</li>
<li> fa-random"\f074"</li>
<li> fa-comment"\f075"</li>
<li> fa-magnet"\f076"</li>
<li> fa-chevron-up"\f077"</li>
<li> fa-chevron-down"\f078"</li>
<li> fa-retweet"\f079"</li>
<li> fa-shopping-cart"\f07a"</li>
<li> fa-folder"\f07b"</li>
<li> fa-folder-open"\f07c"</li>
<li> fa-arrows-v"\f07d"</li>
<li> fa-arrows-h"\f07e"</li>
<li> fa-bar-chart"\f080"</li>
<li> fa-twitter-square"\f081"</li>
<li> fa-facebook-square"\f082"</li>
<li> fa-camera-retro"\f083"</li>
<li> fa-key"\f084"</li>
<li> fa-cogs"\f085"</li>
<li> fa-comments"\f086"</li>
<li> fa-thumbs-o-up"\f087"</li>
<li> fa-thumbs-o-down"\f088"</li>
<li> fa-star-half"\f089"</li>
<li> fa-heart-o"\f08a"</li>
<li> fa-sign-out"\f08b"</li>
<li> fa-linkedin-square"\f08c"</li>
<li> fa-thumb-tack"\f08d"</li>
<li> fa-external-link"\f08e"</li>
<li> fa-sign-in"\f090"</li>
<li> fa-trophy"\f091"</li>
<li> fa-github-square"\f092"</li>
<li> fa-upload"\f093"</li>
<li> fa-lemon-o"\f094"</li>
<li> fa-phone"\f095"</li>
<li> fa-square-o"\f096"</li>
<li> fa-bookmark-o"\f097"</li>
<li> fa-phone-square"\f098"</li>
<li> fa-twitter"\f099"</li>
<li> fa-facebook"\f09a"</li>
<li> fa-github"\f09b"</li>
<li> fa-unlock"\f09c"</li>
<li> fa-credit-card"\f09d"</li>
<li> fa-rss"\f09e"</li>
<li> fa-hdd-o"\f0a0"</li>
<li> fa-bullhorn"\f0a1"</li>
<li> fa-bell"\f0f3"</li>
<li> fa-certificate"\f0a3"</li>
<li> fa-hand-o-right"\f0a4"</li>
<li> fa-hand-o-left"\f0a5"</li>
<li> fa-hand-o-up"\f0a6"</li>
<li> fa-hand-o-down"\f0a7"</li>
<li> fa-arrow-circle-left"\f0a8"</li>
<li> fa-arrow-circle-right"\f0a9"</li>
<li> fa-arrow-circle-up"\f0aa"</li>
<li> fa-arrow-circle-down"\f0ab"</li>
<li> fa-globe"\f0ac"</li>
<li> fa-wrench"\f0ad"</li>
<li> fa-tasks"\f0ae"</li>
<li> fa-filter"\f0b0"</li>
<li> fa-briefcase"\f0b1"</li>
<li> fa-arrows-alt"\f0b2"</li>
<li> fa-users"\f0c0"</li>
<li> fa-link"\f0c1"</li>
<li> fa-cloud"\f0c2"</li>
<li> fa-flask"\f0c3"</li>
<li> fa-scissors"\f0c4"</li>
<li> fa-files-o"\f0c5"</li>
<li> fa-paperclip"\f0c6"</li>
<li> fa-floppy-o"\f0c7"</li>
<li> fa-square"\f0c8"</li>
<li> fa-bars"\f0c9"</li>
<li> fa-list-ul"\f0ca"</li>
<li> fa-list-ol"\f0cb"</li>
<li> fa-strikethrough"\f0cc"</li>
<li> fa-underline"\f0cd"</li>
<li> fa-table"\f0ce"</li>
<li> fa-magic"\f0d0"</li>
<li> fa-truck"\f0d1"</li>
<li> fa-pinterest"\f0d2"</li>
<li> fa-pinterest-square"\f0d3"</li>
<li> fa-google-plus-square"\f0d4"</li>
<li> fa-google-plus"\f0d5"</li>
<li> fa-money"\f0d6"</li>
<li> fa-caret-down"\f0d7"</li>
<li> fa-caret-up"\f0d8"</li>
<li> fa-caret-left"\f0d9"</li>
<li> fa-caret-right"\f0da"</li>
<li> fa-columns"\f0db"</li>
<li> fa-sort"\f0dc"</li>
<li> fa-sort-desc"\f0dd"</li>
<li> fa-sort-asc"\f0de"</li>
<li> fa-envelope"\f0e0"</li>
<li> fa-linkedin"\f0e1"</li>
<li> fa-undo"\f0e2"</li>
<li> fa-gavel"\f0e3"</li>
<li> fa-tachometer"\f0e4"</li>
<li> fa-comment-o"\f0e5"</li>
<li> fa-comments-o"\f0e6"</li>
<li> fa-bolt"\f0e7"</li>
<li> fa-sitemap"\f0e8"</li>
<li> fa-umbrella"\f0e9"</li>
<li> fa-clipboard"\f0ea"</li>
<li> fa-lightbulb-o"\f0eb"</li>
<li> fa-exchange"\f0ec"</li>
<li> fa-cloud-download"\f0ed"</li>
<li> fa-cloud-upload"\f0ee"</li>
<li> fa-user-md"\f0f0"</li>
<li> fa-stethoscope"\f0f1"</li>
<li> fa-suitcase"\f0f2"</li>
<li> fa-bell-o"\f0a2"</li>
<li> fa-coffee"\f0f4"</li>
<li> fa-cutlery"\f0f5"</li>
<li> fa-file-text-o"\f0f6"</li>
<li> fa-building-o"\f0f7"</li>
<li> fa-hospital-o"\f0f8"</li>
<li> fa-ambulance"\f0f9"</li>
<li> fa-medkit"\f0fa"</li>
<li> fa-fighter-jet"\f0fb"</li>
<li> fa-beer"\f0fc"</li>
<li> fa-h-square"\f0fd"</li>
<li> fa-plus-square"\f0fe"</li>
<li> fa-angle-double-left"\f100"</li>
<li> fa-angle-double-right"\f101"</li>
<li> fa-angle-double-up"\f102"</li>
<li> fa-angle-double-down"\f103"</li>
<li> fa-angle-left"\f104"</li>
<li> fa-angle-right"\f105"</li>
<li> fa-angle-up"\f106"</li>
<li> fa-angle-down"\f107"</li>
<li> fa-desktop"\f108"</li>
<li> fa-laptop"\f109"</li>
<li> fa-tablet"\f10a"</li>
<li> fa-mobile"\f10b"</li>
<li> fa-circle-o"\f10c"</li>
<li> fa-quote-left"\f10d"</li>
<li> fa-quote-right"\f10e"</li>
<li> fa-spinner"\f110"</li>
<li> fa-circle"\f111"</li>
<li> fa-reply"\f112"</li>
<li> fa-github-alt"\f113"</li>
<li> fa-folder-o"\f114"</li>
<li> fa-folder-open-o"\f115"</li>
<li> fa-smile-o"\f118"</li>
<li> fa-frown-o"\f119"</li>
<li> fa-meh-o"\f11a"</li>
<li> fa-gamepad"\f11b"</li>
<li> fa-keyboard-o"\f11c"</li>
<li> fa-flag-o"\f11d"</li>
<li> fa-flag-checkered"\f11e"</li>
<li> fa-terminal"\f120"</li>
<li> fa-code"\f121"</li>
<li> fa-reply-all"\f122"</li>
<li> fa-star-half-o"\f123"</li>
<li> fa-location-arrow"\f124"</li>
<li> fa-crop"\f125"</li>
<li> fa-code-fork"\f126"</li>
<li> fa-chain-broken"\f127"</li>
<li> fa-question"\f128"</li>
<li> fa-info"\f129"</li>
<li> fa-exclamation"\f12a"</li>
<li> fa-superscript"\f12b"</li>
<li> fa-subscript"\f12c"</li>
<li> fa-eraser"\f12d"</li>
<li> fa-puzzle-piece"\f12e"</li>
<li> fa-microphone"\f130"</li>
<li> fa-microphone-slash"\f131"</li>
<li> fa-shield"\f132"</li>
<li> fa-calendar-o"\f133"</li>
<li> fa-fire-extinguisher"\f134"</li>
<li> fa-rocket"\f135"</li>
<li> fa-maxcdn"\f136"</li>
<li> fa-chevron-circle-left"\f137"</li>
<li> fa-chevron-circle-right"\f138"</li>
<li> fa-chevron-circle-up"\f139"</li>
<li> fa-chevron-circle-down"\f13a"</li>
<li> fa-html5"\f13b"</li>
<li> fa-css3"\f13c"</li>
<li> fa-anchor"\f13d"</li>
<li> fa-unlock-alt"\f13e"</li>
<li> fa-bullseye"\f140"</li>
<li> fa-ellipsis-h"\f141"</li>
<li> fa-ellipsis-v"\f142"</li>
<li> fa-rss-square"\f143"</li>
<li> fa-play-circle"\f144"</li>
<li> fa-ticket"\f145"</li>
<li> fa-minus-square"\f146"</li>
<li> fa-minus-square-o"\f147"</li>
<li> fa-level-up"\f148"</li>
<li> fa-level-down"\f149"</li>
<li> fa-check-square"\f14a"</li>
<li> fa-pencil-square"\f14b"</li>
<li> fa-external-link-square"\f14c"</li>
<li> fa-share-square"\f14d"</li>
<li> fa-compass"\f14e"</li>
<li> fa-caret-square-o-down"\f150"</li>
<li> fa-caret-square-o-up"\f151"</li>
<li> fa-caret-square-o-right"\f152"</li>
<li> fa-eur"\f153"</li>
<li> fa-gbp"\f154"</li>
<li> fa-usd"\f155"</li>
<li> fa-inr"\f156"</li>
<li> fa-jpy"\f157"</li>
<li> fa-rub"\f158"</li>
<li> fa-krw"\f159"</li>
<li> fa-btc"\f15a"</li>
<li> fa-file"\f15b"</li>
<li> fa-file-text"\f15c"</li>
<li> fa-sort-alpha-asc"\f15d"</li>
<li> fa-sort-alpha-desc"\f15e"</li>
<li> fa-sort-amount-asc"\f160"</li>
<li> fa-sort-amount-desc"\f161"</li>
<li> fa-sort-numeric-asc"\f162"</li>
<li> fa-sort-numeric-desc"\f163"</li>
<li> fa-thumbs-up"\f164"</li>
<li> fa-thumbs-down"\f165"</li>
<li> fa-youtube-square"\f166"</li>
<li> fa-youtube"\f167"</li>
<li> fa-xing"\f168"</li>
<li> fa-xing-square"\f169"</li>
<li> fa-youtube-play"\f16a"</li>
<li> fa-dropbox"\f16b"</li>
<li> fa-stack-overflow"\f16c"</li>
<li> fa-instagram"\f16d"</li>
<li> fa-flickr"\f16e"</li>
<li> fa-adn"\f170"</li>
<li> fa-bitbucket"\f171"</li>
<li> fa-bitbucket-square"\f172"</li>
<li> fa-tumblr"\f173"</li>
<li> fa-tumblr-square"\f174"</li>
<li> fa-long-arrow-down"\f175"</li>
<li> fa-long-arrow-up"\f176"</li>
<li> fa-long-arrow-left"\f177"</li>
<li> fa-long-arrow-right"\f178"</li>
<li> fa-apple"\f179"</li>
<li> fa-windows"\f17a"</li>
<li> fa-android"\f17b"</li>
<li> fa-linux"\f17c"</li>
<li> fa-dribbble"\f17d"</li>
<li> fa-skype"\f17e"</li>
<li> fa-foursquare"\f180"</li>
<li> fa-trello"\f181"</li>
<li> fa-female"\f182"</li>
<li> fa-male"\f183"</li>
<li> fa-gratipay"\f184"</li>
<li> fa-sun-o"\f185"</li>
<li> fa-moon-o"\f186"</li>
<li> fa-archive"\f187"</li>
<li> fa-bug"\f188"</li>
<li> fa-vk"\f189"</li>
<li> fa-weibo"\f18a"</li>
<li> fa-renren"\f18b"</li>
<li> fa-pagelines"\f18c"</li>
<li> fa-stack-exchange"\f18d"</li>
<li> fa-arrow-circle-o-right"\f18e"</li>
<li> fa-arrow-circle-o-left"\f190"</li>
<li> fa-caret-square-o-left"\f191"</li>
<li> fa-dot-circle-o"\f192"</li>
<li> fa-wheelchair"\f193"</li>
<li> fa-vimeo-square"\f194"</li>
<li> fa-try"\f195"</li>
<li> fa-plus-square-o"\f196"</li>
<li> fa-space-shuttle"\f197"</li>
<li> fa-slack"\f198"</li>
<li> fa-envelope-square"\f199"</li>
<li> fa-wordpress"\f19a"</li>
<li> fa-openid"\f19b"</li>
<li> fa-university"\f19c"</li>
<li> fa-graduation-cap"\f19d"</li>
<li> fa-yahoo"\f19e"</li>
<li> fa-google"\f1a0"</li>
<li> fa-reddit"\f1a1"</li>
<li> fa-reddit-square"\f1a2"</li>
<li> fa-stumbleupon-circle"\f1a3"</li>
<li> fa-stumbleupon"\f1a4"</li>
<li> fa-delicious"\f1a5"</li>
<li> fa-digg"\f1a6"</li>
<li> fa-pied-piper"\f1a7"</li>
<li> fa-pied-piper-alt"\f1a8"</li>
<li> fa-drupal"\f1a9"</li>
<li> fa-joomla"\f1aa"</li>
<li> fa-language"\f1ab"</li>
<li> fa-fax"\f1ac"</li>
<li> fa-building"\f1ad"</li>
<li> fa-child"\f1ae"</li>
<li> fa-paw"\f1b0"</li>
<li> fa-spoon"\f1b1"</li>
<li> fa-cube"\f1b2"</li>
<li> fa-cubes"\f1b3"</li>
<li> fa-behance"\f1b4"</li>
<li> fa-behance-square"\f1b5"</li>
<li> fa-steam"\f1b6"</li>
<li> fa-steam-square"\f1b7"</li>
<li> fa-recycle"\f1b8"</li>
<li> fa-car"\f1b9"</li>
<li> fa-taxi"\f1ba"</li>
<li> fa-tree"\f1bb"</li>
<li> fa-spotify"\f1bc"</li>
<li> fa-deviantart"\f1bd"</li>
<li> fa-soundcloud"\f1be"</li>
<li> fa-database"\f1c0"</li>
<li> fa-file-pdf-o"\f1c1"</li>
<li> fa-file-word-o"\f1c2"</li>
<li> fa-file-excel-o"\f1c3"</li>
<li> fa-file-powerpoint-o"\f1c4"</li>
<li> fa-file-image-o"\f1c5"</li>
<li> fa-file-archive-o"\f1c6"</li>
<li> fa-file-audio-o"\f1c7"</li>
<li> fa-file-video-o"\f1c8"</li>
<li> fa-file-code-o"\f1c9"</li>
<li> fa-vine"\f1ca"</li>
<li> fa-codepen"\f1cb"</li>
<li> fa-jsfiddle"\f1cc"</li>
<li> fa-life-ring"\f1cd"</li>
<li> fa-circle-o-notch"\f1ce"</li>
<li> fa-rebel"\f1d0"</li>
<li> fa-empire"\f1d1"</li>
<li> fa-git-square"\f1d2"</li>
<li> fa-git"\f1d3"</li>
<li> fa-hacker-news"\f1d4"</li>
<li> fa-tencent-weibo"\f1d5"</li>
<li> fa-qq"\f1d6"</li>
<li> fa-weixin"\f1d7"</li>
<li> fa-paper-plane"\f1d8"</li>
<li> fa-paper-plane-o"\f1d9"</li>
<li> fa-history"\f1da"</li>
<li> fa-circle-thin"\f1db"</li>
<li> fa-header"\f1dc"</li>
<li> fa-paragraph"\f1dd"</li>
<li> fa-sliders"\f1de"</li>
<li> fa-share-alt"\f1e0"</li>
<li> fa-share-alt-square"\f1e1"</li>
<li> fa-bomb"\f1e2"</li>
<li> fa-futbol-o"\f1e3"</li>
<li> fa-tty"\f1e4"</li>
<li> fa-binoculars"\f1e5"</li>
<li> fa-plug"\f1e6"</li>
<li> fa-slideshare"\f1e7"</li>
<li> fa-twitch"\f1e8"</li>
<li> fa-yelp"\f1e9"</li>
<li> fa-newspaper-o"\f1ea"</li>
<li> fa-wifi"\f1eb"</li>
<li> fa-calculator"\f1ec"</li>
<li> fa-paypal"\f1ed"</li>
<li> fa-google-wallet"\f1ee"</li>
<li> fa-cc-visa"\f1f0"</li>
<li> fa-cc-mastercard"\f1f1"</li>
<li> fa-cc-discover"\f1f2"</li>
<li> fa-cc-amex"\f1f3"</li>
<li> fa-cc-paypal"\f1f4"</li>
<li> fa-cc-stripe"\f1f5"</li>
<li> fa-bell-slash"\f1f6"</li>
<li> fa-bell-slash-o"\f1f7"</li>
<li> fa-trash"\f1f8"</li>
<li> fa-copyright"\f1f9"</li>
<li> fa-at"\f1fa"</li>
<li> fa-eyedropper"\f1fb"</li>
<li> fa-paint-brush"\f1fc"</li>
<li> fa-birthday-cake"\f1fd"</li>
<li> fa-area-chart"\f1fe"</li>
<li> fa-pie-chart"\f200"</li>
<li> fa-line-chart"\f201"</li>
<li> fa-lastfm"\f202"</li>
<li> fa-lastfm-square"\f203"</li>
<li> fa-toggle-off"\f204"</li>
<li> fa-toggle-on"\f205"</li>
<li> fa-bicycle"\f206"</li>
<li> fa-bus"\f207"</li>
<li> fa-ioxhost"\f208"</li>
<li> fa-angellist"\f209"</li>
<li> fa-cc"\f20a"</li>
<li> fa-ils"\f20b"</li>
<li> fa-meanpath"\f20c"</li>
<li> fa-buysellads"\f20d"</li>
<li> fa-connectdevelop"\f20e"</li>
<li> fa-dashcube"\f210"</li>
<li> fa-forumbee"\f211"</li>
<li> fa-leanpub"\f212"</li>
<li> fa-sellsy"\f213"</li>
<li> fa-shirtsinbulk"\f214"</li>
<li> fa-simplybuilt"\f215"</li>
<li> fa-skyatlas"\f216"</li>
<li> fa-cart-plus"\f217"</li>
<li> fa-cart-arrow-down"\f218"</li>
<li> fa-diamond"\f219"</li>
<li> fa-ship"\f21a"</li>
<li> fa-user-secret"\f21b"</li>
<li> fa-motorcycle"\f21c"</li>
<li> fa-street-view"\f21d"</li>
<li> fa-heartbeat"\f21e"</li>
<li> fa-venus"\f221"</li>
<li> fa-mars"\f222"</li>
<li> fa-mercury"\f223"</li>
<li> fa-transgender"\f224"</li>
<li> fa-transgender-alt"\f225"</li>
<li> fa-venus-double"\f226"</li>
<li> fa-mars-double"\f227"</li>
<li> fa-venus-mars"\f228"</li>
<li> fa-mars-stroke"\f229"</li>
<li> fa-mars-stroke-v"\f22a"</li>
<li> fa-mars-stroke-h"\f22b"</li>
<li> fa-neuter"\f22c"</li>
<li> fa-genderless"\f22d"</li>
<li> fa-facebook-official"\f230"</li>
<li> fa-pinterest-p"\f231"</li>
<li> fa-whatsapp"\f232"</li>
<li> fa-server"\f233"</li>
<li> fa-user-plus"\f234"</li>
<li> fa-user-times"\f235"</li>
<li> fa-bed"\f236"</li>
<li> fa-viacoin"\f237"</li>
<li> fa-train"\f238"</li>
<li> fa-subway"\f239"</li>
<li> fa-medium"\f23a"</li>
<li> fa-y-combinator"\f23b"</li>
<li> fa-optin-monster"\f23c"</li>
<li> fa-opencart"\f23d"</li>
<li> fa-expeditedssl"\f23e"</li>
<li> fa-battery-full"\f240"</li>
<li> fa-battery-three-quarters"\f241"</li>
<li> fa-battery-half"\f242"</li>
<li> fa-battery-quarter"\f243"</li>
<li> fa-battery-empty"\f244"</li>
<li> fa-mouse-pointer"\f245"</li>
<li> fa-i-cursor"\f246"</li>
<li> fa-object-group"\f247"</li>
<li> fa-object-ungroup"\f248"</li>
<li> fa-sticky-note"\f249"</li>
<li> fa-sticky-note-o"\f24a"</li>
<li> fa-cc-jcb"\f24b"</li>
<li> fa-cc-diners-club"\f24c"</li>
<li> fa-clone"\f24d"</li>
<li> fa-balance-scale"\f24e"</li>
<li> fa-hourglass-o"\f250"</li>
<li> fa-hourglass-start"\f251"</li>
<li> fa-hourglass-half"\f252"</li>
<li> fa-hourglass-end"\f253"</li>
<li> fa-hourglass"\f254"</li>
<li> fa-hand-rock-o"\f255"</li>
<li> fa-hand-paper-o"\f256"</li>
<li> fa-hand-scissors-o"\f257"</li>
<li> fa-hand-lizard-o"\f258"</li>
<li> fa-hand-spock-o"\f259"</li>
<li> fa-hand-pointer-o"\f25a"</li>
<li> fa-hand-peace-o"\f25b"</li>
<li> fa-trademark"\f25c"</li>
<li> fa-registered"\f25d"</li>
<li> fa-creative-commons"\f25e"</li>
<li> fa-gg"\f260"</li>
<li> fa-gg-circle"\f261"</li>
<li> fa-tripadvisor"\f262"</li>
<li> fa-odnoklassniki"\f263"</li>
<li> fa-odnoklassniki-square"\f264"</li>
<li> fa-get-pocket"\f265"</li>
<li> fa-wikipedia-w"\f266"</li>
<li> fa-safari"\f267"</li>
<li> fa-chrome"\f268"</li>
<li> fa-firefox"\f269"</li>
<li> fa-opera"\f26a"</li>
<li> fa-internet-explorer"\f26b"</li>
<li> fa-television"\f26c"</li>
<li> fa-contao"\f26d"</li>
<li> fa-500px"\f26e"</li>
<li> fa-amazon"\f270"</li>
<li> fa-calendar-plus-o"\f271"</li>
<li> fa-calendar-minus-o"\f272"</li>
<li> fa-calendar-times-o"\f273"</li>
<li> fa-calendar-check-o"\f274"</li>
<li> fa-industry"\f275"</li>
<li> fa-map-pin"\f276"</li>
<li> fa-map-signs"\f277"</li>
<li> fa-map-o"\f278"</li>
<li> fa-map"\f279"</li>
<li> fa-commenting"\f27a"</li>
<li> fa-commenting-o"\f27b"</li>
<li> fa-houzz"\f27c"</li>
<li> fa-vimeo"\f27d"</li>
<li> fa-black-tie"\f27e"</li>
<li> fa-fonticons"\f280"</li>

</ul>
</div>

Aydın Türker / "Hedef24" not defteri

Bu Blogda Ara

google font awasome ile animasyonlu font ların kullanılması(hareketli ikonlar)

Yorumlar

Yorum Gönder