Icon Fonts

Icon Fonts erfreuen sich in letzter Zeit immer größerer Beliebtheit, das liegt an ihren zahlreichen Vorteilen gegenüber den klassischen Icons, die meist als PNG oder teilweise auch als SVG umgesetzt wurden. Zu den wichtigsten Vorteilen gehören die Skalierbarkeit was gerade bei Responsive Webdesign von Vorteil ist und auch für Retina Displays (höhere Pixeldichte) für ein ein scharfes Bild sorgt, aber auch die Farbgebung oder das hinzufügen von Effekten ist mit Hilfe von CSS einfach möglich!

Im Internet finden sich etliche kostenlose Icon-Fonts, als Beispiel habe ich Font Awesome gewählt, die Version 4.2.0. enthält rund 480 Icons, zum leichten Einsatz existiert auch schon ein fertiges Stylesheet. Von der Art der Einbindung der Icons ist es abhängig in welchen Browsern ein problemloser Einsatz möglich ist, im Beispiel Font Awesome wird durch das Stylesheet laut Empfehlung durch Benutzen eines <i>-Tags mit der Klasse des Icons welche im Stylsheet definiert ist, das eigentliche Icon vor dem Tag platziert, diese Variante wird von älteren Browsern leider nicht unterstützt, ein direktes Einfügen hingegen ist unproblematisch.

Im Stylesheet ist die Schrift einfach wie jede andere Schrift einzubinden, nutzt man einfach ein <span>-Tag oder vielleicht das <a>- oder <button>-Tag können dort direkt die Icons zum Einsatz kommen.
Beispiel: <a class="awesome" href="/">&#xf015; Home</a>
Hierfür ist lediglich der folgende kurze Part im Stylesheet einzufügen.

