友博体育图标库

圖標展示

如何使用

1. 將 "Fonts" 資料夾內的圖標檔案和 CSS 樣式表複製到你網站的 CSS 目錄下。
2. 在你網頁的 `<head>` 區段加入 CSS 連結，讓圖標能正確顯示。 <head> ... <link rel="stylesheet" type="text/css" href="你的網站網域/css_root/flaticon.css"> ... </head>
3. 在你的 HTML 中，於需要顯示圖標的元素上加入對應的 class，例如：<i class="flaticon-trophy"></i> 或 <span class="flaticon-stadium"></span>。

.flaticon-magnifying-glass

作者： Gregor Cresnar

.flaticon-profile

作者： Lucy G

.flaticon-bag

作者： Gregor Cresnar

.flaticon-right-arrow

作者： Lyolya

.flaticon-left-arrow

作者： Lyolya

.flaticon-right-arrow-1

作者： Lucy G

.flaticon-left-arrow-1

作者： Lucy G

.flaticon-mail

作者： Freepik

.flaticon-flame

作者： Freepik

.flaticon-clock

作者： Lyolya

.flaticon-comment

作者： Freepik

.flaticon-chat

作者： Bryn Taylor

.flaticon-heart

作者： Gregor Cresnar

.flaticon-valentines-heart

作者： Freepik

.flaticon-filter

作者： Freepik

.flaticon-loading

作者： Minh Hoang

.flaticon-checked

作者： Freepik

.flaticon-tick

作者： Freepik

.flaticon-close

作者： Cole Bemis

.flaticon-circular-check-button

作者： Bryn Taylor

.flaticon-check

作者： Freepik

.flaticon-play-button

作者： Freepik

.flaticon-360-degrees

作者： Metropolicons

.flaticon-login

作者： Freepik

.flaticon-menu

作者： Google

.flaticon-menu-1

作者： Freepik

.flaticon-placeholder

作者： Freepik

.flaticon-metre

作者： Vitaly Gorbachev

.flaticon-share

作者： Gregor Cresnar

.flaticon-shuffle

作者： Gregor Cresnar

.flaticon-running

作者： Smashicons

.flaticon-recycle

作者： Icongeek26

.flaticon-instagram

作者： Freepik

.flaticon-delivery-truck

作者： Good Ware

.flaticon-closed-lock

作者： Elegant Themes

.flaticon-support

作者： Becris

.flaticon-diamond

作者： Freepik

.flaticon-high-heels

作者： Freepik

.flaticon-shirt

作者： Freepik

.flaticon-dress

作者： Freepik

.flaticon-shirt-1

作者： Freepik

.flaticon-glasses

作者： Kiranshastry

.flaticon-shopping-bag

作者： Freepik

.flaticon-trousers

作者： Darius Dan

.flaticon-user

作者： Freepik

.flaticon-magnifying-glass-1

作者： Vectors Market

.flaticon-shopping-bag-1

作者： Alexey Tretina

.flaticon-envelope

作者： Gregor Cresnar

.flaticon-instagram-1

作者： Freepik

.flaticon-rocket-ship

作者： Freepik

.flaticon-refresh

作者： Becris

.flaticon-return

作者： Smartline

.flaticon-padlock

作者： Freepik

版權聲明

由友博體育提供

授權使用說明

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="048-envelope" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="007-left-arrow-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="010-clock" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="053-padlock" href="http://www.freepik.com">Freepik</a>, <a data-file="020-circular-check-button" href="https://www.flaticon.com/authors/bryn-taylor">Bryn Taylor</a>, <a data-file="016-loading" href="https://www.flaticon.com/authors/minh-hoang">Minh Hoang</a>, <a data-file="019-close" href="https://www.flaticon.com/authors/cole-bemis">Cole Bemis</a>, <a data-file="023-degrees" href="https://www.flaticon.com/authors/metropolicons">Metropolicons</a>, <a data-file="025-menu" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="028-metre" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="031-running" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="032-recycle" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="034-delivery-truck" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="035-closed-lock" href="https://www.flaticon.com/authors/elegant-themes">Elegant Themes</a>, <a data-file="051-refresh" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="044-trousers" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="042-glasses" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="046-magnifying-glass-1" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="047-shopping-bag-1" href="https://www.flaticon.com/authors/alexey-tretina">Alexey Tretina</a>, <a data-file="052-return" href="https://www.flaticon.com/authors/smartline">Smartline</a></p>

實際應用範例

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

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

<i class="flaticon-shopping-cart"></i>

<i class="flaticon-arrow-right"></i>

友博体育科技有限公司简单 · 可靠 · 贴心电话：+86 151 3689 5673邮箱：[email protected]深圳市南山区科技园北区404座