2.2.5. Iconos Foundation

Foundation provides 283 icons that can be styled with CSS: you control the size, color and style.

An icon is created with the following syntax:

<i class="fi-name"></i>

The name part in the syntax above must be replaced with the proper name of the icon.

To use the icon, you must link to the Foundation icon's stylesheet in the <head> section of your page:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css">
Try it Yourself »

General Icons

  • heart

  • star

  • plus

  • minus

  • x

  • check

  • upload

  • download

  • widget

  • marker

  • refresh

  • home

  • trash

  • paperclip

  • lock

  • unlock

  • calendar

  • cloud

  • magnifying-glass

  • zoom-out

  • zoom-in

  • wrench

  • rss

  • share

  • flag

  • list-thumbnails

  • list

  • thumbnails

  • annotate

  • folder

  • folder-lock

  • folder-add

  • clock

  • play-video

  • crop

  • archive

  • pencil

  • graph-trend

  • graph-bar

  • graph-horizontal

  • graph-pie

  • checkbox

  • minus-circle

  • x-circle

  • eye

  • database

  • results

  • results-demographics

  • like

  • dislike

  • upload-cloud

  • camera

  • alert

  • bookmark

  • contrast

  • mail

  • video

  • telephone

  • comment

  • comment-video

  • comment-quotes

  • comment-minus

  • comments

  • microphone

  • megaphone

  • sound

  • address-book

  • bluetooth

  • html5

  • css3

  • layout

  • web

  • foundation

  • page

  • page-csv

  • page-doc

  • page-pdf

  • page-export

  • page-export-csv

  • page-export-doc

  • page-export-pdf

  • page-add

  • page-remove

  • page-delete

  • page-edit

  • page-search

  • page-copy

  • page-filled

  • page-multiple

  • arrow-up

  • arrow-right

  • arrow-down

  • arrow-left

  • arrows-out

  • arrows-in

  • arrows-expand

  • arrows-compress

  • torso

  • torso-female

  • torsos

  • torsos-female-male

  • torsos-male-female

  • torsos-all

  • torsos-all-female

  • torso-business

  • monitor

  • laptop

  • tablet-portrait

  • tablet-landscape

  • mobile

  • mobile-signal

  • usb

  • bold

  • italic

  • underline

  • strike

  • text-color

  • background-color

  • superscript

  • subscript

  • align-left

  • align-center

  • align-right

  • align-justify

  • list-numbered

  • list-bullet

  • indent-more

  • indent-less

  • print

  • save

  • photo

  • filter

  • paint-bucket

  • link

  • unlink

  • quote

  • play

  • stop

  • pause

  • previous

  • rewind

  • fast-forward

  • next

  • record

  • play-circle

  • volume-none

  • volume

  • volume-strike

  • loop

  • shuffle

  • eject

  • rewind-ten

  • dollar

  • euro

  • pound

  • yen

  • bitcoin

  • bitcoin-circle

  • credit-card

  • shopping-cart

  • burst

  • burst-new

  • burst-sale

  • paypal

  • price-tag

  • pricetag-multiple

  • shopping-bag

  • dollar-bill

  • wheelchair

  • braille

  • closed-caption

  • blind

  • asl

  • hearing-aid

  • guide-dog

  • universal-access

  • telephone-accessible

  • elevator

  • male

  • female

  • male-female

  • male-symbol

  • female-symbol

  • social-500px

  • social-adobe

  • social-amazon

  • social-android

  • social-apple

  • social-behance

  • social-bing

  • social-blogger

  • social-delicious

  • social-designer-news

  • social-deviant-art

  • social-digg

  • social-dribbble

  • social-drive

  • social-dropbox

  • social-evernote

  • social-facebook

  • social-flickr

  • social-forrst

  • social-foursquare

  • social-game-center

  • social-github

  • social-google-plus

  • social-hacker-news

  • social-hi5

  • social-instagram

  • social-joomla

  • social-lastfm

  • social-linkedin

  • social-medium

  • social-myspace

  • social-orkut

  • social-path

  • social-picasa

  • social-pinterest

  • social-rdio

  • social-reddit

  • social-skype

  • social-skillshare

  • social-smashing-mag

  • social-snapchat

  • social-spotify

  • social-squidoo

  • social-stack-overflow

  • social-steam

  • social-stumbleupon

  • social-treehouse

  • social-tumblr

  • social-twitter

  • social-vimeo

  • social-windows

  • social-xbox

  • social-yahoo

  • social-yelp

  • social-youtube

  • social-zerply

  • social-zurb

  • compass

  • music

  • lightbulb

  • battery-full

  • battery-half

  • battery-empty

  • projection-screen

  • info

  • power

  • asterisk

  • at-sign

  • key

  • ticket

  • book

  • book-bookmark

  • anchor

  • puzzle

  • foot

  • paw

  • mountains

  • trees

  • sheriff-badge

  • first-aid

  • trophy

  • prohibited

  • no-dogs

  • no-smoking

  • safety-cone

  • shield

  • crown

  • target

  • target-two

  • die-one

  • die-two

  • die-three

  • die-four

  • die-five

  • die-six

  • skull

  • map

  • clipboard

  • clipboard-pencil

  • clipboard-notes