Font Awesome - Web应用程序图标

Font Awesome Web应用程序图标 - 从简单和简单的步骤学习Web图标从基本到高级概念开始，包括概述，字体真棒介绍，Web应用程序图标，手形图标，交通图标，性别图标，文件类型图标，微调图标，表单控制图标，付款图标，图表图标，货币图标，文本编辑器图标，定向图标，视频播放器图标，品牌图标，医疗图标，材料图标简介，行动图标，警报图标，AV图标，通信图标，内容图标，设备图标，编辑图标，文件图标，硬件图标，图像图标，地图图标，导航图标，通知图标，社会图标，切换图标，Bootstrap Glyphicons。

本章介绍Font Awesome Web Application图标的用法.假设自定义是CSS类名，我们在其中定义了大小和颜色，如下面给出的示例所示.

下表显示了Font Awesome Web Application图标的用法和结果.替换<身体>上面程序的标签，用表中给出的代码得到相应的输出 :

用法	结果
< i class ="fa fa -adjust custom">
< i class ="fa fa-anchor custom">
< i class ="fa fa-archive custom">
< i class ="fa fa-area-chart custom">
< i class ="fa fa-arrows custom">
< i class ="fa fa-arrows-h custom">
< i class ="fa fa-arrows-v custom">< ;/i>
< i class ="fa fa-asterisk custom">
< i class ="fa fa-at custom">
< i class ="fa fa-automobile custom">
< i class ="fa fa-balance-scale custom">
< i class ="fa fa-ban custom">
< i class ="fa fa-bank custom">
< i class ="fa fa-bar-chart custom">
< i class ="fa fa-bar-chart -o custom">
< i class ="fa fa-barcode custom">
< i class ="fa fa-bars custom">
< i class ="fa fa-bed custom">
< i class ="fa fa-beer custom">
< i class ="fa fa-bell自定义">
< i class ="fa fa-wrench custom">
< i class ="fa fa-bell-o custom">
< i class ="fa fa-bell-slash custom">
< i class ="fa fa-bell-slash-o自定义">
< i class ="fa fa-bicycle custom">
< i class ="fa fa-battery-0自定义">
< i class ="fa fa-battery-1 custom">
< i class ="fa fa-battery -2自定义">
< i class ="fa fa-battery-3 custom">
< i class =" fa fa-battery-4 custom">
< i class ="fa fa-battery-empty custom">
< i class ="fa fa-battery-quarter custom">
< i class ="fa fa-battery-half custom">
< i class ="fa fa-battery-four-quarters custom">
< i class ="fa fa-battery-full custom">
< i class ="fa fa-birthday-cake custom" >
< i class ="fa fa-bolt custom">
< i class ="fa fa-bomb custom">
< i class ="fa fa-book custom">
< i class ="fa fa-bookmark custom">
< i class ="fa fa-bookmark-o custom">
< i class ="fa fa-briefcase custom">
< i class ="fa fa-bug custom">
< i class ="fa fa-building custom">
< ; i class ="fa fa-building -o custom">
< i class ="fa fa-bullhorn custom">
< i class ="fa fa-bullseye custom">
< i class ="fa fa-bus custom">
< i class ="fa fa- cab custom">
< i class ="fa fa-video-camera custom">
< i class ="fa fa-calendar custom">
< i class ="fa fa-calendar-check-o custom">
< i class ="fa fa-calendar-minus-o custom">
< i class ="fa fa-calendar-o custom">
< i class ="fa fa-calendar-plus-o custom">
< i class ="fa fa-calendar-times -o custom">
< i class ="fa fa-camera c ustom">
< i class ="fa fa-camera-retro custom">
< i class ="fa fa-car custom" >
< i class ="fa fa-cc custom">
< i class ="fa fa-caret-square-o-down custom" >
< i class ="fa fa-caret-square-o-left custom">
< i class ="fa fa-caret-square-o-right custom">
< i class ="fa fa -caret-square-o-up custom">
< i class ="fa fa-cart-arrow-down custom">
< i class ="fa fa-cart-plus custom">
< i class ="fa fa-certificate custom"> ;
< i class ="fa fa-child custom">
< i class ="fa fa-check custom">
< i class ="fa fa-check-circle custom">
< i class ="fa fa-chec k-circle-o custom">
< i class ="fa fa-check-square custom">
< i class ="fa fa-check-square -o custom">
< i class ="fa fa-circle custom">
< ; i class ="fa fa-circle-o custom">
< i class ="fa fa-circle-o-notch custom">
< i class ="fa fa-circle-thin custom">
< i class ="fa fa -clock -o custom">
< i class ="fa fa-clone custom">
< i class ="fa fa-close自定义">
< i class ="fa fa-anchor custom">
< i class ="fa fa-cloud-download custom">
< i class ="fa fa-cloud-upload custom">
< i class ="fa fa-code custom">
< i class ="fa fa-code-fork custom">
< i class ="fa fa-coffee custom">
< i class ="fa fa-cog custom">
< i class ="fa fa-cogs custom"> ;
< i class ="fa fa-comment custom">
< i class ="fa fa-comment-o custom">
< i class ="fa fa-commenting custom">
< i class ="fa fa-commenting -o custom">
< i class ="fa fa-comments custom">
< i class ="fa fa-comments-o自定义">
< i class ="fa fa-compass custom">
< i class ="fa fa-copyright custom">
< i class ="fa fa-creative-commons custom">
< i class ="fa fa-credit-card custom">
< i class ="fa fa-crop custom">
& lt; i class ="fa fa-crosshairs custom">
< i class ="fa fa-cube custom">
< i class =" fa fa-cubes custom">
< i class ="fa fa-cutlery custom">
< i class ="fa fa-dashboard custom" >
< i class ="fa fa-database custom">
< i class ="fa fa-desktop custom"> ;
< i class ="fa fa-diamond custom">
< ; i class ="fa fa-dot-circle-o custom">
< i class ="fa fa-download custom">
< i class ="fa fa-edit custom">
< i class ="fa fa-ellipsis-h custom">
< ; i class ="fa fa-ellipsis -v custom">
< i class ="fa fa-envelope custom">
< i class ="fa fa-envelope- o自定义">
< i class ="fa fa-envelope-square custom">
< i class ="fa fa-eraser custom">
< i class ="fa fa-exchange custom">
< i class ="fa fa-exclamation custom">
< i class ="fa fa-exclamation-circle custom">
< ; i class ="fa fa-exclamation-triangle custom">
< i class ="fa fa-external-link custom">
< i class ="fa fa- external-link-square custom">
< i class ="fa fa-eye custom">
< i class ="fa fa-eye-slash custom">
< i class ="fa fa-eyedropper custom">
< i class ="fa fa-传真自定义">
< i class ="fa fa-feed custom">
< i class ="fa fa-female custom">< ;/i>
< i class ="fa fa-fighter-jet custom">
< i class = "fa fa-file-archive-o custom">
< i class ="fa fa-file-audio-o custom">
< i class ="fa fa-file-code -o custom">
< i class ="fa fa-file-excel -o custom ">
< i class ="fa fa-volume-down custom">
< i class ="fa fa- file-movie-o custom">
< i class ="fa fa-file-pdf-o custom">
< i class ="fa fa-file-photo-o custom">
< i class ="fa fa-file -picture -o custom">
< i class ="fa fa-file-powerpoint -o custom">
< i class ="fa fa-file-sound-o custom">
< i class ="fa fa-file-video-o custom">
< i class ="fa fa-file-word -o custom">
< i class ="fa fa-file -sound -o custom">
< i class ="fa fa-file-video-o custom">
< i class ="fa fa-file-word -o custom">
< i class ="fa fa-file-zip-o custom">
< i class ="fa fa-film custom">
< i class ="fa fa-filter custom"> ;
< i class ="fa fa-fire custom">
< i class ="fa fa-fire-extinguisher custom">
< i class ="fa fa-flag custom">
< i class ="fa fa-flag-checkered custom">
< i class ="fa fa-flag-o custom" >
< i class ="fa fa-flash custom">
< i class ="fa fa-flask custom">
< i class ="fa fa-flask custom">
< i class ="fa fa-folde r custom">
< i class ="fa fa-folder -o custom">
< i class ="fa fa-folder-打开自定义">
< i class ="fa fa-folder-open-o custom">
< i class = "fa fa-frown -o custom">
< i class ="fa fa-volume-off custom">
< i class ="fa fa-gamepad custom">
< i class ="fa fa-gavel custom">
< i class ="fa fa-gear custom">
< i class ="fa fa-gears custom">
< i class ="fa fa -gift custom">
< i class ="fa fa-glass custom">
< i class ="fa fa-globe custom">
< i class ="fa fa-graduation-cap custom">
< i class ="fa fa-group custom">
< i class ="fa fa-hand-grab-o custom">
< i class ="fa fa-hand-lizard- o自定义">
< i class ="fa fa-hand-paper-o custom">
< i class ="fa fa-hand-peace-o custom">
< i class ="fa fa-hand-pointer-o custom">
< ; i class ="fa fa-hand-rock-o custom">
< i class ="fa fa-hand-scissors-o custom">
< i class ="fa fa-hand-spock -o custom">
< i class ="fa fa-hand-paper- o自定义">
< i class ="fa fa-hdd -o custom">
< i class ="fa fa-headphones custom">
< i class ="fa fa-heart custom">
< i class ="fa fa-heart-o custom ">
< i class ="fa fa-heartbeat custom">
< i class ="fa fa-hist ory custom">
< i class ="fa fa-home custom">
< i class ="fa fa-hotel custom">< ;/i>
< i class ="fa fa-hourglass custom">
< i class ="fa fa-hourglass-start custom">
< i class ="fa fa-hourglass-half custom">
< i class ="fa fa-hourglass-end custom">
< i class ="fa fa-i-cursor custom">< ;/i>
< i class ="fa fa-image custom">
< i class ="fa fa-inbox custom">
< i class ="fa fa-industry custom">
< i class ="fa fa-info custom">
< i class ="fa fa-info-circle custom">
< i class ="fa fa-institution custom">
< i class = "fa fa-key custom">
< i class ="fa fa-keyboard-o custom">
< i class ="fa fa-language custom">
< i class ="fa fa-laptop custom">
< i class ="fa fa-leaf custom">
< i class ="fa fa-legal custom">
< i class ="fa fa-lemon -o custom">
< i class ="fa fa-level-down custom">
< i class ="fa f a-level-up custom">
< i class ="fa fa-life-bouy custom">
< i class = "fa fa-life-ring custom">
< i class ="fa fa-life-saver custom">
< i class ="fa fa-lightbulb -o custom">
< i class ="fa fa-line-chart custom">
< ; i class ="fa fa-location-arrow custom">
< i class ="fa fa-lock cust om">
< i class ="fa fa-magic custom">