Produtos
Filtros da busca:
Filtrando por:
FC 14224 :: Como utilizar ícones do Foundation no formato SVG?
Esta biblioteca inclui dezenas de ícones que podem ser utilizados mesmo em lojas que não utilizam o Foundation.
OBS: O uso de SVG é recomendado somente se a loja utilizar poucos ícones desta biblioteca. Caso contrário, utilize o formato de fonte.
Segue o passo a passo para utilizar os ícones do Foundation no formato SVG:
1º Passo
Escolha o ícone desejado da lista abaixo e defina em qual local deseja inserí-lo (BarraTopo.htm, rodape.htm, home.htm etc). Neste arquivo, insira a linha abaixo, alterando o trecho que está em negrito para o nome do ícone que deseja utilizar.
<img64 src="/icons/FoundationV1/svg/fi-address-book.svg" plain="true" width="100" height="100">
2º Passo
Para modificar a cor, a largura e a altura do ícone, altere os estilos dentro do style da tag <img>.
<img64 src="/icons/FoundationV1/svg/fi-magnifying-glass.svg" plain="true" style="fill:#0099ff;width:100px;height:100px">
Lista de ícones:
address-book
alert
align-center
align-justify
align-left
align-right
anchor
annotate
archive
arrow-down
arrow-left
arrow-right
arrows-compress
arrows-expand
arrows-in
arrows-out
arrow-up
asl
asterisk
at-sign
background-color
battery-empty
battery-full
battery-half
bitcoin
bitcoin-circle
blind
bluetooth
bold
book
book-bookmark
bookmark
braille
burst
burst-new
burst-sale
calendar
camera
check
checkbox
clipboard
clipboard-notes
clipboard-pencil
clock
closed-caption
cloud
comment
comment-minus
comment-quotes
comments
comment-video
compass
contrast
credit-card
crop
crown
css3
database
die-five
die-four
die-one
die-six
die-three
die-two
dislike
dollar
dollar-bill
download
eject
elevator
euro
eye
fast-forward
female
female-symbol
filter
first-aid
flag
folder
folder-add
folder-lock
foot
foundation
graph-bar
graph-horizontal
graph-pie
graph-trend
guide-dog
hearing-aid
heart
home
html5
indent-less
indent-more
info
italic
key
laptop
layout
lightbulb
like
link
list
list-bullet
list-number
list-thumbnails
lock
loop
magnifying-glass
mail
male
male-female
male-symbol
map
marker
megaphone
microphone
minus
minus-circle
mobile
mobile-signal
monitor
mountains
music
next
no-dogs
no-smoking
page
page-add
page-copy
page-csv
page-delete
page-doc
page-edit
page-export
page-export-csv
page-export-doc
page-export-pdf
page-filled
page-multiple
page-pdf
page-remove
page-search
paint-bucketv
paperclip
pause
paw
paypal
pencil
photo
play
play-circle
play-video
plus
pound
power
previous
price-tag
pricetag-multiple
print
prohibited
projection-screen
puzzle
quote
record
refresh
results
results-demographics
rewind
rewind-ten
rss
safety-cone
save
share
sheriff-badge
shield
shopping-bag
shopping-cart
shuffle
skull
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-skillshare
social-skype
social-smashing-mag
social-snapchat
social-spotify
social-squidoo
social-stack-overflow
social-stumbleupon
social-treehouse
social-tumblr
social-twitter
social-vimeo
social-windows
social-xbox
social-yahoo
social-yelp
social-youtube
social-zerply
social-zurb
sound
star
stop
strikethrough
subscript
superscript
tablet-landscape
tablet-portrait
target
target-two
telephone
telephone-accessible
text-color
thumbnails
ticket
torso
torso-business
torso-female
torsos
torsos-all
torsos-all-female
torsos-female-male
torsos-male-female
trash
trees
trophy
underline
universal-access
unlink
unlock
upload
upload-cloud
usb
video
volume
volume-none
volume-strike
web
wheelchair
widget
wrench
x
x-circle
yen
zoom-in
zoom-out
|
