请登录后访问此向导。立即登录
SVG图标

内容:常用的SVG图标
方法:复制代码
出处https://fontawesome.com/v5.15/icons

示例:默认带颜色:
<i class="fas fa-alien-monster" style='color:#2685E5'></i>


示例:30px尺寸:
<i class="fas fa-alien-monster" style='font-size:30px'></i>


示例:30px尺寸+颜色:
<i class="fas fa-alien-monster" style='font-size:30px;color:#2685E5'></i>



<button type="button" class="btn btn-primary">
<i class="fas fa-magic" style='color:#FFF'></i>  <a href="#" target="_blank"><font color=#FFF>AAA</font></a>
</button>

图标一般有多种风格,以常用的下载图标示例:
实心:<i class="fas fa-download"></i>
粗体:<i class="far fa-download"></i>
细体:<i class="fal fa-download"></i>
浅色:<i class="fad fa-download"></i>


<i class="fas fa-address-card"></i>

<i class="fas fa-cog"></i>

<i class="fas fa-air-freshener"></i>

<i class="fas fa-alarm-clock"></i>

<i class="fas fa-alicorn"></i>

<i class="fas fa-alien"></i>

<i class="fas fa-alien-monster"></i>

<i class="fas fa-align-center"></i>

<i class="fas fa-align-justify"></i>

<i class="fas fa-align-left"></i>

<i class="fab fa-amilia"></i>

<i class="fas fa-anchor"></i>

<i class="fas fa-angel"></i>

<i class="fas fa-angle-double-down"></i>

<i class="fas fa-angle-double-left"></i>

<i class="fas fa-angle-double-right"></i>

<i class="fas fa-angle-double-up"></i>

<i class="fas fa-arrow-alt-circle-down"></i>

<i class="fas fa-arrow-alt-circle-left"></i>

<i class="fas fa-arrow-alt-circle-right"></i>

<i class="fas fa-arrow-alt-circle-up"></i>

<i class="fas fa-arrow-alt-down"></i>

<i class="fas fa-arrow-alt-up"></i>

<i class="fas fa-arrow-alt-from-bottom"></i>

<i class="fas fa-arrow-alt-from-top"></i>

<i class="fas fa-arrow-alt-from-right"></i>

<i class="fas fa-arrow-alt-from-left"></i>

<i class="fas fa-arrow-alt-square-up"></i>

<i class="fas fa-arrow-alt-square-down"></i>

<i class="fas fa-arrow-alt-square-left"></i>

<i class="fas fa-arrow-alt-square-right"></i>

<i class="fas fa-arrow-left"></i>

<i class="fas fa-arrow-right"></i>

<i class="fas fa-arrow-up"></i>

<i class="fas fa-arrow-down"></i>

<i class="fas fa-asterisk"></i>

<i class="fas fa-at"></i>

<i class="fas fa-atlas"></i>

<i class="fas fa-audio-description"></i>

<i class="fas fa-award"></i>

<i class="fas fa-backspace"></i>

<i class="fas fa-ban"></i>

<i class="fas fa-bars"></i>

<i class="fas fa-basketball-ball"></i>

<i class="fas fa-bat"></i>

<i class="fas fa-bell"></i>

<i class="fas fa-biking"></i>

<i class="fas fa-bolt"></i>

<i class="fas fa-bomb"></i>

<i class="fas fa-bong"></i>

<i class="fas fa-book-dead"></i>

<i class="fas fa-book-open"></i>

<i class="fas fa-book-reader"></i>

<i class="fas fa-border-all"></i>

<i class="fas fa-box-open"></i>

<i class="fas fa-box-up"></i>

<i class="fas fa-boxes"></i>

<i class="fas fa-brackets"></i>

<i class="fas fa-brackets-curly"></i>

<i class="fas fa-briefcase"></i>

<i class="fas fa-bring-forward"></i>

<i class="fas fa-browser"></i>

<i class="fas fa-bug"></i>

<i class="fas fa-bullhorn"></i>

<i class="fas fa-bullseye"></i>

<i class="fas fa-bullseye-arrow"></i>

<i class="fas fa-burger-soda"></i>

<i class="fas fa-burn"></i>

<i class="fas fa-cactus"></i>

<i class="fas fa-camera"></i>

<i class="fas fa-camcorder"></i>

<i class="fas fa-campfire"></i>

<i class="fas fa-car"></i>

<i class="fas fa-caret-circle-right"></i>