@font-face {
font-family: 'FontAwesome';
src: url('/fonts/fontawesome-webfont.eot?v=4.2.0');
src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
url('/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),
url('/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
url('/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
span.awesome, a.awesome, button.awesome {
font:normal normal normal 14px/1 FontAwesome;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-decoration:none;
text-align:center;
}

Oder man nutzt das mitgelieferte Stylesheet welches aber bei einigen älteren Browsern zu Problemen führt
Beispiel: <a href="/"><i class="fa fa-home"></i> Home</a>

Nun noch die Liste der Icons der Version 4.2.0:

sign name entity css (content:)
fa-glass &#xf000; "\f000"
fa-music &#xf001; "\f001"
fa-search &#xf002; "\f002"
fa-envelope-o &#xf003; "\f003"
fa-heart &#xf004; "\f004"
fa-star &#xf005; "\f005"
fa-star-o &#xf006; "\f006"
fa-user &#xf007; "\f007"
fa-film &#xf008; "\f008"
fa-th-large &#xf009; "\f009"
fa-th &#xf00a; "\f00a"
fa-th-list &#xf00b; "\f00b"
fa-check &#xf00c; "\f00c"
fa-remove
fa-close
fa-times
&#xf00d; "\f00d"
fa-search-plus &#xf00e; "\f00e"
fa-search-minus &#xf010; "\f010"
fa-power-off &#xf011; "\f011"
fa-signal &#xf012; "\f012"
fa-gear
fa-cog
&#xf013; "\f013"
fa-trash-o &#xf014; "\f014"
fa-home &#xf015; "\f015"
fa-file-o &#xf016; "\f016"
fa-clock-o &#xf017; "\f017"
fa-road &#xf018; "\f018"
fa-download &#xf019; "\f019"
fa-arrow-circle-o-down &#xf01a; "\f01a"
fa-arrow-circle-o-up &#xf01b; "\f01b"
fa-inbox &#xf01c; "\f01c"
fa-play-circle-o &#xf01d; "\f01d"
fa-rotate-right
fa-repeat
&#xf01e; "\f01e"
fa-refresh &#xf021; "\f021"
fa-list-alt &#xf022; "\f022"
fa-lock &#xf023; "\f023"
fa-flag &#xf024; "\f024"
fa-headphones &#xf025; "\f025"
fa-volume-off &#xf026; "\f026"
fa-volume-down &#xf027; "\f027"
fa-volume-up &#xf028; "\f028"
fa-qrcode &#xf029; "\f029"
fa-barcode &#xf02a; "\f02a"
fa-tag &#xf02b; "\f02b"
fa-tags &#xf02c; "\f02c"
fa-book &#xf02d; "\f02d"
fa-bookmark &#xf02e; "\f02e"
fa-print &#xf02f; "\f02f"
fa-camera &#xf030; "\f030"
fa-font &#xf031; "\f031"
fa-bold &#xf032; "\f032"
fa-italic &#xf033; "\f033"
fa-text-height &#xf034; "\f034"
fa-text-width &#xf035; "\f035"
fa-align-left &#xf036; "\f036"
fa-align-center &#xf037; "\f037"
fa-align-right &#xf038; "\f038"
fa-align-justify &#xf039; "\f039"
fa-list &#xf03a; "\f03a"
fa-dedent
fa-outdent
&#xf03b; "\f03b"
fa-indent &#xf03c; "\f03c"
fa-video-camera &#xf03d; "\f03d"
fa-photo
fa-image
fa-picture-o
&#xf03e; "\f03e"
fa-pencil &#xf040; "\f040"
fa-map-marker &#xf041; "\f041"
fa-adjust &#xf042; "\f042"
fa-tint &#xf043; "\f043"
fa-edit
fa-pencil-square-o
&#xf044; "\f044"
fa-share-square-o &#xf045; "\f045"
fa-check-square-o &#xf046; "\f046"
fa-arrows &#xf047; "\f047"
fa-step-backward &#xf048; "\f048"
fa-fast-backward &#xf049; "\f049"
fa-backward &#xf04a; "\f04a"
fa-play &#xf04b; "\f04b"
fa-pause &#xf04c; "\f04c"
fa-stop &#xf04d; "\f04d"
fa-forward &#xf04e; "\f04e"
fa-fast-forward &#xf050; "\f050"
fa-step-forward &#xf051; "\f051"
fa-eject &#xf052; "\f052"
fa-chevron-left &#xf053; "\f053"
fa-chevron-right &#xf054; "\f054"
fa-plus-circle &#xf055; "\f055"
fa-minus-circle &#xf056; "\f056"
fa-times-circle &#xf057; "\f057"
fa-check-circle &#xf058; "\f058"
fa-question-circle &#xf059; "\f059"
fa-info-circle &#xf05a; "\f05a"
fa-crosshairs &#xf05b; "\f05b"
fa-times-circle-o &#xf05c; "\f05c"
fa-check-circle-o &#xf05d; "\f05d"
fa-ban &#xf05e; "\f05e"
fa-arrow-left &#xf060; "\f060"
fa-arrow-right &#xf061; "\f061"
fa-arrow-up &#xf062; "\f062"
fa-arrow-down &#xf063; "\f063"
fa-mail-forward
fa-share
&#xf064; "\f064"
fa-expand &#xf065; "\f065"
fa-compress &#xf066; "\f066"
fa-plus &#xf067; "\f067"
fa-minus &#xf068; "\f068"
fa-asterisk &#xf069; "\f069"
fa-exclamation-circle &#xf06a; "\f06a"
fa-gift &#xf06b; "\f06b"
fa-leaf &#xf06c; "\f06c"
fa-fire &#xf06d; "\f06d"
fa-eye &#xf06e; "\f06e"
fa-eye-slash &#xf070; "\f070"
fa-warning &#xf071; "\f071"
fa-exclamation-triangle &#xf071; "\f071"
fa-plane &#xf072; "\f072"
fa-calendar &#xf073; "\f073"
fa-random &#xf074; "\f074"
fa-comment &#xf075; "\f075"
fa-magnet &#xf076; "\f076"
fa-chevron-up &#xf077; "\f077"
fa-chevron-down &#xf078; "\f078"
fa-retweet &#xf079; "\f079"
fa-shopping-cart &#xf07a; "\f07a"
fa-folder &#xf07b; "\f07b"
fa-folder-open &#xf07c; "\f07c"
fa-arrows-v &#xf07d; "\f07d"
fa-arrows-h &#xf07e; "\f07e"
fa-bar-chart-o
fa-bar-chart
&#xf080; "\f080"
fa-twitter-square &#xf081; "\f081"
fa-facebook-square &#xf082; "\f082"
fa-camera-retro &#xf083; "\f083"
fa-key &#xf084; "\f084"
fa-gears
fa-cogs
&#xf085; "\f085"
fa-comments &#xf086; "\f086"
fa-thumbs-o-up &#xf087; "\f087"
fa-thumbs-o-down &#xf088; "\f088"
fa-star-half &#xf089; "\f089"
fa-heart-o &#xf08a; "\f08a"
fa-sign-out &#xf08b; "\f08b"
fa-linkedin-square &#xf08c; "\f08c"
fa-thumb-tack &#xf08d; "\f08d"
fa-external-link &#xf08e; "\f08e"
fa-sign-in &#xf090; "\f090"
fa-trophy &#xf091; "\f091"
fa-github-square &#xf092; "\f092"
fa-upload &#xf093; "\f093"
fa-lemon-o &#xf094; "\f094"
fa-phone &#xf095; "\f095"
fa-square-o &#xf096; "\f096"
fa-bookmark-o &#xf097; "\f097"
fa-phone-square &#xf098; "\f098"
fa-twitter &#xf099; "\f099"
fa-facebook &#xf09a; "\f09a"
fa-github &#xf09b; "\f09b"
fa-unlock &#xf09c; "\f09c"
fa-credit-card &#xf09d; "\f09d"
fa-rss &#xf09e; "\f09e"
fa-hdd-o &#xf0a0; "\f0a0"
fa-bullhorn &#xf0a1; "\f0a1"
fa-bell-o &#xf0a2; "\f0a2"
fa-certificate &#xf0a3; "\f0a3"
fa-hand-o-right &#xf0a4; "\f0a4"
fa-hand-o-left &#xf0a5; "\f0a5"
fa-hand-o-up &#xf0a6; "\f0a6"
fa-hand-o-down &#xf0a7; "\f0a7"
fa-arrow-circle-left &#xf0a8; "\f0a8"
fa-arrow-circle-right &#xf0a9; "\f0a9"
fa-arrow-circle-up &#xf0aa; "\f0aa"
fa-arrow-circle-down &#xf0ab; "\f0ab"
fa-globe &#xf0ac; "\f0ac"
fa-wrench &#xf0ad; "\f0ad"
fa-tasks &#xf0ae; "\f0ae"
fa-filter &#xf0b0; "\f0b0"
fa-briefcase &#xf0b1; "\f0b1"
fa-arrows-alt &#xf0b2; "\f0b2"
fa-group
fa-users
&#xf0c0; "\f0c0"
fa-chain
fa-link
&#xf0c1; "\f0c1"
fa-cloud &#xf0c2; "\f0c2"
fa-flask &#xf0c3; "\f0c3"
fa-cut
fa-scissors
&#xf0c4; "\f0c4"
fa-copy
fa-files-o
&#xf0c5; "\f0c5"
fa-paperclip &#xf0c6; "\f0c6"
fa-save
fa-floppy-o
&#xf0c7; "\f0c7"
fa-square &#xf0c8; "\f0c8"
fa-navicon
fa-reorder
fa-bars
&#xf0c9; "\f0c9"
fa-list-ul &#xf0ca; "\f0ca"
fa-list-ol &#xf0cb; "\f0cb"
fa-strikethrough &#xf0cc; "\f0cc"
fa-underline &#xf0cd; "\f0cd"
fa-table &#xf0ce; "\f0ce"
fa-magic &#xf0d0; "\f0d0"
fa-truck &#xf0d1; "\f0d1"
fa-pinterest &#xf0d2; "\f0d2"
fa-pinterest-square &#xf0d3; "\f0d3"
fa-google-plus-square &#xf0d4; "\f0d4"
fa-google-plus &#xf0d5; "\f0d5"
fa-money &#xf0d6; "\f0d6"
fa-caret-down &#xf0d7; "\f0d7"
fa-caret-up &#xf0d8; "\f0d8"
fa-caret-left &#xf0d9; "\f0d9"
fa-caret-right &#xf0da; "\f0da"
fa-columns &#xf0db; "\f0db"
fa-unsorted
fa-sort
&#xf0dc; "\f0dc"
fa-sort-down &#xf0dd; "\f0dd"
fa-sort-desc &#xf0dd; "\f0dd"
fa-sort-up
fa-sort-asc
&#xf0de; "\f0de"
fa-envelope &#xf0e0; "\f0e0"
fa-linkedin &#xf0e1; "\f0e1"
fa-rotate-left
fa-undo
&#xf0e2; "\f0e2"
fa-legal
fa-gavel
&#xf0e3; "\f0e3"
fa-dashboard
fa-tachometer
&#xf0e4; "\f0e4"
fa-comment-o &#xf0e5; "\f0e5"
fa-comments-o &#xf0e6; "\f0e6"
fa-flash
fa-bolt
&#xf0e7; "\f0e7"
fa-sitemap &#xf0e8; "\f0e8"
fa-umbrella &#xf0e9; "\f0e9"
fa-paste
fa-clipboard
&#xf0ea; "\f0ea"
fa-lightbulb-o &#xf0eb; "\f0eb"
fa-exchange &#xf0ec; "\f0ec"
fa-cloud-download &#xf0ed; "\f0ed"
fa-cloud-upload &#xf0ee; "\f0ee"
fa-user-md &#xf0f0; "\f0f0"
fa-stethoscope &#xf0f1; "\f0f1"
fa-suitcase &#xf0f2; "\f0f2"
fa-bell &#xf0f3; "\f0f3"
fa-coffee &#xf0f4; "\f0f4"
fa-cutlery &#xf0f5; "\f0f5"
fa-file-text-o &#xf0f6; "\f0f6"
fa-building-o &#xf0f7; "\f0f7"
fa-hospital-o &#xf0f8; "\f0f8"
fa-ambulance &#xf0f9; "\f0f9"
fa-medkit &#xf0fa; "\f0fa"
fa-fighter-jet &#xf0fb; "\f0fb"
fa-beer &#xf0fc; "\f0fc"
fa-h-square &#xf0fd; "\f0fd"
fa-plus-square &#xf0fe; "\f0fe"
fa-angle-double-left &#xf100; "\f100"
fa-angle-double-right &#xf101; "\f101"
fa-angle-double-up &#xf102; "\f102"
fa-angle-double-down &#xf103; "\f103"
fa-angle-left &#xf104; "\f104"
fa-angle-right &#xf105; "\f105"
fa-angle-up &#xf106; "\f106"
fa-angle-down &#xf107; "\f107"
fa-desktop &#xf108; "\f108"
fa-laptop &#xf109; "\f109"
fa-tablet &#xf10a; "\f10a"
fa-mobile-phone
fa-mobile
&#xf10b; "\f10b"
fa-circle-o &#xf10c; "\f10c"
fa-quote-left &#xf10d; "\f10d"
fa-quote-right &#xf10e; "\f10e"
fa-spinner &#xf110; "\f110"
fa-circle &#xf111; "\f111"
fa-mail-reply
fa-reply
&#xf112; "\f112"
fa-github-alt &#xf113; "\f113"
fa-folder-o &#xf114; "\f114"
fa-folder-open-o &#xf115; "\f115"
fa-smile-o &#xf118; "\f118"
fa-frown-o &#xf119; "\f119"
fa-meh-o &#xf11a; "\f11a"
fa-gamepad &#xf11b; "\f11b"
fa-keyboard-o &#xf11c; "\f11c"
fa-flag-o &#xf11d; "\f11d"
fa-flag-checkered &#xf11e; "\f11e"
fa-terminal &#xf120; "\f120"
fa-code &#xf121; "\f121"
fa-mail-reply-all
fa-reply-all
&#xf122; "\f122"
fa-star-half-empty
fa-star-half-full
fa-star-half-o
&#xf123; "\f123"
fa-location-arrow &#xf124; "\f124"
fa-crop &#xf125; "\f125"
fa-code-fork &#xf126; "\f126"
fa-unlink
fa-chain-broken
&#xf127; "\f127"
fa-question &#xf128; "\f128"
fa-info &#xf129; "\f129"
fa-exclamation &#xf12a; "\f12a"
fa-superscript &#xf12b; "\f12b"
fa-subscript &#xf12c; "\f12c"
fa-eraser &#xf12d; "\f12d"
fa-puzzle-piece &#xf12e; "\f12e"
fa-microphone &#xf130; "\f130"
fa-microphone-slash &#xf131; "\f131"
fa-shield &#xf132; "\f132"
fa-calendar-o &#xf133; "\f133"
fa-fire-extinguisher &#xf134; "\f134"
fa-rocket &#xf135; "\f135"
fa-maxcdn &#xf136; "\f136"
fa-chevron-circle-left &#xf137; "\f137"
fa-chevron-circle-right &#xf138; "\f138"
fa-chevron-circle-up &#xf139; "\f139"
fa-chevron-circle-down &#xf13a; "\f13a"
fa-html5 &#xf13b; "\f13b"
fa-css3 &#xf13c; "\f13c"
fa-anchor &#xf13d; "\f13d"
fa-unlock-alt &#xf13e; "\f13e"
fa-bullseye &#xf140; "\f140"
fa-ellipsis-h &#xf141; "\f141"
fa-ellipsis-v &#xf142; "\f142"
fa-rss-square &#xf143; "\f143"
fa-play-circle &#xf144; "\f144"
fa-ticket &#xf145; "\f145"
fa-minus-square &#xf146; "\f146"
fa-minus-square-o &#xf147; "\f147"
fa-level-up &#xf148; "\f148"
fa-level-down &#xf149; "\f149"
fa-check-square &#xf14a; "\f14a"
fa-pencil-square &#xf14b; "\f14b"
fa-external-link-square &#xf14c; "\f14c"
fa-share-square &#xf14d; "\f14d"
fa-compass &#xf14e; "\f14e"
fa-toggle-down
fa-caret-square-o-down
&#xf150; "\f150"
fa-toggle-up
fa-caret-square-o-up
&#xf151; "\f151"
fa-toggle-right
fa-caret-square-o-right
&#xf152; "\f152"
fa-euro
fa-eur
&#xf153; "\f153"
fa-gbp &#xf154; "\f154"
fa-dollar
fa-usd
&#xf155; "\f155"
fa-rupee
fa-inr
&#xf156; "\f156"
fa-cny
fa-rmb
fa-yen
fa-jpy
&#xf157; "\f157"
fa-ruble
fa-rouble
fa-rub
&#xf158; "\f158"
fa-won
fa-krw
&#xf159; "\f159"
fa-bitcoin
fa-btc
&#xf15a; "\f15a"
fa-file &#xf15b; "\f15b"
fa-file-text &#xf15c; "\f15c"
fa-sort-alpha-asc &#xf15d; "\f15d"
fa-sort-alpha-desc &#xf15e; "\f15e"
fa-sort-amount-asc &#xf160; "\f160"
fa-sort-amount-desc &#xf161; "\f161"
fa-sort-numeric-asc &#xf162; "\f162"
fa-sort-numeric-desc &#xf163; "\f163"
fa-thumbs-up &#xf164; "\f164"
fa-thumbs-down &#xf165; "\f165"
fa-youtube-square &#xf166; "\f166"
fa-youtube &#xf167; "\f167"
fa-xing &#xf168; "\f168"
fa-xing-square &#xf169; "\f169"
fa-youtube-play &#xf16a; "\f16a"
fa-dropbox &#xf16b; "\f16b"
fa-stack-overflow &#xf16c; "\f16c"
fa-instagram &#xf16d; "\f16d"
fa-flickr &#xf16e; "\f16e"
fa-adn &#xf170; "\f170"
fa-bitbucket &#xf171; "\f171"
fa-bitbucket-square &#xf172; "\f172"
fa-tumblr &#xf173; "\f173"
fa-tumblr-square &#xf174; "\f174"
fa-long-arrow-down &#xf175; "\f175"
fa-long-arrow-up &#xf176; "\f176"
fa-long-arrow-left &#xf177; "\f177"
fa-long-arrow-right &#xf178; "\f178"
fa-apple &#xf179; "\f179"
fa-windows &#xf17a; "\f17a"
fa-android &#xf17b; "\f17b"
fa-linux &#xf17c; "\f17c"
fa-dribbble &#xf17d; "\f17d"
fa-skype &#xf17e; "\f17e"
fa-foursquare &#xf180; "\f180"
fa-trello &#xf181; "\f181"
fa-female &#xf182; "\f182"
fa-male &#xf183; "\f183"
fa-gittip &#xf184; "\f184"
fa-sun-o &#xf185; "\f185"
fa-moon-o &#xf186; "\f186"
fa-archive &#xf187; "\f187"
fa-bug &#xf188; "\f188"
fa-vk &#xf189; "\f189"
fa-weibo &#xf18a; "\f18a"
fa-renren &#xf18b; "\f18b"
fa-pagelines &#xf18c; "\f18c"
fa-stack-exchange &#xf18d; "\f18d"
fa-arrow-circle-o-right &#xf18e; "\f18e"
fa-arrow-circle-o-left &#xf190; "\f190"
fa-toggle-left
fa-caret-square-o-left
&#xf191; "\f191"
fa-dot-circle-o &#xf192; "\f192"
fa-wheelchair &#xf193; "\f193"
fa-vimeo-square &#xf194; "\f194"
fa-turkish-lira
fa-try
&#xf195; "\f195"
fa-plus-square-o &#xf196; "\f196"
fa-space-shuttle &#xf197; "\f197"
fa-slack &#xf198; "\f198"
fa-envelope-square &#xf199; "\f199"
fa-wordpress &#xf19a; "\f19a"
fa-openid &#xf19b; "\f19b"
fa-institution
fa-bank
fa-university
&#xf19c; "\f19c"
fa-mortar-board
fa-graduation-cap
&#xf19d; "\f19d"
fa-yahoo &#xf19e; "\f19e"
fa-google &#xf1a0; "\f1a0"
fa-reddit &#xf1a1; "\f1a1"
fa-reddit-square &#xf1a2; "\f1a2"
fa-stumbleupon-circle &#xf1a3; "\f1a3"
fa-stumbleupon &#xf1a4; "\f1a4"
fa-delicious &#xf1a5; "\f1a5"
fa-digg &#xf1a6; "\f1a6"
fa-pied-piper &#xf1a7; "\f1a7"
fa-pied-piper-alt &#xf1a8; "\f1a8"
fa-drupal &#xf1a9; "\f1a9"
fa-joomla &#xf1aa; "\f1aa"
fa-language &#xf1ab; "\f1ab"
fa-fax &#xf1ac; "\f1ac"
fa-building &#xf1ad; "\f1ad"
fa-child &#xf1ae; "\f1ae"
fa-paw &#xf1b0; "\f1b0"
fa-spoon &#xf1b1; "\f1b1"
fa-cube &#xf1b2; "\f1b2"
fa-cubes &#xf1b3; "\f1b3"
fa-behance &#xf1b4; "\f1b4"
fa-behance-square &#xf1b5; "\f1b5"
fa-steam &#xf1b6; "\f1b6"
fa-steam-square &#xf1b7; "\f1b7"
fa-recycle &#xf1b8; "\f1b8"
fa-automobile
fa-car
&#xf1b9; "\f1b9"
fa-cab
fa-taxi
&#xf1ba; "\f1ba"
fa-tree &#xf1bb; "\f1bb"
fa-spotify &#xf1bc; "\f1bc"
fa-deviantart &#xf1bd; "\f1bd"
fa-soundcloud &#xf1be; "\f1be"
fa-database &#xf1c0; "\f1c0"
fa-file-pdf-o &#xf1c1; "\f1c1"
fa-file-word-o &#xf1c2; "\f1c2"
fa-file-excel-o &#xf1c3; "\f1c3"
fa-file-powerpoint-o &#xf1c4; "\f1c4"
fa-file-photo-o
fa-file-picture-o
fa-file-image-o
&#xf1c5; "\f1c5"
fa-file-zip-o
fa-file-archive-o
&#xf1c6; "\f1c6"
fa-file-sound-o
fa-file-audio-o
&#xf1c7; "\f1c7"
fa-file-movie-o
fa-file-video-o
&#xf1c8; "\f1c8"
fa-file-code-o &#xf1c9; "\f1c9"
fa-vine &#xf1ca; "\f1ca"
fa-codepen &#xf1cb; "\f1cb"
fa-jsfiddle &#xf1cc; "\f1cc"
fa-life-bouy
fa-life-buoy
fa-life-saver
fa-support
fa-life-ring
&#xf1cd; "\f1cd"
fa-circle-o-notch &#xf1ce; "\f1ce"
fa-ra
fa-rebel
&#xf1d0; "\f1d0"
fa-ge
fa-empire
&#xf1d1; "\f1d1"
fa-git-square &#xf1d2; "\f1d2"
fa-git &#xf1d3; "\f1d3"
fa-hacker-news &#xf1d4; "\f1d4"
fa-tencent-weibo &#xf1d5; "\f1d5"
fa-qq &#xf1d6; "\f1d6"
fa-wechat
fa-weixin
&#xf1d7; "\f1d7"
fa-send
fa-paper-plane
&#xf1d8; "\f1d8"
fa-send-o
fa-paper-plane-o
&#xf1d9; "\f1d9"
fa-history &#xf1da; "\f1da"
fa-circle-thin &#xf1db; "\f1db"
fa-header &#xf1dc; "\f1dc"
fa-paragraph &#xf1dd; "\f1dd"
fa-sliders &#xf1de; "\f1de"
fa-share-alt &#xf1e0; "\f1e0"
fa-share-alt-square &#xf1e1; "\f1e1"
fa-bomb &#xf1e2; "\f1e2"
fa-soccer-ball-o
fa-futbol-o
&#xf1e3; "\f1e3"
fa-tty &#xf1e4; "\f1e4"
fa-binoculars &#xf1e5; "\f1e5"
fa-plug &#xf1e6; "\f1e6"
fa-slideshare &#xf1e7; "\f1e7"
fa-twitch &#xf1e8; "\f1e8"
fa-yelp &#xf1e9; "\f1e9"
fa-newspaper-o &#xf1ea; "\f1ea"
fa-wifi &#xf1eb; "\f1eb"
fa-calculator &#xf1ec; "\f1ec"
fa-paypal &#xf1ed; "\f1ed"
fa-google-wallet &#xf1ee; "\f1ee"
fa-cc-visa &#xf1f0; "\f1f0"
fa-cc-mastercard &#xf1f1; "\f1f1"
fa-cc-discover &#xf1f2; "\f1f2"
fa-cc-amex &#xf1f3; "\f1f3"
fa-cc-paypal &#xf1f4; "\f1f4"
fa-cc-stripe &#xf1f5; "\f1f5"
fa-bell-slash &#xf1f6; "\f1f6"
fa-bell-slash-o &#xf1f7; "\f1f7"
fa-trash &#xf1f8; "\f1f8"
fa-copyright &#xf1f9; "\f1f9"
fa-at &#xf1fa; "\f1fa"
fa-eyedropper &#xf1fb; "\f1fb"
fa-paint-brush &#xf1fc; "\f1fc"
fa-birthday-cake &#xf1fd; "\f1fd"
fa-area-chart &#xf1fe; "\f1fe"
fa-pie-chart &#xf200; "\f200"
fa-line-chart &#xf201; "\f201"
fa-lastfm &#xf202; "\f202"
fa-lastfm-square &#xf203; "\f203"
fa-toggle-off &#xf204; "\f204"
fa-toggle-on &#xf205; "\f205"
fa-bicycle &#xf206; "\f206"
fa-bus &#xf207; "\f207"
fa-ioxhost &#xf208; "\f208"
fa-angellist &#xf209; "\f209"
fa-cc &#xf20a; "\f20a"
fa-shekel
fa-sheqel
fa-ils
&#xf20b; "\f20b"
fa-meanpath &#xf20c; "\f20c"

Autor: , veröffentlicht: , letzte Änderung:

Kontakt

Service Infos

CMS Info Product Name:
UDOs Webserver
Version:
0.4.2.1
Description:
All in one Webserver
Copyright:
Udo Schmal
Compilation:
So, 21 Okt 2018 21:59:50
Development Info IDE:
Lazarus LCL 2.1.0.0
Compiler:
Free Pascal FPC 3.3.1
compiled for:
OS:Linux, CPU:x86_64
Hardware Info Model:
ASRock A330ION
CPU Name:
Intel(R) Atom(TM) CPU 330 @ 1.60GHz
CPU Type:
x86_64, 1 physical CPU(s), 2 Core(s), 4 logical CPU(s), 1599.996 MHz
System Info OS:
Ubuntu 18.04.1 LTS bionic