跳转到内容

模板:Fa/doc

勤求古训,博采众方
鹿野耕云留言 | 贡献2025年11月27日 (四) 09:16的版本

本模版可以生成一个FontAwesome符号库中的符号。

请在参数1中填写所需的符号标识。

符号标识可以前往Font Awesome官网查询。

使用方法

在参数1中填写标识即可。

  • 设置
  • 邮箱
  • 历史
  • 警告
  • 选择
*{{fa|cog}}设置
*{{fa|envelope}}邮箱
*{{fa|history}}历史
*{{fa|warning}}警告
*{{fa|check-square}}选择

生成的符号是inline-block对象,颜色和大小与当前区域的文字一致。除了<nowiki>标签之外,你可以像处理文字一样处理这些符号。

为了美观,建议在该模板和文字之间增加一个空格。

你甚至可以将本模板插入链接的显示文本中。

例:请阅读 Font Awesome快速引用模板文档

请阅读[[模板:fa/doc|{{fa|flag}} Font Awesome快速引用模板文档]]

样式

默认使用 fa 样式。

在图标名后的任何位置加入s、r、b参数,将对应使用 fas、far、fab 样式(即 Solid、Regular、Brands 样式)。


在图标名后的任何位置加入没有参数名的参数,将视为类(class)。

这种参数只能存在一个。如果你需要使用多个类,请写在同一个参数中,并使用空格分隔。


此外,还有如下可选参数(不能省略参数名):

|rotate=图标旋转的角度(限制填写90、180、270)

|color=图标的颜色

|size=图标的尺寸

|style=图标的其他CSS样式(不要使用引号)

范例

{{fa|qrcode}}

{{fa|qq|b|size=36px|color=skyblue}}

{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}

图标动画

使用classfa-spin可以使任何图标执行旋转动画,使用classfa-pulse可以使图标以8步为周期进行旋转。可以完美执行旋转动画的图标有:fa-spinnerfa-refreshfa-cog

{{fa|spinner|fa-spin}}
{{fa|circle-o-notch|fa-spin}}
{{fa|refresh|fa-spin}}
{{fa|cog|fa-spin}}
{{fa|spinner|fa-pulse}}