<i class="fas fa-cat"></i>

<i class="fas fa-cat-space"></i>

<i class="fas fa-cauldron"></i>

<i class="fas fa-chalkboard"></i>

<i class="fas fa-check-circle"></i>

<i class="far fa-check-circle"></i>

<i class="fas fa-check"></i>

<i class="fas fa-check-square"></i>

<i class="far fa-check-square"></i>

<i class="fas fa-chess-knight"></i>

<i class="fas fa-chess-rook"></i>

<i class="fad fa-chevron-double-down"></i>

<i class="fad fa-chevron-double-up"></i>

<i class="fad fa-chevron-double-left"></i>

<i class="fad fa-chevron-double-right"></i>

<i class="fas fa-child"></i>

<i class="far fa-child"></i>

<i class="far fa-circle"></i>

<i class="fas fa-circle"></i>

<i class="fas fa-clipboard-check"></i>

<i class="fas fa-clock"></i>

<i class="far fa-clock"></i>

<i class="fas fa-clone"></i>

<i class="far fa-clone"></i>

<i class="fas fa-cloud"></i>

<i class="far fa-cloud"></i>

<i class="fas fa-cloud-download-alt"></i>

<i class="far fa-cloud-download-alt"></i>

<i class="fas fa-cloud-upload-alt"></i>

<i class="far fa-cloud-upload-alt"></i>

<i class="fas fa-code"></i>

<i class="far fa-code"></i>

<i class="fas fa-code-branch"></i>

<i class="fas fa-cog"></i>

<i class="fal fa-cog"></i>

<i class="fas fa-comment-alt-dots"></i>

<i class="far fa-comment-alt-dots"></i>

<i class="fas fa-comment-alt-smile"></i>

<i class="far fa-comment-alt-smile"></i>

<i class="fal fa-comment-alt-smile"></i>

<i class="fad fa-comment-alt-smile"></i>

<i class="fas fa-copy"></i>

<i class="far fa-copy"></i>

<i class="fal fa-copy"></i>

<i class="fas fa-crosshairs"></i>

<i class="fas fa-crow"></i>

<i class="fas fa-cubes"></i>

<i class="fas fa-cut"></i>

<i class="fas fa-deer"></i>

<i class="fas fa-desktop"></i>

<i class="fas fa-dewpoint"></i>

<i class="fab fa-diaspora"></i>

<i class="fas fa-digging"></i>

<i class="fas fa-dog"></i>

<i class="fas fa-dot-circle"></i>

<i class="fas fa-dove"></i>

<i class="fal fa-paste"></i>

<i class="fas fa-download"></i>

<i class="fas fa-duck"></i>

<i class="fab fa-earlybirds"></i>

<i class="fab fa-drupal"></i>

<i class="fab fa-edge-legacy"></i>

<i class="fas fa-edit"></i>

<i class="fas fa-elephant"></i>

<i class="fas fa-ellipsis-h"></i>

<i class="fas fa-ellipsis-v"></i>

<i class="fas fa-envelope"></i>

<i class="fas fa-equals"></i>

<i class="fab fa-envira"></i>

<i class="fas fa-eraser"></i>

<i class="fas fa-exclamation"></i>

<i class="fas fa-exchange-alt"></i>

<i class="fas fa-exclamation-circle"></i>

<i class="fas fa-exclamation-square"></i>

<i class="fas fa-exclamation-triangle"></i>

<i class="fas fa-expand"></i>

<i class="fas fa-external-link-alt"></i>

<i class="fas fa-external-link-square-alt"></i>

<i class="fas fa-eye"></i>

<i class="fas fa-eye-dropper"></i>

<i class="fas fa-fan"></i>

<i class="fas fa-feather"></i>

<i class="fas fa-feather-alt"></i>

<i class="fas fa-file"></i>

<i class="fas fa-file-alt"></i>

<i class="fal fa-file-import"></i>

<i class="fas fa-file-search"></i>

<i class="fas fa-fill"></i>

<i class="fas fa-fire"></i>

<i class="fas fa-fire-alt"></i>

<i class="fas fa-fish"></i>

<i class="far fa-fish-cooked"></i>

<i class="far fa-flag"></i>

<i class="fas fa-flame"></i>

<i class="fas fa-flask"></i>

<i class="fas fa-flask-poison"></i>

<i class="fas fa-flower-daffodil"></i>

<i class="fas fa-flushed"></i>

<i class="far fa-folder"></i>

