Tenemos a nuestra disposición el conjunto de biblioteca de fuentes de iconos de Waze.
Podemos utilizar los iconos de Waze en cualquiera de las páginas de su dominio, para ello utilizaremos el prefijo w-icon
seguido del nombre del icono.
Para utilizar el icono utilizaremos la etiqueta :
<i class="w-icon w-icon-home></i>
=
Para cambiar el color de un icono podemos utilizar la propiedad CSS "color":
<i class="w-icon w-icon-android" style="color:green"></i>
=
Para cambiar el tamaño de un icono podemos utilizar la propiedad CSS "font-size":
<i class="w-icon w-icon-closure" style="font-size:30px"></i>
=
Además, waze icons proporciona unas clases para cambiar el tamaño de los iconos, son xs, sm, lg, lx, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x, fw, pull left, pull right
Se puede utilizar con estas etiquetas de HTML: <i> : Utiliza esta etiqueta para añadir iconos a tus elementos de texto, como en una lista de puntos o un título.
<footer> : Utiliza esta etiqueta si quieres añadir iconos a tus elementos de pie de página. |
normal
lg
xs
sm
lx
2x
3x
4x
5x
6x
7x
8x
9x
10x
fw
border
pull left
pull right
Los iconos que no se muestran no estan disponibles en la wazeopedia.
Si los vas a utilizar con algun script, puede ser que funcionen correctamente. |
w-icon-add-user
w-icon-alert
w-icon-alert-danger
w-icon-alert-fill
w-icon-alert-info
w-icon-alert-success
w-icon-alert-warning
w-icon-android
w-icon-apple
w-icon-apps
w-icon-arrow-down
w-icon-arrow-left
w-icon-arrow-right
w-icon-arrow-two-way
w-icon-arrow-up
w-icon-attachment
w-icon-audio-player
w-icon-audio-stop-fill
w-icon-available-fill
w-icon-bell
w-icon-bell-off-fill
w-icon-bell-on-fill
w-icon-book
w-icon-bug-fill
w-icon-bug-outline
w-icon-bus
w-icon-calendar
w-icon-call
w-icon-camera
w-icon-camera-fill
w-icon-car
w-icon-car-services
w-icon-caret-down
w-icon-chat
w-icon-checkmark
w-icon-checkmark-double
w-icon-chevron-double-left
w-icon-chevron-double-right
w-icon-chevron-down
w-icon-chevron-left
w-icon-chevron-right
w-icon-chevron-up
w-icon-clock
w-icon-clock-fill
w-icon-closure
w-icon-code
w-icon-coins
w-icon-computer
w-icon-copy
w-icon-current-location
w-icon-danger
w-icon-doc
w-icon-dot-menu
w-icon-dot-menu-ios
w-icon-drag
w-icon-education
w-icon-email
w-icon-email-fill
w-icon-emoji
w-icon-equalizer
w-icon-error
w-icon-ev-charging
w-icon-exit-fullscreen
w-icon-expand1
w-icon-expand2
w-icon-expand3
w-icon-external-link
w-icon-eye-fill
w-icon-eye1
w-icon-eye2
w-icon-feed
w-icon-filter
w-icon-flag-fill
w-icon-floppy
w-icon-fullscreen
w-icon-hamburger-menu
w-icon-heart
w-icon-heart-fill
w-icon-help
w-icon-history
w-icon-home
w-icon-home-fill
w-icon-hotel
w-icon-inbox
w-icon-info
w-icon-language
w-icon-layers
w-icon-link
w-icon-list
w-icon-location
w-icon-location-2
w-icon-location-check-fill
w-icon-location-error-fill
w-icon-location-fill
w-icon-location-info
w-icon-location-off
w-icon-location-off-fill
w-icon-location-update-fill
w-icon-lock
w-icon-lock-fill
w-icon-logout
w-icon-map
w-icon-map-edit
w-icon-map-edit-fill
w-icon-message
w-icon-minus
w-icon-navigation-angle
w-icon-navigation-angle-fill
w-icon-navigation-fill
w-icon-navigation-now-fill
w-icon-node
w-icon-outdoor-parks
w-icon-parking
w-icon-parking-2
w-icon-partners
w-icon-pencil
w-icon-pencil-fill
w-icon-people
w-icon-phone
w-icon-phone-fill
w-icon-photo
w-icon-planned-drive-fill
w-icon-plus
w-icon-polygon
w-icon-pushpin
w-icon-pushpin-fill
w-icon-query-fill
w-icon-recenter
w-icon-recenter-off
w-icon-recheck
w-icon-redo
w-icon-refresh
w-icon-restaurant
w-icon-restore
w-icon-road
w-icon-round-trip
w-icon-route
w-icon-rss
w-icon-ruler
w-icon-school
w-icon-school-fill
w-icon-script
w-icon-search
w-icon-send-fill
w-icon-send-to-phone
w-icon-sent
w-icon-settings
w-icon-share
w-icon-sheild
w-icon-snapshot
w-icon-sort
w-icon-sound-on-fill
w-icon-star
w-icon-store
w-icon-store-fill
w-icon-streetview
w-icon-streetview-fill
w-icon-suggestion-fill
w-icon-suggestion-outline
w-icon-switch
w-icon-tag
w-icon-theater
w-icon-thumbs-down
w-icon-thumbs-down-fill
w-icon-thumbs-up
w-icon-thumbs-up-fill
w-icon-thunderbolt
w-icon-toolbox
w-icon-translate
w-icon-transportation
w-icon-trash
w-icon-trash-fill
w-icon-undo
w-icon-university
w-icon-user
w-icon-user-fill
w-icon-voice
w-icon-voice-fill
w-icon-warning
w-icon-wazer
w-icon-wazer-fill
w-icon-wifi
w-icon-work
w-icon-x