Metro Icon Font
@@adsense
Metro Icon Font gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Metro Icon Font includes over 400 icons.
How to use
Include in page head:
<link href="metro-icons.css" rel="stylesheet">
In html use:
<span class="mif-icon_name"></span>
To change size icon you can use next classes: mif-lg, mif-2x, mif-3x, mif-4x.
Icons can be resized to any
sizes over built-in classes
<span class="mif-earth mif-2x"></span>
To change icon color you can use fg-* classes or use css property color.
<span class="mif-earth fg-green"></span>
<span class="mif-earth" style="color: red;"></span>
Icons goto
Below is an exhaustive list of icons that are included in Metro Icon Font.
Application icons
- calculator2
- barbell
- 3d-rotation
- alarm
- alarm-on
- favorite
- settings-ethernet
- settings-power
- settings-voice
- shopping-basket
- contacts-dialer
- contacts-mail
- drafts
- brightness-auto
- multitrack-audio
- widgets
- usb
- money
- vertical-align-bottom
- vertical-align-center
- vertical-align-top
- file-download
- file-upload
- keyboard-return
- security
- looks
- palette
- layers
- layers-clear
- local-airport
- florist
- gas-station
- hotel
- local-service
- map2
- traff
- apps
- chevron-left
- chevron-right
- expand-less
- expand-more
- menu
- more-horiz
- more-vert
- unfold-less
- unfold-more
- not
- drive-eta
- event-available
- event-busy
- folder-special
- folder-sd-card
- sync-disabled
- sync-problem
- vpn-lock
- vpn-publ
- school
- file-binary
- mail-read
- quote
- home
- pencil
- eyedropper
- paint
- image
- images
- camera
- headphones
- music
- film
- video-camera
- dice
- books
- file-empty
- files-empty
- file-text
- file-picture
- file-music
- file-play
- file-video
- file-zip
- stack
- folder
- folder-open
- folder-plus
- folder-minus
- folder-download
- folder-upload
- tag
- tags
- barcode
- qrcode
- cart
- credit-card
- calculator
- help
- envelop
- location
- compass
- compass2
- map
- history
- bell
- calendar
- printer
- keyboard
- download
- upload
- floppy-disk
- drive
- database
- undo
- redo
- bubble
- bubbles
- user
- users
- user-plus
- user-minus
- user-check
- hour-glass
- search
- zoom-in
- zoom-out
- enlarge
- shrink
- enlarge2
- shrink2
- key
- wrench
- equalizer
- equalizer-v
- cog
- cogs
- magic-wand
- bug
- trophy
- gift
- spoon-fork
- rocket
- meter
- hammer
- fire
- lab
- bin
- truck
- target
- power
- switch
- power-cord
- clipboard
- list-numbered
- list
- list2
- tree
- cloud
- cloud-download
- cloud-upload
- download2
- upload2
- earth
- link
- flag
- attachment
- eye
- bookmark
- bookmarks
- contrast
- brightness
- star-empty
- star-half
- star-half
- star-full
- heart
- heart-broken
- warning
- notification
- question
- plus
- minus
- info
- cancel
- blocked
- cross
- checkmark
- spell-check
- enter
- exit
- arrow-up-left
- arrow-up
- arrow-up-right
- arrow-right
- arrow-down-right
- arrow-down
- arrow-down-left
- arrow-left
- tab
- move-up
- move-down
- sort-asc
- sort-desc
- command
- shift
- crop
- filter
- bold
- underline
- italic
- strikethrough
- page-break
- superscript
- subscript
- table
- insert-template
- pilcrow
- ltr
- rtl
- section
- paragraph-left
- paragraph-center
- paragraph-right
- paragraph-justify
- indent-increase
- indent-decrease
- embed
- embed2
- share
- feed3
- chevron-thin-down
- chevron-thin-left
- chevron-thin-right
- chevron-thin-up
- flow-branch
- flow-cascade
- flow-line
- flow-parallel
- flow-tree
- air
- medal
- paper-plane
- shareable
- shop
- shopping-basket2
- thumbs-down
- thumbs-up
- traffic-cone
- water
- cabinet
- suitcase
- gamepad
- lock
- unlock
- tools
- pin
- discout
- profile
- dollar
- dollars
- coins
- male
- female
- piano
- anchor
Mobile icons
- wifi-low
- wifi-mid
- wifi-full
- perm-phone-msg
- bt-settings
- settings-phone
- dialer-sip
- dialpad
- ring-volume
- voicemail
- bluetooth
- bt-connected
- bt-disabled
- bt-searching
- phonelink
- phonelink-off
- my-location
- bt-audio
- phone-bt
- phone-forwarded
- phone-in-talk
- phone-locked
- phone-missed
- phone-paused
- headphones
- wifi-connect
- feed
- mic
- phone
- satellite
- battery-full
- battery-two
- battery-one
- battery-empty
- battery-charge
Device icons
- display
- laptop
- mobile
- tablet
- tablet-landscape
Player icons
- play
- pause
- stop
- backward
- forward
- first
- last
- previous
- next
- eject
- volume-high
- volume-medium
- volume-low
- volume-mute
- volume-mute2
- volume-plus
- volume-minus
- loop
- loop2
- infinite
- shuffle
Brand icons
- google-plus
- youtube
- steam
- onedrive
- github
- git
- apple
- android
- windows
- skype
- html5
- css3
- chrome
- firefox
- ie
- opera
- safari
- creative-cloud
- dropbox
- evernote
- paypal
- swarm
- vk
- yelp
- dribbble
- lastfm
- stumbleupon
- vimeo
- All brand icons are trademarks of their respective owners.
- The use of these trademarks does not indicate endorsement of the trademark holder by Metro Icon Font, nor vice versa.
Weather icons
- sunrise
- sun
- moon
- windy
- wind
- showflake
- cloudy
- cloudy2
- cloud2
- weather
- weather2
- weather3
- lines
- cloud3
- lightning
- lightning2
- rainy
- windy2
- windy3
- snowy
- snowy2
- snowy3
- weather4
- cloudy2
- cloud4
- lightning3
- sun4
- moon2
- cloudy3
- cloud5
- lightning4
- rainy3
- windy4
- windy5
- snowy4
- snowy5
- weather5
- cloudy4
- lightning5
- thermometer
- none
- celsius
- fahrenheit
Chart icons
- chart-bars
- chart-bars2
- chart-dots
- chart-pie
- chart-line
Spinner icons
- spinner
- spinner2
- spinner3
- spinner4
- spinner5
- loop2
Animated Spinner icons (with subclass mif-ani-spin)
- spinner
- spinner2
- spinner3
- spinner4
- spinner5
- loop2
Animated Spinner icons (with subclass mif-ani-pulse)
- spinner
- spinner2
- spinner3
- spinner4
- spinner5
- loop2