<i class="fas fa-folder-open"></i>

<i class="far fa-folder-open"></i>

<i class="fal fa-folder-open"></i>

<i class="fad fa-folder-open"></i>

<i class="fas fa-folder-plus"></i>

<i class="fad fa-folder-tree"></i>

<i class="fas fa-font"></i>

<i class="fas fa-font-case"></i>

<i class="fab fa-fort-awesome"></i>

<i class="fab fa-fort-awesome-alt"></i>

<i class="fas fa-frog"></i>

<i class="far fa-frown"></i>

<i class="far fa-frown-open"></i>

<i class="fab fa-google"></i>

<i class="fab fa-gratipay"></i>

<i class="fas fa-grin"></i>

<i class="far fa-grin-alt"></i>

<i class="far fa-grin-beam-sweat"></i>

<i class="far fa-grin-tongue"></i>

<i class="far fa-gamepad-alt"></i>

<i class="fas fa-gas-pump"></i>

<i class="far fa-gem"></i>

<i class="fas fa-genderless"></i>

<i class="fas fa-ghost"></i>

<i class="fas fa-gift"></i>

<i class="fab fa-github"></i>

<i class="fas fa-glasses"></i>

<i class="far fa-glasses-alt"></i>

<i class="fas fa-globe"></i>

<i class="fal fa-globe"></i>

<i class="fas fa-globe-americas"></i>

<i class="far fa-grin-tears"></i>

<i class="far fa-grin-tongue-squint"></i>

<i class="far fa-hand-point-left"></i>

<i class="far fa-hand-point-right"></i>

<i class="far fa-hand-point-up"></i>

<i class="far fa-hand-point-down"></i>

<i class="fas fa-hashtag"></i>

<i class="fas fa-head-side-cough"></i>

<i class="fas fa-headphones"></i>

<i class="fas fa-heart"></i>

<i class="far fa-heart"></i>

<i class="fas fa-heart-square"></i>

<i class="fas fa-history"></i>

<i class="fas fa-home"></i>

<i class="fas fa-home-alt"></i>

<i class="fas fa-home-lg"></i>

<i class="fas fa-horse"></i>

<i class="fab fa-hotjar"></i>

<i class="fas fa-house-user"></i>

<i class="fas fa-image"></i>

<i class="far fa-image"></i>

<i class="fal fa-image"></i>

<i class="fad fa-image"></i>

<i class="fas fa-image-polaroid"></i>

<i class="far fa-image-polaroid"></i>

<i class="fal fa-image-polaroid"></i>

<i class="fad fa-image-polaroid"></i>

<i class="fas fa-images"></i>

<i class="far fa-images"></i>

<i class="fal fa-images"></i>

<i class="fad fa-images"></i>

<i class="fas fa-inbox-in"></i>

<i class="fas fa-inbox-out"></i>

<i class="fas fa-infinity"></i>

<i class="fas fa-info"></i>

<i class="fas fa-info-circle"></i>

<i class="fas fa-info-square"></i>

<i class="fab fa-internet-explorer"></i>

<i class="fab fa-itunes-note"></i>

<i class="fas fa-key"></i>

<i class="fas fa-khanda"></i>

<i class="far fa-kiss-beam"></i>

<i class="far fa-kiss-wink-heart"></i>

<i class="fas fa-kiwi-bird"></i>

<i class="fas fa-lamp-desk"></i>

<i class="fas fa-language"></i>

<i class="fas fa-laptop"></i>

<i class="fas fa-laptop-code"></i>

<i class="fal fa-laugh-beam"></i>

<i class="fal fa-layer-group"></i>

<i class="fas fa-leaf"></i>

<i class="fas fa-lightbulb"></i>

<i class="fas fa-lightbulb-on"></i>

<i class="fas fa-link"></i>

<i class="fas fa-lips"></i>

<i class="fas fa-list-alt"></i>

<i class="fas fa-list"></i>

<i class="fas fa-list-ul"></i>

<i class="fas fa-location"></i>

<i class="fas fa-lock"></i>

<i class="far fa-lock-open"></i>

<i class="far fa-low-vision"></i>

<i class="fas fa-magic"></i>

<i class="fab fa-mailchimp"></i>

<i class="fas fa-map-marker-alt"></i>

<i class="fas fa-map-pin"></i>

<i class="fas fa-map-signs"></i>

<i class="fas fa-mask"></i>

<i class="fas fa-medal"></i>

<i class="fas fa-microphone"></i>

