星空體育圖標資源庫 - 星空体育

星空体育

使用指南

第一步：將提供的「Fonts」資料夾以及 CSS 檔案，一同複製並放置到您網站的 CSS 資源目錄中。
第二步：於您網站的 `<head>` 區塊內，加入以下 CSS 連結，確保圖標樣式能正確載入： <head> ... <link rel="stylesheet" type="text/css" href="您的網站域名/css_root/flaticon.css"> ... </head>
第三步：在您希望顯示圖標的 HTML 元素上，直接套用對應的圖標 CSS 類名即可。例如，您可以使用 `<i>` 標籤並加上 `flaticon-soccer` 類名來呈現足球圖標，或者使用 `<span>` 標籤並加上 `flaticon-basketball` 類名來顯示籃球圖標。

.flaticon-building-1

作者： xnimrodx

.flaticon-home

作者： Freepik

.flaticon-sketch

作者： Smartline

.flaticon-building

作者： smalllikeart

.flaticon-crane

作者： Freepik

.flaticon-project

作者： Freepik

.flaticon-brickwall

作者： Smashicons

.flaticon-architect

作者： Eucalyp

.flaticon-construction

作者： Eucalyp

.flaticon-customer-support

作者： monkik

.flaticon-repair-tools

作者： Freepik

.flaticon-maintenance

作者： dDara

.flaticon-construction-1

作者： srip

.flaticon-construction-2

作者： wanicon

.flaticon-house

作者： Freepik

.flaticon-house-1

作者： Nikita Golubev

.flaticon-helmet

作者： srip

.flaticon-wrench

作者： Freepik

.flaticon-beam

作者： Smashicons

.flaticon-plumber

作者： Icongeek26

.flaticon-engineer

作者： Freepik

.flaticon-hammer

作者： Freepik

.flaticon-wall

作者： Freepik

.flaticon-safety

作者： Freepik

.flaticon-sketch-1

作者： Freepik

.flaticon-construction-3

作者： Becris

.flaticon-helmet-1

作者： smalllikeart

.flaticon-bricklayer

作者： smalllikeart

.flaticon-hammer-1

作者： smalllikeart

.flaticon-painting-roller

作者： Freepik

.flaticon-forklift

作者： smalllikeart

.flaticon-ruler

作者： Freepik

.flaticon-engineer-1

作者： Good Ware

.flaticon-brush

作者： Freepik

.flaticon-shovel

作者： Freepik

.flaticon-helmet-2

作者： Freepik

.flaticon-block

作者： Freepik

.flaticon-woodland

作者： Good Ware

.flaticon-lighter

作者： Freepik

.flaticon-home-1

作者： surang

.flaticon-gear

作者： Freepik

.flaticon-excavator

作者： pongsakornRed

.flaticon-shopping-cart

作者： Freepik

.flaticon-worker

作者： Freepik

.flaticon-shopping-cart-1

作者： Kiranshastry

.flaticon-engineer-2

作者： Eucalyp

.flaticon-engineer-3

作者： DinosoftLabs

.flaticon-heart

作者： Freepik

.flaticon-floor-plan

作者： Becris

.flaticon-house-design

作者： Freepik

.flaticon-heart-1

作者： Kiranshastry

.flaticon-blueprint

作者： Freepik

.flaticon-blueprint-1

作者： smalllikeart

.flaticon-skyscraper

作者： Freepik

.flaticon-prototype

作者： ultimatearm

.flaticon-blueprint-2

作者： Freepik

.flaticon-file-organizing

作者： ultimatearm

.flaticon-graphic-tool

作者： Freepik

.flaticon-plan

作者： Freepik

.flaticon-mail

作者： Freepik

.flaticon-phone-call

作者： Creaticca Creative Agency

.flaticon-location

作者： srip

.flaticon-photography

作者： Smashicons

.flaticon-picture

作者： Freepik

.flaticon-slow-motion

作者： Smashicons

.flaticon-photography-1

作者： Smashicons

.flaticon-lens

作者： Smashicons

.flaticon-negative-film

作者： Smashicons

.flaticon-editing

作者： Smashicons

.flaticon-photographer

作者： Eucalyp

.flaticon-medal

作者： Smashicons

.flaticon-rating

作者： Freepik

.flaticon-video-camera

作者： Smashicons

.flaticon-wedding-photography

作者： Freepik

.flaticon-handbag

作者： itim2101

.flaticon-dish

作者： Smashicons

.flaticon-necklace

作者： Smashicons

.flaticon-confetti

作者： Smashicons

.flaticon-drink

作者： Smashicons

.flaticon-coffee-cup

作者： Smashicons

.flaticon-photo

作者： Smashicons

.flaticon-photography-2

作者： Smashicons

版权与使用说明

由星空体育提供。

使用条款说明：

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="074-wedding-photography" href="http://www.freepik.com">Freepik</a>, <a data-file="003-sketch" href="https://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="053-blueprint-1" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="082-photography-2" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="070-photographer" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="010-customer-support" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="012-maintenance" href="https://www.flaticon.com/authors/ddara">dDara</a>, <a data-file="062-location" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="014-construction-2" href="https://www.flaticon.com/authors/wanicon">wanicon</a>, <a data-file="016-house-1" href="https://www.flaticon.com/authors/nikita-golubev">Nikita Golubev</a>, <a data-file="020-plumber" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="049-floor-plan" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="038-woodland" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="040-home-1" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="042-excavator" href="https://www.flaticon.com/authors/pongsakornred">pongsakornRed</a>, <a data-file="051-heart-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="047-engineer-3" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="057-file-organizing" href="https://www.flaticon.com/authors/ultimatearm">ultimatearm</a>, <a data-file="061-phone-call" href="https://www.flaticon.com/authors/creaticca-creative-agency">Creaticca Creative Agency</a>, <a data-file="075-handbag" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="001-building-1" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a></p>

应用场景展示：

<i class="flaticon-stadium"></i>

<i class="flaticon-home"></i>

<i class="flaticon-trophy"></i>

<i class="flaticon-sports-equipment"></i>

邮箱：[email protected]微信：wapstarrysky_515