Difference between revisions of "FontAwesome"
Malcolmmcc (talk | contribs) |
Malcolmmcc (talk | contribs) |
||
| Line 2: | Line 2: | ||
Font Awesome is a proprietary package of icons commonly used across the web. Support, list of icons, and more can be [https://fontawesome.com/icons found here]. To insert any icon, use the following syntax: | Font Awesome is a proprietary package of icons commonly used across the web. Support, list of icons, and more can be [https://fontawesome.com/icons found here]. To insert any icon, use the following syntax: | ||
<center><code style="font-size:16px;"><nowiki><i class="</nowiki><span style="color:MediumVioletRed">fas</span> <span style="color:RoyalBlue">fa-boxing-glove</span><nowiki>"></i></nowiki></code></center> | <center><code style="font-size:16px;"><nowiki><i class="</nowiki><span style="color:MediumVioletRed">fas</span> <span style="color:RoyalBlue">fa-boxing-glove</span><nowiki>"></i></nowiki></code></center> | ||
| − | Where <span style="color:MediumVioletRed">fas</span> calls for the specific FontAwesome pack (either '''Regular''' < | + | Where <span style="color:MediumVioletRed">fas</span> calls for the specific FontAwesome pack (either '''Regular''' <code>far</code>, '''Light''' <code>fal</code>, '''Solid''' <code>fas</code>, or '''Brands''' <code>fab</code>) and <span style="color:RoyalBlue">fa-boxing-glove</span> is the icon of choice. More support can be found on their website. |
===Features=== | ===Features=== | ||
The icons can be further adjusted to meet new sizes, to be used as bullet points, and to be rotated dynamically. [http://fontawesome.io/examples/ Click here] to find out more: | The icons can be further adjusted to meet new sizes, to be used as bullet points, and to be rotated dynamically. [http://fontawesome.io/examples/ Click here] to find out more: | ||
Revision as of 13:29, 4 May 2018
Font Awesome is a proprietary package of icons commonly used across the web. Support, list of icons, and more can be found here. To insert any icon, use the following syntax:
<i class="fas fa-boxing-glove"></i>Where fas calls for the specific FontAwesome pack (either Regular far, Light fal, Solid fas, or Brands fab) and fa-boxing-glove is the icon of choice. More support can be found on their website.
Features
The icons can be further adjusted to meet new sizes, to be used as bullet points, and to be rotated dynamically. Click here to find out more:
|
|
|
|
Icons
| Icon | Name |
|---|---|
| fa-adjust | |
| fa-adn | |
| fa-align-center | |
| fa-align-justify | |
| fa-align-left | |
| fa-align-right | |
| fa-ambulance | |
| fa-anchor | |
| fa-android | |
| fa-angellist | |
| fa-angle-double-down | |
| fa-angle-double-left | |
| fa-angle-double-right | |
| fa-angle-double-up | |
| fa-angle-down | |
| fa-angle-left | |
| fa-angle-right | |
| fa-angle-up | |
| fa-apple | |
| fa-archive | |
| fa-area-chart | |
| fa-arrow-circle-down | |
| fa-arrow-circle-left | |
| fa-arrow-circle-o-down | |
| fa-arrow-circle-o-left | |
| fa-arrow-circle-o-right | |
| fa-arrow-circle-o-up | |
| fa-arrow-circle-right | |
| fa-arrow-circle-up | |
| fa-arrow-down | |
| fa-arrow-left | |
| fa-arrow-right | |
| fa-arrows | |
| fa-arrows-alt | |
| fa-arrows-h | |
| fa-arrows-v | |
| fa-arrow-up | |
| fa-asterisk | |
| fa-at | |
| fa-automobile | |
| fa-backward | |
| fa-ban | |
| fa-bank | |
| fa-bar-chart | |
| fa-bar-chart-o | |
| fa-barcode | |
| fa-bars | |
| fa-bed | |
| fa-beer | |
| fa-behance | |
| fa-behance-square | |
| fa-bell | |
| fa-bell-o | |
| fa-bell-slash | |
| fa-bell-slash-o | |
| fa-bicycle | |
| fa-binoculars | |
| fa-birthday-cake | |
| fa-bitbucket | |
| fa-bitbucket-square | |
| fa-bitcoin | |
| fa-bold | |
| fa-bolt | |
| fa-bomb | |
| fa-book | |
| fa-bookmark | |
| fa-bookmark-o | |
| fa-briefcase | |
| fa-btc | |
| fa-bug | |
| fa-building | |
| fa-building-o | |
| fa-bullhorn | |
| fa-bullseye | |
| fa-bus | |
| fa-buysellads | |
| fa-cab | |
| fa-calculator | |
| fa-calendar | |
| fa-calendar-o | |
| fa-camera | |
| fa-camera-retro | |
| fa-car | |
| fa-caret-down | |
| fa-caret-left | |
| fa-caret-right | |
| fa-caret-square-o-down | |
| fa-caret-square-o-left | |
| fa-caret-square-o-right | |
| fa-caret-square-o-up | |
| fa-caret-up | |
| fa-cart-arrow-down | |
| fa-cart-plus | |
| fa-cc | |
| fa-cc-amex | |
| fa-cc-discover | |
| fa-cc-mastercard | |
| fa-cc-paypal | |
| fa-cc-stripe | |
| fa-cc-visa | |
| fa-certificate | |
| fa-chain | |
| fa-chain-broken | |
| fa-check | |
| fa-check-circle | |
| fa-check-circle-o | |
| fa-check-square | |
| fa-check-square-o | |
| fa-chevron-circle-down | |
| fa-chevron-circle-left | |
| fa-chevron-circle-right | |
| fa-chevron-circle-up | |
| fa-chevron-down | |
| fa-chevron-left | |
| fa-chevron-right | |
| fa-chevron-up | |
| fa-child | |
| fa-circle | |
| fa-circle-o | |
| fa-circle-o-notch | |
| fa-circle-thin | |
| fa-clipboard | |
| fa-clock-o | |
| fa-close | |
| fa-cloud | |
| fa-cloud-download | |
| fa-cloud-upload | |
| fa-cny | |
| fa-code | |
| fa-code-fork | |
| fa-codepen | |
| fa-coffee | |
| fa-cog | |
| fa-cogs | |
| fa-columns | |
| fa-comment | |
| fa-comment-o | |
| fa-comments | |
| fa-comments-o | |
| fa-compass | |
| fa-compress | |
| fa-connectdevelop | |
| fa-copy | |
| fa-copyright | |
| fa-credit-card | |
| fa-crop | |
| fa-crosshairs | |
| fa-css3 | |
| fa-cube | |
| fa-cubes | |
| fa-cut | |
| fa-cutlery | |
| fa-dashboard | |
| fa-dashcube | |
| fa-database | |
| fa-dedent | |
| fa-delicious | |
| fa-desktop | |
| fa-deviantart | |
| fa-diamond | |
| fa-digg | |
| fa-dollar | |
| fa-dot-circle-o | |
| fa-download | |
| fa-dribbble | |
| fa-dropbox | |
| fa-drupal | |
| fa-edit | |
| fa-eject | |
| fa-ellipsis-h | |
| fa-ellipsis-v | |
| fa-empire | |
| fa-envelope | |
| fa-envelope-o | |
| fa-envelope-square | |
| fa-eraser | |
| fa-eur | |
| fa-euro | |
| fa-exchange | |
| fa-exclamation | |
| fa-exclamation-circle | |
| fa-exclamation-triangle | |
| fa-expand | |
| fa-external-link | |
| fa-external-link-square | |
| fa-eye | |
| fa-eyedropper | |
| fa-eye-slash | |
| fa-facebook-f | |
| fa-facebook-official | |
| fa-facebook-square | |
| fa-fast-backward | |
| fa-fast-forward | |
| fa-fax | |
| fa-female | |
| fa-fighter-jet | |
| fa-file | |
| fa-file-archive-o | |
| fa-file-audio-o | |
| fa-file-code-o | |
| fa-file-excel-o | |
| fa-file-image-o | |
| fa-file-movie-o | |
| fa-file-o | |
| fa-file-pdf-o | |
| fa-file-photo-o | |
| fa-file-picture-o | |
| fa-file-powerpoint-o | |
| fa-files-o | |
| fa-file-sound-o | |
| fa-file-text | |
| fa-file-text-o | |
| fa-file-video-o | |
| fa-file-word-o | |
| fa-file-zip-o | |
| fa-film | |
| fa-filter | |
| fa-fire | |
| fa-fire-extinguisher | |
| fa-flag | |
| fa-flag-checkered | |
| fa-flag-o | |
| fa-flash | |
| fa-flask | |
| fa-flickr | |
| fa-floppy-o | |
| fa-folder | |
| fa-folder-o | |
| fa-folder-open | |
| fa-folder-open-o | |
| fa-font | |
| fa-forumbee | |
| fa-forward | |
| fa-foursquare | |
| fa-frown-o | |
| fa-futbol-o | |
| fa-gamepad | |
| fa-gavel | |
| fa-gbp | |
| fa-ge | |
| fa-gear | |
| fa-gears | |
| fa-genderless | |
| fa-gift | |
| fa-git | |
| fa-github | |
| fa-github-alt | |
| fa-github-square | |
| fa-git-square | |
| fa-gittip | |
| fa-glass | |
| fa-globe | |
| fa-google | |
| fa-google-plus | |
| fa-google-plus-square | |
| fa-google-wallet | |
| fa-graduation-cap | |
| fa-gratipay | |
| fa-group | |
| fa-hacker-news | |
| fa-hand-o-down | |
| fa-hand-o-left | |
| fa-hand-o-right | |
| fa-hand-o-up | |
| fa-hdd-o | |
| fa-header | |
| fa-headphones | |
| fa-heart | |
| fa-heartbeat | |
| fa-heart-o | |
| fa-history | |
| fa-home | |
| fa-hospital-o | |
| fa-hotel | |
| fa-h-square | |
| fa-html5 | |
| fa-ils | |
| fa-image | |
| fa-inbox | |
| fa-indent | |
| fa-info | |
| fa-info-circle | |
| fa-inr | |
| fa-instagram | |
| fa-institution | |
| fa-ioxhost | |
| fa-italic | |
| fa-joomla | |
| fa-jpy | |
| fa-jsfiddle | |
| fa-key | |
| fa-keyboard-o | |
| fa-krw | |
| fa-language | |
| fa-laptop | |
| fa-lastfm | |
| fa-lastfm-square | |
| fa-leaf | |
| fa-leanpub | |
| fa-legal | |
| fa-lemon-o | |
| fa-level-down | |
| fa-level-up | |
| fa-life-bouy | |
| fa-life-buoy | |
| fa-life-ring | |
| fa-life-saver | |
| fa-lightbulb-o | |
| fa-line-chart | |
| fa-link | |
| fa-linkedin | |
| fa-linkedin-square | |
| fa-linux | |
| fa-list | |
| fa-list-alt | |
| fa-list-ol | |
| fa-list-ul | |
| fa-location-arrow | |
| fa-lock | |
| fa-long-arrow-down | |
| fa-long-arrow-left | |
| fa-long-arrow-right | |
| fa-long-arrow-up | |
| fa-magic | |
| fa-magnet | |
| fa-mail-forward | |
| fa-mail-reply | |
| fa-mail-reply-all | |
| fa-male | |
| fa-map-marker | |
| fa-mars | |
| fa-mars-double | |
| fa-mars-stroke | |
| fa-mars-stroke-h | |
| fa-mars-stroke-v | |
| fa-maxcdn | |
| fa-meanpath | |
| fa-medium | |
| fa-medkit | |
| fa-meh-o | |
| fa-mercury | |
| fa-microphone | |
| fa-microphone-slash | |
| fa-minus | |
| fa-minus-circle | |
| fa-minus-square | |
| fa-minus-square-o | |
| fa-mobile | |
| fa-mobile-phone | |
| fa-money | |
| fa-moon-o | |
| fa-mortar-board | |
| fa-motorcycle | |
| fa-music | |
| fa-navicon | |
| fa-neuter | |
| fa-newspaper-o | |
| fa-openid | |
| fa-outdent | |
| fa-pagelines | |
| fa-paint-brush | |
| fa-paperclip | |
| fa-paper-plane | |
| fa-paper-plane-o | |
| fa-paragraph | |
| fa-paste | |
| fa-pause | |
| fa-paw | |
| fa-paypal | |
| fa-pencil | |
| fa-pencil-square | |
| fa-pencil-square-o | |
| fa-phone | |
| fa-phone-square | |
| fa-photo | |
| fa-picture-o | |
| fa-pie-chart | |
| fa-pied-piper | |
| fa-pied-piper-alt | |
| fa-pinterest | |
| fa-pinterest-p | |
| fa-pinterest-square | |
| fa-plane | |
| fa-play | |
| fa-play-circle | |
| fa-play-circle-o | |
| fa-plug | |
| fa-plus | |
| fa-plus-circle | |
| fa-plus-square | |
| fa-plus-square-o | |
| fa-power-off | |
| fa-print | |
| fa-puzzle-piece | |
| fa-qq | |
| fa-qrcode | |
| fa-question | |
| fa-question-circle | |
| fa-quote-left | |
| fa-quote-right | |
| fa-ra | |
| fa-random | |
| fa-rebel | |
| fa-recycle | |
| fa-reddit | |
| fa-reddit-square | |
| fa-refresh | |
| fa-remove | |
| fa-renren | |
| fa-reorder | |
| fa-repeat | |
| fa-reply | |
| fa-reply-all | |
| fa-retweet | |
| fa-rmb | |
| fa-road | |
| fa-rocket | |
| fa-rotate-left | |
| fa-rotate-right | |
| fa-rouble | |
| fa-rss | |
| fa-rss-square | |
| fa-rub | |
| fa-ruble | |
| fa-rupee | |
| fa-save | |
| fa-scissors | |
| fa-search | |
| fa-search-minus | |
| fa-search-plus | |
| fa-sellsy | |
| fa-send | |
| fa-send-o | |
| fa-server | |
| fa-share | |
| fa-share-alt | |
| fa-share-alt-square | |
| fa-share-square | |
| fa-share-square-o | |
| fa-shekel | |
| fa-sheqel | |
| fa-shield | |
| fa-ship | |
| fa-shirtsinbulk | |
| fa-shopping-cart | |
| fa-signal | |
| fa-sign-in | |
| fa-sign-out | |
| fa-simplybuilt | |
| fa-sitemap | |
| fa-skyatlas | |
| fa-skype | |
| fa-slack | |
| fa-sliders | |
| fa-slideshare | |
| fa-smile-o | |
| fa-soccer-ball-o | |
| fa-sort | |
| fa-sort-alpha-asc | |
| fa-sort-alpha-desc | |
| fa-sort-amount-asc | |
| fa-sort-amount-desc | |
| fa-sort-asc | |
| fa-sort-desc | |
| fa-sort-down | |
| fa-sort-numeric-asc | |
| fa-sort-numeric-desc | |
| fa-sort-up | |
| fa-soundcloud | |
| fa-space-shuttle | |
| fa-spinner | |
| fa-spoon | |
| fa-spotify | |
| fa-square | |
| fa-square-o | |
| fa-stack-exchange | |
| fa-stack-overflow | |
| fa-star | |
| fa-star-half | |
| fa-star-half-empty | |
| fa-star-half-full | |
| fa-star-half-o | |
| fa-star-o | |
| fa-steam | |
| fa-steam-square | |
| fa-step-backward | |
| fa-step-forward | |
| fa-stethoscope | |
| fa-stop | |
| fa-street-view | |
| fa-strikethrough | |
| fa-stumbleupon | |
| fa-stumbleupon-circle | |
| fa-subscript | |
| fa-subway | |
| fa-suitcase | |
| fa-sun-o | |
| fa-superscript | |
| fa-support | |
| fa-table | |
| fa-tablet | |
| fa-tachometer | |
| fa-tag | |
| fa-tags | |
| fa-tasks | |
| fa-taxi | |
| fa-tencent-weibo | |
| fa-terminal | |
| fa-text-height | |
| fa-text-width | |
| fa-th | |
| fa-th-large | |
| fa-th-list | |
| fa-thumbs-down | |
| fa-thumbs-o-down | |
| fa-thumbs-o-up | |
| fa-thumbs-up | |
| fa-thumb-tack | |
| fa-ticket | |
| fa-times | |
| fa-times-circle | |
| fa-times-circle-o | |
| fa-tint | |
| fa-toggle-down | |
| fa-toggle-left | |
| fa-toggle-off | |
| fa-toggle-on | |
| fa-toggle-right | |
| fa-toggle-up | |
| fa-train | |
| fa-transgender | |
| fa-transgender-alt | |
| fa-trash | |
| fa-trash-o | |
| fa-tree | |
| fa-trello | |
| fa-trophy | |
| fa-truck | |
| fa-try | |
| fa-tty | |
| fa-tumblr | |
| fa-tumblr-square | |
| fa-turkish-lira | |
| fa-twitch | |
| fa-twitter | |
| fa-twitter-square | |
| fa-umbrella | |
| fa-underline | |
| fa-undo | |
| fa-university | |
| fa-unlink | |
| fa-unlock | |
| fa-unlock-alt | |
| fa-unsorted | |
| fa-upload | |
| fa-usd | |
| fa-user | |
| fa-user-md | |
| fa-user-plus | |
| fa-users | |
| fa-user-secret | |
| fa-user-times | |
| fa-venus | |
| fa-venus-double | |
| fa-venus-mars | |
| fa-viacoin | |
| fa-video-camera | |
| fa-vimeo-square | |
| fa-vine | |
| fa-vk | |
| fa-volume-down | |
| fa-volume-off | |
| fa-volume-up | |
| fa-warning | |
| fa-wechat | |
| fa-weibo | |
| fa-weixin | |
| fa-whatsapp | |
| fa-wheelchair | |
| fa-wifi | |
| fa-windows | |
| fa-won | |
| fa-wordpress | |
| fa-wrench | |
| fa-xing | |
| fa-xing-square | |
| fa-yahoo | |
| fa-yelp | |
| fa-yen | |
| fa-youtube | |
| fa-youtube-play | |
| fa-youtube-square |