<i class="fab fa-microsoft"></i>

<i class="fas fa-minus-circle"></i>

<i class="fas fa-minus-square"></i>

<i class="fas fa-moon"></i>

<i class="fas fa-monkey"></i>

<i class="fas fa-mouse"></i>

<i class="fal fa-mouse"></i>

<i class="fas fa-mouse-pointer"></i>

<i class="fal fa-mouse-pointer"></i>

<i class="fal fa-mug-hot"></i>

<i class="fas fa-music"></i>

<i class="fab fa-napster"></i>

<i class="fab fa-odnoklassniki"></i>

<i class="fab fa-odnoklassniki-square"></i>

<i class="fab fa-pagelines"></i>

<i class="fal fa-page-break"></i>

<i class="fas fa-palette"></i>

<i class="fas fa-paper-plane"></i>

<i class="fas fa-passport"></i>

<i class="fas fa-pause"></i>

<i class="fas fa-pause-circle"></i>

<i class="fas fa-paw"></i>

<i class="fas fa-pegasus"></i>

<i class="fas fa-pen-nib"></i>

<i class="fas fa-pen-square"></i>

<i class="fal fa-pen-square"></i>

<i class="fas fa-planet-moon"></i>

<i class="far fa-plus-circle"></i>

<i class="fas fa-plus-square"></i>

<i class="fas fa-poo"></i>

<i class="fas fa-power-off"></i>

<i class="fas fa-question"></i>

<i class="fas fa-question-circle"></i>

<i class="far fa-question-circle"></i>

<i class="fal fa-question-circle"></i>

<i class="fas fa-quran"></i>

<i class="fal fa-rabbit-fast"></i>

<i class="fas fa-random"></i>

<i class="fas fa-redo"></i>

<i class="far fa-repeat"></i>

<i class="fas fa-reply"></i>

<i class="fas fa-reply-all"></i>

<i class="fas fa-rocket-launch"></i>

<i class="fal fa-rocket-launch"></i>

<i class="fas fa-rss-square"></i>

<i class="fal fa-running"></i>

<i class="fas fa-search"></i>

<i class="fal fa-search"></i>

<i class="fas fa-share-alt"></i>

<i class="fas fa-share-alt-square"></i>

<i class="fas fa-share-square"></i>

<i class="fas fa-shield-alt"></i>

<i class="fas fa-shield-check"></i>

<i class="fas fa-sign-in"></i>

<i class="fal fa-sign-in-alt"></i>

<i class="fas fa-signal-stream"></i>

<i class="fas fa-skull"></i>

<i class="fas fa-skull-crossbones"></i>

<i class="fas fa-spell-check"></i>

<i class="fas fa-spider"></i>

<i class="fas fa-star"></i>

<i class="fal fa-star"></i>

<i class="fal fa-star-of-david"></i>

<i class="fab fa-studiovinari"></i>

<i class="fab fa-suse"></i>

<i class="fas fa-sync-alt"></i>

<i class="fas fa-tag"></i>

<i class="fas fa-text-height"></i>

<i class="fas fa-thumbs-up"></i>

<i class="far fa-thumbs-up"></i>

<i class="fal fa-thumbs-up"></i>

<i class="fad fa-thumbs-up"></i>

<i class="fas fa-times"></i>

<i class="far fa-times-circle"></i>

<i class="fal fa-times-square"></i>

<i class="fas fa-tools"></i>

<i class="fal fa-tools"></i>

<i class="fas fa-torii-gate"></i>

<i class="fal fa-trash-alt"></i>

<i class="fas fa-trees"></i>

<i class="fas fa-tshirt"></i>

<i class="fas fa-turtle"></i>

<i class="fab fa-twitch"></i>

<i class="fas fa-ufo"></i>

<i class="fas fa-ufo-beam"></i>

<i class="fas fa-undo-alt"></i>

<i class="fas fa-unlock-alt"></i>

<i class="fas fa-user"></i>

<i class="fas fa-user-astronaut"></i>

<i class="fas fa-user-circle"></i>

<i class="fas fa-user-friends"></i>

<i class="fas fa-user-secret"></i>

<i class="fas fa-users"></i>

<i class="fas fa-video"></i>

<i class="fal fa-volcano"></i>

<i class="fal fa-volume-up"></i>

<i class="fab fa-waze"></i>

<i class="fal fa-window-restore"></i>

<i class="fab fa-windows"></i>

<i class="fas fa-wrench"></i>