{{fa|spinner|color=#666600|fa-3x fa-spin}}

常用图标


anchor

archive

asterisk

at

ban

bell

binoculars

bolt

book

bookmark

box

bug

bullhorn

burn

certificate

chart-pie

check

chess-king

chess-knight

chess-queen

code

code-branch

coffee

comment

compress

crosshairs

desktop

door-open

dove

edit

eject

exclamation

exclamation-triangle

eye

feather

fighter-jet

filter

flag

flag-checkered

font

gamepad

gem

gift

glasses

graduation-cap

hashtag

heart

h-square

inbox

infinity

info

key

lightbulb

link

location-arrow

magic

map-marker-alt

map-signs

meh

moon

palette

play

poo

quote-left

robot

search

share-alt

shield-alt

shopping-cart

skull

star

stopwatch

subway

sun

tag

thumbs-down

thumbs-up

thumbtack

trophy

user-secret

wrench


参数列表

  • glass
  • music
  • search
  • envelope-o
  • heart
  • star
  • star-o
  • user
  • film
  • th-large
  • th
  • th-list
  • check
  • close
  • search-plus
  • search-minus
  • power-off
  • signal
  • gear
  • gears
  • trash-o
  • home
  • file-o
  • clock-o
  • road
  • download
  • arrow-circle-o-down
  • arrow-circle-o-up
  • inbox
  • play-circle-o
  • rotate-right
  • repeat
  • refresh
  • list-alt
  • lock
  • flag
  • headphones
  • volume-off
  • volume-down
  • volume-up
  • qrcode
  • barcode
  • tag
  • tags
  • book
  • bookmark
  • print
  • camera
  • font
  • bold
  • italic
  • text-height
  • text-width
  • align-left
  • align-center
  • align-right
  • align-justify
  • list
  • outdent
  • indent
  • video-camera
  • photo
  • image
  • picture-o
  • pencil
  • map-marker
  • adjust
  • tint
  • edit
  • pencil-square-o
  • share-square-o
  • check-square-o
  • arrows
  • step-backward
  • fast-backward
  • backward
  • play
  • pause
  • stop
  • forward
  • fast-forward
  • step-forward
  • eject
  • chevron-left
  • chevron-right
  • plus-circle
  • minus-circle
  • times-circle
  • check-circle
  • question-circle
  • info-circle
  • crosshairs
  • times-circle-o
  • check-circle-o
  • ban
  • arrow-left
  • arrow-right
  • arrow-up
  • arrow-down
  • mail-forward
  • share
  • expand
  • compress
  • plus
  • minus
  • asterisk
  • exclamation-circle
  • gift
  • leaf
  • fire
  • eye
  • eye-slash
  • warning
  • exclamation-triangle
  • plane
  • calendar
  • random
  • comment
  • magnet
  • chevron-up
  • chevron-down
  • retweet
  • shopping-cart
  • folder
  • folder-open
  • arrows-v
  • arrows-h
  • bar-chart-o
  • bar-chart
  • twitter-square
  • facebook-square
  • camera-retro
  • key
  • comments
  • thumbs-o-up
  • thumbs-o-down
  • star-half
  • heart-o
  • sign-out
  • linkedin-square
  • thumb-tack
  • external-link
  • sign-in
  • trophy
  • github-square
  • upload
  • lemon-o
  • phone
  • square-o
  • bookmark-o
  • phone-square
  • twitter
  • facebook-f
  • github
  • unlock
  • credit-card
  • feed
  • rss
  • hdd-o
  • bullhorn
  • bell
  • certificate
  • hand-o-right
  • hand-o-left
  • hand-o-up
  • hand-o-down
  • arrow-circle-left
  • arrow-circle-right
  • arrow-circle-up
  • arrow-circle-down
  • globe
  • wrench
  • tasks
  • filter
  • briefcase
  • arrows-alt
  • group
  • users
  • chain
  • link
  • cloud
  • flask
  • cut
  • scissors
  • copy
  • files-o
  • paperclip
  • save
  • floppy-o
  • square
  • bars
  • list-ul
  • list-ol
  • strikethrough
  • underline
  • table
  • magic
  • truck
  • pinterest
  • pinterest-square
  • google-plus-square
  • google-plus
  • money
  • caret-down
  • caret-up
  • caret-left
  • caret-right
  • columns
  • sort
  • sort-down
  • sort-up
  • envelope
  • linkedin
  • rotate-left
  • undo
  • legal
  • gavel
  • dashboard
  • tachometer
  • comment-o
  • comments-o
  • bolt
  • sitemap
  • umbrella
  • clipboard
  • lightbulb-o
  • exchange
  • cloud-download
  • cloud-upload
  • user-md
  • stethoscope
  • suitcase
  • bell-o
  • coffee
  • cutlery
  • file-text-o
  • building-o
  • hospital-o
  • ambulance
  • medkit
  • fighter-jet
  • beer
  • h-square
  • plus-square
  • angle-double-left
  • angle-double-right
  • angle-double-up
  • angle-double-down
  • angle-left
  • angle-right
  • angle-up
  • angle-down
  • desktop
  • laptop
  • tablet
  • mobile
  • circle-o
  • quote-left
  • quote-right
  • spinner
  • circle
  • mail-reply
  • reply
  • github-alt
  • folder-o
  • folder-open-o
  • smile-o
  • frown-o
  • meh-o
  • gamepad
  • keyboard-o
  • flag-o
  • flag-checkered
  • terminal
  • code
  • mail-reply-all
  • reply-all
  • star-half-o
  • location-arrow
  • crop
  • code-fork
  • unlink
  • chain-broken
  • question
  • info
  • exclamation
  • superscript
  • subscript
  • eraser
  • puzzle-piece
  • microphone
  • microphone-slash
  • shield
  • calendar-o
  • fire-extinguisher
  • rocket
  • maxcdn
  • chevron-circle-left
  • chevron-circle-right
  • chevron-circle-up
  • chevron-circle-down
  • html5
  • css3
  • anchor
  • unlock-alt
  • bullseye
  • ellipsis-h
  • ellipsis-v
  • rss-square
  • play-circle
  • ticket
  • minus-square
  • minus-square-o
  • level-up
  • level-down
  • check-square
  • pencil-square
  • external-link-square
  • share-square
  • compass
  • toggle-down
  • caret-square-o-down
  • toggle-up
  • caret-square-o-up
  • toggle-right
  • caret-square-o-right
  • eur
  • gbp
  • usd
  • inr
  • cny
  • jpy
  • rub
  • krw
  • btc
  • file
  • file-text
  • sort-alpha-asc
  • sort-alpha-desc
  • sort-amount-asc
  • sort-amount-desc
  • sort-numeric-asc
  • sort-numeric-desc
  • thumbs-up
  • thumbs-down
  • youtube-square
  • youtube
  • xing
  • xing-square
  • youtube-play
  • dropbox
  • stack-overflow
  • instagram
  • flickr
  • adn
  • bitbucket
  • bitbucket-square
  • tumblr
  • tumblr-square
  • long-arrow-down
  • long-arrow-up
  • long-arrow-left
  • long-arrow-right
  • apple
  • windows
  • android
  • linux
  • dribbble
  • skype
  • foursquare
  • trello
  • female
  • male
  • gratipay
  • sun-o
  • moon-o
  • archive
  • bug
  • vk
  • weibo
  • pagelines
  • stack-exchange
  • arrow-circle-o-right
  • arrow-circle-o-left
  • toggle-left
  • caret-square-o-left
  • dot-circle-o
  • wheelchair
  • vimeo-square
  • try
  • plus-square-o
  • space-shuttle
  • slack
  • envelope-square
  • wordpress
  • openid
  • institution
  • bank
  • university
  • mortar-board
  • graduation-cap
  • yahoo
  • google
  • reddit
  • reddit-square
  • stumbleupon-circle
  • stumbleupon
  • delicious
  • digg
  • pied-piper-pp
  • pied-piper-alt
  • drupal
  • joomla
  • language
  • fax
  • building
  • child
  • paw
  • spoon
  • cube
  • cubes
  • behance
  • behance-square
  • steam
  • steam-square
  • recycle
  • car
  • taxi
  • tree
  • spotify
  • deviantart
  • soundcloud
  • database
  • file-pdf-o
  • file-word-o
  • file-excel-o
  • file-powerpoint-o
  • file-image-o
  • file-zip-o
  • file-audio-o
  • file-video-o
  • file-code-o
  • vine
  • codepen
  • jsfiddle
  • life-ring
  • circle-o-notch
  • rebel
  • empire
  • git-square
  • git
  • hacker-news
  • tencent-weibo
  • qq
  • wechat
  • paper-plane
  • paper-plane-o
  • history
  • circle-thin
  • header
  • paragraph
  • sliders
  • share-alt
  • share-alt-square
  • bomb
  • futbol-o
  • tty
  • binoculars