开云体育图标库 - kaiyun

开云体育图标库

玩转我们的图标！

第一步：下载“字体”和CSS文件，并将它们放到你网站的CSS文件夹里。
第二步：在你的网站源代码的`<head>`部分引入CSS链接。 <head> ... <link rel="stylesheet" type="text/css" href="你的网站域名/css根目录/flaticon.css"> ... </head>
第三步：在你的HTML元素中添加图标class，比如 <i class="flaticon-cheers"></i> 或者 <span class="flaticon-whistle"></span>，让你的内容活起来！

.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-strategy"></i>

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

微信：kaiyun_914