Principe général

Il existe plusieurs façons de gérer les pictos sur un projet. Ici nous utiliserons un sprite SVG.

Sprite SVG

Via gulp et à partir des fichiers svg sélectionnés, un fichier sprite est généré et les pictos sont disponibles via une balise svg avec l'id correspondant pour n'afficher que celui concerné.

arrow-down
arrow-left
arrow-right
arrow-top
box
burger
card
cart
check
chevron-down
chevron-left
chevron-right
chevron-top
close
configure
delivery
disc-off
disc-on
download
edit
enterprise
exchange
eye
eye-slash
facebook
filter
google
instagram
kitchen
kit
lapeyre
lock-alt
map
message
minus
pencil
play
plus
project
off
phone
pinterest
plus
reassort
ruler
search
star-off
star-on
stock
stockerror
trash
user
usine
twitter
walk
windows
youtube