uigg

  • home
  • ico
  • document
  • about uigg icons

    Uigg fonts is a library free licensed font families and api for conveniently using the fonts via iconfont, img, unicode, symbol and css. We also provide delightful, beautifully crafted icons for common actions and items. Download them for use in your digital products for Android, iOS, and web.

    uigg icons list

    unfiled

    • mutual
    • rotate
    • shine
    • skeleton
    • diamond
    • stacking
    • asterism
    • asterism-empty
    • asterism-square
    • hexagonal
    • honor
    • bomb
    • naruto
    • envelop
    • parasol
    • champion
    • crown
    • phoenixcoronet
    • picturepuzzle
    • bug
    • firework
    • pile
    • carve
    • rhombus
    • rope
    • rune
    • gem-rhombus
    • gem
    • ghost
    • aids
    • gyroscope
    • separate
    • allout
    • shackles
    • sunshade
    • swastika
    • clip
    • anchoring
    • telescope
    • telescope-focus
    • cone
    • cone-tilt
    • squareflower-empty
    • squareflower
    • trampoline
    • app
    • magnet
    • crop
    • christianity
    • snowman
    • peace
    • magic
    • hook
    • isolated
    • modular
    • magnetic
    • mechanism
    • radiance
    • ripple

    arrow

    • alone-bottom
    • alone-left
    • alone-right
    • alone-top
    • alone-margin-bottom
    • alone-margin-left
    • alone-margin-right
    • alone-margin-top
    • alone-side-right
    • alone-side-bottom
    • alone-side-left
    • alone-side-top
    • alone-disperse-horizontal
    • alone-disperse-vertical
    • alone-gather-horizontal
    • alone-gather-vertical
    • alone-code
    • alone-verification
    • angle-bottom
    • angle-right
    • angle-top
    • angle-left
    • angle-side-left
    • angle-side-bottom
    • angle-side-right
    • angle-side-top
    • angle-loop
    • angle-loop-place
    • angle-loop-horizontal
    • angle-loop-vertical
    • angle-loop-reversal
    • angle-loop-only
    • angle-loop-triangle
    • angle-back
    • angle-infinite
    • angle-clash-horizontal
    • angle-clash-vertical
    • angle-free-horizontal
    • angle-free-vertical
    • angle-synchronization-left
    • angle-synchronization-right
    • angle-stagger-horizontal
    • angle-stagger-vertical
    • angle-random
    • angle-compromise
    • angle-intersect
    • angle-disperse
    • angle-gather
    • angle-enlarge
    • angle-narrow
    • angle-in
    • angle-out
    • angle-separate
    • angle-merge
    • angle-upstream
    • angle-downstream
    • angle-devicerotate
    • angle-devicerotate-disable
    • arrow-bottom
    • arrow-left
    • arrow-right
    • arrow-top
    • arrow-in
    • arrow-out
    • arrow-forward-left
    • arrow-forward-right
    • arrow-return
    • arrow-redo
    • arrow-download
    • arrow-upload
    • arrow-zoom-left
    • arrow-zoom-right
    • arrow-enter
    • direction-bottom
    • direction-left
    • direction-right
    • direction-top
    • direction-left-bottom
    • direction-right-bottom
    • direction-right-top
    • direction-left-top
    • vertex-left-buttom
    • vertex-left-top
    • vertex-right-bottom
    • vertex-right-top
    • return-bottom
    • return-left
    • return-right
    • return-top
    • drop-down
    • drop-up
    • drop-horizontal
    • drop-vertical

    brand

    • mixice
    • uigg
    • mssay
    • cen
    • mix
    • icox
    • alipan
    • baidupan
    • creativecloud
    • tencentcloud
    • weiyun
    • aliyun
    • android
    • microsoft
    • ios
    • baidu
    • google
    • douban
    • xiaomi
    • steam
    • wegame
    • xunlei
    • neteasemusic
    • qqmusic
    • kugou
    • github
    • gitee
    • taobao
    • tmall
    • jd
    • amazon
    • qq
    • tim
    • wechat
    • weibo
    • douyin
    • kuaishou
    • skype
    • telegram
    • twitter
    • facebook
    • instagram
    • chrome
    • firefox
    • edge
    • safari
    • ie
    • enterprise
    • digg
    • macdonald
    • meituan
    • medium
    • behance
    • messager

    build

    • home
    • home-full
    • home-empty
    • home-attic
    • home-stilted
    • nest
    • praetorium
    • hotel
    • Industry
    • office
    • shop
    • villa
    • bank
    • barn
    • church
    • edifice
    • factory
    • gothic

    china

    • decoration
    • decoration-frame
    • decoration-right-top
    • decoration-left-top
    • decoration-right-bottom
    • decoration-left-bottom
    • decoration-rhombus
    • decoration-scattered
    • decoration-stack
    • decoration-flower
    • decoration-ring
    • knot
    • lantern
    • scale
    • taiji
    • dragon
    • copper
    • totem

    circular

    • circular
    • circular-fillet
    • circular-arrow-right
    • circular-arrow-left
    • circular-arrow-down
    • circular-arrow-up
    • circular-calculation-add
    • circular-calculation-equal
    • circular-calculation-multiplication
    • circular-calculation-division
    • circular-calculation-reduce
    • circular-calculation-notequal
    • circular-deviation-down
    • circular-deviation-right
    • circular-deviation-left
    • circular-deviation-up
    • circular-direction-down
    • circular-direction-right
    • circular-direction-left
    • circular-direction-up
    • circular-media-eject
    • circular-media-play
    • circular-media-pause
    • circular-media-stop
    • circular-media-record
    • circular-pie-0
    • circular-pie-1
    • circular-pie-2
    • circular-pie-3
    • circular-pie-4
    • circular-pie-5
    • circular-pie-6
    • circular-pie-7
    • circular-pie-8
    • circular-aim
    • circular-ball
    • circular-bias
    • circular-disable
    • circular-horizontal
    • circular-vertical
    • circular-buoy
    • circular-button
    • circular-delete
    • circular-done
    • circular-focus
    • circular-grid
    • circular-help
    • circular-warn
    • circular-intersect
    • circular-menu
    • circular-search
    • circular-spin
    • circular-stack
    • circular-star
    • circular-wave
    • circular-user
    • circular-user-full

    constellation

    • constellation-cancer
    • constellation-gemini
    • constellation-aries
    • constellation-sagittarius
    • constellation-leo
    • constellation-capricorn
    • constellation-libra
    • constellation-pisces
    • constellation-aquarius
    • constellation-virgo
    • constellation-scorpio
    • constellation-taurus

    control

    • add
    • add-double
    • reduce
    • reduce-double
    • multiplication
    • multiplication-double
    • diagonal
    • diagonal-double
    • division
    • division-double
    • equal
    • equal-approximately
    • calculation
    • root
    • done
    • done-all
    • close
    • delete
    • aim
    • aim-disable
    • asterisk
    • well
    • and
    • percent
    • hourglass
    • hourglass-start
    • hourglass-end
    • infinite
    • infinite-cycle
    • more-horizontal
    • more-vertical
    • scan
    • qrcode
    • barcode
    • scan-face
    • fingerprint
    • screen-full
    • screen-narrow
    • search
    • search-add
    • search-reduce
    • set
    • set-standard
    • set-empty
    • nav
    • menu
    • menu-center
    • menu-right
    • menu-left
    • list
    • data
    • debug
    • enlarge
    • filter
    • graphic
    • layer
    • link
    • load
    • save
    • share
    • topology
    • shut
    • wave
    • download
    • grid
    • copy
    • register
    • tm

    device

    • 2g
    • 3g
    • 4g
    • 5g
    • 6g
    • 2k
    • 4k
    • 8k
    • battery-horizontal-charge
    • battery-horizontal-empty
    • battery-horizontal-full
    • battery-horizontal-middle
    • battery-horizontal-less
    • battery-vertical-middle
    • battery-vertical-low
    • battery-vertical-warn
    • battery-vertical-charge
    • battery-vertical-empty
    • battery-vertical-full
    • bluetooth
    • bluetooth-link
    • call
    • call-lock
    • call-off
    • call-on
    • call-suspend
    • call-in
    • semaphore
    • semaphore-disable
    • signal
    • signal-high
    • signal-middle
    • signal-low
    • signaltower-send
    • signal-source
    • wifi
    • wifi-limit
    • wifi-high
    • wifi-middle
    • wifi-low
    • wifi-source
    • asic
    • cpu
    • coil
    • command
    • crossplatform
    • dial
    • display
    • dyson
    • electrode
    • explorer
    • flash
    • gpu
    • headset
    • headset-mic
    • earphone
    • barrel
    • calculator
    • compatible
    • controller
    • controller-hold
    • host
    • ip
    • keyboard
    • modem
    • mouse
    • mouse-pointer
    • nfc
    • notebook
    • onlydisk
    • pad-android
    • pad-ios
    • phone-android
    • phone-ios
    • phonecard
    • phonecard-disable
    • plug
    • printer
    • receiver
    • remotecontrol
    • response
    • router
    • scansion
    • server
    • slide
    • socket
    • sound
    • usb
    • wacom
    • watch
    • waveform
    • webcam
    • software
    • seal
    • transmission

    edit

    • align-horizontal-center
    • align-horizontal-right
    • align-horizontal-left
    • align-vertical-center
    • align-vertical-top
    • align-vertical-bottom
    • bayside
    • bayside-curve
    • bayside-zoom
    • bayside-straight
    • border
    • border-clear
    • border-bottom
    • border-horizontal
    • border-inner
    • border-right
    • border-left
    • border-vertical
    • border-top
    • bleed
    • list-left
    • list-right
    • format-align-center
    • format-align-right
    • format-align-left
    • format-align-justify
    • format-image-center
    • format-image-left
    • format-image-right
    • format-image-full
    • format-indent-increase
    • format-indent-decrease
    • format-linespacing
    • Separator-horizontal
    • Separator-vertical
    • route-addition
    • route-interlock
    • route-intersect
    • route-subtract
    • route-superposition
    • format-bold
    • format-strikethrough
    • format-subscript
    • format-size
    • format-superscript
    • format-underlined
    • format-quote
    • format-italic
    • format-textborder
    • format-link
    • format-link-disable
    • format-color
    • format-file
    • format-hr
    • chart
    • chart-pie
    • chart-bubble
    • chart-columnar
    • edit
    • edit-disable
    • edit-text
    • mindmap
    • ohm
    • anchor
    • breto
    • cut
    • equipment
    • eraser
    • functions
    • parameter
    • rule-horizontal
    • space
    • spellcheck
    • table
    • wand
    • format-app
    • format-post
    • format-paint
    • Format-brush
    • opt

    file

    • addressbook
    • archive
    • archive-add
    • archive-empty
    • archive-reduce
    • box
    • box-empty
    • express
    • express-pack
    • express-transport
    • express-send
    • briefcase
    • cloud
    • cloud-add
    • cloud-delete
    • cloud-up
    • cloud-down
    • cloud-reduce
    • cloud-load
    • document
    • document-empty
    • document-add
    • document-reduce
    • email
    • mail
    • mail-lock
    • mail-new
    • mail-open
    • file
    • file-empty
    • file-new
    • file-add
    • file-reduce
    • file-user
    • file-delete
    • folder
    • folder-empty
    • folder-delete
    • folder-add
    • folder-reduce
    • folder-image
    • folder-video
    • office-word
    • office-powerpoint
    • office-excel
    • draft
    • knowledge
    • paper
    • repository
    • filebox

    food

    • alcohol
    • beer
    • drink
    • goblet
    • tea
    • wineglass
    • bone
    • candy
    • lollipop
    • egg
    • fish
    • jellyfish
    • pig
    • cattle
    • tin
    • bread
    • cheese
    • doughnut
    • drumsticks
    • frenchfries
    • bun
    • dumpling
    • soybean
    • hamburger
    • icecream
    • popsicle
    • noodle
    • pizza
    • snack
    • cook
    • fork
    • chopstick
    • dinnerware
    • gas
    • knife-kitchen
    • pan
    • plate
    • spoon
    • tableware
    • bowl
    • fruits
    • apple
    • cherry
    • gourd
    • grape
    • lemon
    • plum
    • strawberry
    • watermelon

    game

    • lottery
    • lottery-fail
    • lottery-less
    • lottery-many
    • lottery-win
    • chessboard
    • chip
    • chip-many
    • dice-1
    • dice-2
    • dice-3
    • dice-4
    • dice-5
    • dice-6
    • dice-7
    • dice-8
    • dice-9
    • game
    • game-direction
    • game-key
    • game-point
    • game-rocker
    • pacman
    • playstation
    • slots
    • virtualreality
    • vr
    • poker
    • poker-club
    • poker-diamond
    • poker-spade
    • poker-heart

    life

    • abstain
    • necklace
    • ring
    • babycarriage
    • nipple
    • clamp
    • comb
    • cream
    • cream-empty
    • perfume
    • flashlight
    • glasses
    • hanger
    • hotel-tag
    • kettle
    • ladder
    • lamp
    • light
    • light-disable
    • lipstick
    • liquidsoap
    • mirror
    • scissors
    • smoke
    • smoke-disable
    • suitcase
    • suitcase-disable
    • thumbtack
    • toiletpaper
    • bra
    • briefs
    • clothes
    • handbag
    • necktie
    • shoes
    • skirt
    • trousers
    • desk
    • diningtable
    • door
    • escalator
    • stair
    • chair
    • oven
    • refrigerator
    • ricecooker
    • tv
    • washingmachine
    • flowerpot
    • razor
    • salt
    • soysauce
    • steelyard
    • candle
    • axe
    • gift
    • balloon

    map

    • airship
    • bicycle
    • electromobile
    • train
    • handcart
    • motorcycle
    • motorcycle-padal
    • rail
    • car
    • plane
    • scooter
    • suv
    • truck
    • compass
    • earth
    • location
    • map
    • map-location
    • map-empty
    • route
    • mountain
    • navigation
    • paperplane
    • place
    • place-location
    • place-disable
    • flag
    • flag-color
    • flag-aim
    • flag-float
    • road
    • trafficlight
    • tunnel
    • signpost
    • turbine
    • warn
    • signs-noentry
    • signs-warning
    • signs-noparking
    • fan
    • garage
    • gasoline
    • gasstation
    • guidepost
    • helmet
    • monitor
    • roadblock
    • rocker
    • rudder
    • screw
    • screwdriver
    • shovel
    • spanner
    • steeringwheel
    • wrench

    media

    • bd
    • hd
    • sd
    • camera
    • camera-disable
    • cameraroll
    • afs
    • aperture
    • telecamera
    • telecamera-disable
    • film
    • film-info
    • movie
    • player
    • videolist
    • videotape
    • radios
    • tape
    • recorder
    • cd
    • cd-rom
    • image
    • imagelist
    • indicator
    • knob
    • media-play
    • media-pause
    • media-stop
    • media-return
    • media-eject
    • media-back
    • media-end
    • media-forward
    • mic
    • mic-disable
    • music
    • music-disable
    • music-list
    • muzak
    • muzak-disable
    • bell
    • bell-new
    • bell-disable
    • volume
    • volume-low
    • volume-empty
    • volume-close
    • volume-disable
    • guitar
    • piano
    • drum

    message

    • bubble
    • bubble-empty
    • bubble-delete
    • bubble-add
    • bubble-reduce
    • bubble-more
    • bubble-info
    • bubble-help
    • bubble-menu
    • bubble-new
    • bubble-warn
    • bubble-heart
    • message
    • message-add
    • message-control
    • message-delete
    • message-empty
    • message-new
    • message-reduce
    • message-warning
    • message-more
    • message-list
    • message-info
    • talk
    • talk-empty
    • talk-delete
    • talk-add
    • talk-control
    • talk-info
    • talk-list
    • talk-warning
    • talk-reduce
    • talk-more
    • talk-new
    • talk-dialogue

    natural

    • bamboo
    • bamboo-shoots
    • bud
    • electric
    • fire
    • water
    • flower
    • wintersweet
    • grass
    • hive
    • beehive
    • leaf
    • leaf-empty
    • leaf-complete
    • leaf-vein
    • mist
    • pine
    • plant
    • plant-flower
    • seed
    • sunflower
    • tree
    • mushroom
    • cobweb
    • spider

    pay

    • alipay
    • wechatpay
    • mastercard
    • paypal
    • unionpay
    • visa
    • bank-psbc
    • bank-boc
    • bank-abc
    • bank-bc
    • bank-db
    • bank-cmbc
    • bank-citi
    • bank-icbc
    • bank-hsbc
    • bank-cmb
    • bank-jpm
    • bank-ccb
    • bank-rcc
    • bank-mufg
    • bank-fdb
    • bank-hxb
    • bank-ubs
    • currency
    • currency-pound
    • currency-dollar
    • currency-euro
    • currency-rmb
    • currency-ce
    • currency-ghc
    • currency-thb

    people

    • emot
    • emot-children
    • emot-pain
    • emot-smile
    • finger
    • finger-click
    • finger-dbclick
    • gender
    • gender-male
    • gender-female
    • hand
    • idcard
    • pain-men
    • pain-woman
    • thumb-down
    • thumb-down-full
    • thumb-up
    • thumb-up-full
    • toilet-men
    • toilet-woman
    • user
    • user-full
    • user-add
    • user-agent
    • user-expert
    • user-delete
    • user-group
    • user-voice
    • wheelchair

    science

    • atom
    • bandage
    • beaker
    • blackhole
    • book
    • bookrack
    • brush
    • celestialbody
    • class
    • doctor
    • drawing
    • dropper
    • gene
    • globe
    • graduate
    • mask
    • medicine
    • medkit
    • radiation
    • radioactivity
    • poisonous
    • ruler
    • science
    • stethoscope
    • syringe
    • textbook
    • textbook-empty
    • virus
    • virus-breed
    • virus-kill
    • wash

    security

    • key
    • key-secret
    • lock
    • lock-on
    • lock-reduce
    • lock-add
    • safety
    • safety-disable
    • safety-add
    • safety-high
    • safety-work
    • safety-done
    • safety-warn

    shop

    • card-credit
    • card
    • card-agreement
    • card-bill
    • cash
    • cash-many
    • certifiedproducts
    • coupon
    • receipt
    • kabaw
    • kabaw-full
    • wallet
    • purse
    • packingbag
    • recommend
    • recommend-high
    • shoppingbag
    • shoppingbasket
    • shoppingcart
    • shoppingcart-full
    • shoppingcart-simple
    • shoppingcart-simple-full
    • shoppingcart-in
    • shoppingcart-out
    • tag
    • counter

    sport

    • archery
    • badminton
    • basketball
    • baseball
    • volleyball
    • beachboll
    • handball
    • ballpark
    • billiard
    • bowling
    • boxing
    • cricket
    • curling
    • dart
    • dumbbell
    • fencing
    • football
    • goldmedal
    • golf
    • icehockey
    • hockey
    • medal
    • polo
    • prize
    • referee
    • rowboat
    • rugby
    • skating
    • snooker
    • soccer
    • squash
    • tabletennis
    • Tennis
    • trophy

    square

    • square
    • square-fillet
    • square-add
    • square-circular
    • square-square
    • square-code
    • square-data
    • square-disable
    • square-delete
    • square-dotted
    • square-reduce
    • square-zoom
    • square-a
    • square-b
    • square-c
    • square-d
    • square-e
    • square-f
    • square-g
    • square-h
    • square-i
    • square-j
    • square-k
    • square-l
    • square-m
    • square-n
    • square-o
    • square-p
    • square-q
    • square-r
    • square-s
    • square-t
    • square-u
    • square-v
    • square-w
    • square-x
    • square-y
    • square-z

    suffix

    • suffix-3gp
    • suffix-8bi
    • suffix-abr
    • suffix-acf
    • suffix-acm
    • suffix-aep
    • suffix-ai
    • suffix-aif
    • suffix-air
    • suffix-aca
    • suffix-ant
    • suffix-ans
    • suffix-app
    • suffix-arc
    • suffix-arj
    • suffix-as
    • suffix-asf
    • suffix-asl
    • suffix-asp
    • suffix-au
    • suffix-avi
    • suffix-bat
    • suffix-bbs
    • suffix-bin
    • suffix-bmp
    • suffix-bas
    • suffix-bak
    • suffix-c
    • suffix-c4d
    • suffix-cab
    • suffix-cdr
    • suffix-chm
    • suffix-cmd
    • suffix-cnt
    • suffix-col
    • suffix-com
    • suffix-con
    • suffix-cpg
    • suffix-cpl
    • suffix-cpp
    • suffix-crt
    • suffix-css
    • suffix-cur
    • suffix-dat
    • suffix-db
    • suffix-dcl
    • suffix-doc
    • suffix-dll
    • suffix-dos
    • suffix-dot
    • suffix-dpi
    • suffix-dwg
    • suffix-dxb
    • suffix-dpl
    • suffix-drv
    • suffix-eps
    • suffix-exe
    • suffix-et
    • suffix-fla
    • suffix-fon
    • suffix-for
    • suffix-ftp
    • suffix-fot
    • suffix-fxp
    • suffix-gif
    • suffix-git
    • suffix-grp
    • suffix-grd
    • suffix-gz
    • suffix-hlp
    • suffix-htm
    • suffix-hqx
    • suffix-icm
    • suffix-ico
    • suffix-inf
    • suffix-img
    • suffix-ini
    • suffix-ink
    • suffix-iso
    • suffix-jar
    • suffix-jff
    • suffix-jif
    • suffix-jq
    • suffix-jpg
    • suffix-js
    • suffix-json
    • suffix-jsp
    • suffix-mac
    • suffix-mpg
    • suffix-msi
    • suffix-md
    • suffix-msg
    • suffix-mdb
    • suffix-mp3
    • suffix-mp4
    • suffix-mpt
    • suffix-mee
    • suffix-mid
    • suffix-mkv
    • suffix-mov
    • suffix-nls
    • suffix-off
    • suffix-ocx
    • suffix-obj
    • suffix-pdf
    • suffix-ps
    • suffix-pro
    • suffix-prj
    • suffix-pif
    • suffix-pat
    • suffix-ppt
    • suffix-php
    • suffix-png
    • suffix-psd
    • suffix-py
    • suffix-rar
    • suffix-rec
    • suffix-rmvb
    • suffix-rss
    • suffix-rdp
    • suffix-reg
    • suffix-rm
    • suffix-rtf
    • suffix-ske
    • suffix-src
    • suffix-sav
    • suffix-sh
    • suffix-srt
    • suffix-sql
    • suffix-svg
    • suffix-ses
    • suffix-sys
    • suffix-tar
    • suffix-tif
    • suffix-txt
    • suffix-tpl
    • suffix-ts
    • suffix-tmp
    • suffix-ttf
    • suffix-url
    • suffix-vcd
    • suffix-ver
    • suffix-voc
    • suffix-vxd
    • suffix-wmf
    • suffix-wav
    • suffix-wpg
    • suffix-xls
    • suffix-xd
    • suffix-xml
    • suffix-yml
    • suffix-wps
    • suffix-zip

    time

    • time
    • clock
    • clock-disable
    • clock-empty
    • clock-add
    • clock-alarm
    • clock-punctually
    • clock-urgent
    • stopwatch
    • stopwatch-empty
    • stopwatch-disable
    • calendar
    • calendar-empty
    • calendar-add
    • calendar-reduce
    • calendar-delete
    • calendar-done
    • calendar-less
    • calendar-many
    • calendar-control

    toggle

    • checkbox
    • checkbox-disable
    • checkbox-done
    • checkbox-on
    • radio
    • radio-on
    • radio-done
    • heart
    • heart-full
    • heart-disable
    • star
    • star-full
    • star-half
    • toggle-off
    • toggle-on
    • visibility
    • visibility-disable
    • visibility-close

    weather

    • centigrade
    • fahrenheit
    • temperature
    • cloudy
    • cloudy-night
    • cloudy-day
    • cloudy-overcast
    • cyclone
    • cyclone-spread
    • fog
    • day
    • night
    • moon-full
    • moon-half
    • moon-new
    • rain
    • rain-hard
    • rain-heavy
    • rain-moderate
    • rain-light
    • thunderstorm
    • snow
    • snow-heavy
    • snow-ice
    • sun
    • sunrise
    • sunset
    • umbrella
    • umbrella-open
    • wind

    How to use

  • unicode
  • class
  • symbol
  • iconfont reference

    Add preload for fonts in HTML page to improve the loading speed of fonts

    <link href="https://ui.gg/lib/ico/iconfont/ico.woff2" as="font" type="font/woff2" rel="preload" crossorigin="anonymous">
    fontface

    Copy the @font-face generated under the project (If you need to support IE, please load woff format)

    @font-face { font-family: 'ico'; src: url('https://ui.gg/lib/ico/iconfont/ico.woff2') format('woff2'), url('https://ui.gg/lib/ico/iconfont/ico.woff') format('woff'); }
    styles

    Define styles that use iconfont

    .ico { font-family: "ico" !important; font-size: 24px;font-style: normal;font-weight: normal; text-decoration: none;text-align: center;justify-content: center;margin: auto;vertical-align: middle; line-height: 1;text-transform: none;display: inline-block; direction: ltr;letter-spacing: normal;word-wrap: normal;white-space: nowrap; }
    application

    Select the corresponding icon and get the font code, and apply it to the page

    <i class="ico">&#xe89b;</i>
    iconfont reference

    Add preload for fonts in HTML page to improve the loading speed of fonts

    <link href="https://ui.gg/lib/ico/iconfont/ico.woff2" as="font" type="font/woff2" rel="preload" crossorigin="anonymous">
    fontface

    Introduce the fontclass code generated under the project

    <link rel="stylesheet" href="https://ui.gg/lib/ico/iconfont/ico.css">
    application

    Select the corresponding icon and get the class name, and apply it to the page

    <i class="ico ico-xxx"></i>
    iconfont reference

    Import the symbol code generated under the project

    <script src="https://ui.gg/lib/ico/iconfont/ico.js"></script>
    styles

    Add general CSS code

    .ico { width: 1em;height: 1em; vertical-align: -0.15em;fill: currentColor;overflow: hidden; }
    application

    Select the corresponding icon and get the class name, and apply it to the page

    <svg class="ico" aria-hidden="true"> <use xlink:href="#ico-xxx"></use> </svg>
    Copy successful
  • unfiled
  • arrow
  • brand
  • build
  • china
  • circular
  • constellation
  • control
  • device
  • edit
  • file
  • food
  • game
  • life
  • map
  • media
  • message
  • natural
  • pay
  • people
  • science
  • security
  • shop
  • sport
  • square
  • suffix
  • time
  • toggle
  • weather