Solid Work
Content
Codesnippets
Digital first
How do you renew a successful brand? In reality, it does so itself: after all, a successful brand is always ahead of its time. So let’s simply let it breathe more freely and adopt a new perspective. In other words: let’s approach it from a digital angle. The visual appearance is no longer a static structure: it’s a living interface that interacts with human beings.
This platform provides a direct, straightforward path to approaching the design of the Audi brand. It offers lots of examples and instructions that convey the essentials and provide inspiration for ideas – and it’s structured in such a way that you can get started right away
Simply click your way in. Enjoy!
Code preview
The digital components are shown in an interactive code preview and provided with a link to the development platform GitHub.
-
NFC
-
NFC-inactive
-
adblue
-
adblue-alert
-
address-book
-
administrator
-
announcements
-
anti-theft-alarm-system
-
anti-theft-alarm-system-alert
-
apps
-
arrow-down
-
arrow-left-light
-
arrow-left-normal
-
arrow-left-sharp
-
arrow-left-u-turn
-
arrow-narrow-down
-
arrow-narrow-up
-
arrow-right-light
-
arrow-right-normal
-
arrow-right-sharp
-
arrow-right-u-turn
-
arrow-straight-down
-
arrow-straight-up
-
arrow-up
-
aupeo
-
back
-
blog-post
-
bookmark
-
break-pad
-
break-pad-alert
-
business-address
-
calendar-events
-
camera
-
cancel
-
car
-
car-handover
-
car-search
-
caution
-
charging
-
climate
-
climate-auto
-
climate-electric
-
co2-emission
-
code
-
connect-key
-
consumption
-
content-activities
-
cubic-capacity
-
dashboard
-
dealer-request
-
dealer-search
-
decrease-size
-
direct-mail
-
discussion
-
distance
-
documents
-
edit
-
editorial
-
electric-charge-level-empty
-
electric-charge-level-full
-
electric-charge-level-half
-
electric-charge-level-onequarter
-
electric-charge-level-threequarter
-
electric-range
-
erase
-
-
favorite
-
feed
-
forward
-
fuel
-
fuel-range
-
fuel-tank-level-empty
-
fuel-tank-level-full
-
fuel-tank-level-half
-
fuel-tank-level-onequarter
-
fuel-tank-level-threequarters
-
gas-range
-
gas-tank-level-empty
-
gas-tank-level-full
-
gas-tank-level-half
-
gas-tank-level-onequarter
-
gas-tank-level-threequarters
-
geofence
-
geofence-alert
-
google-plus
-
gps
-
grab
-
group-discussion
-
groups
-
home
-
honk
-
honk-and-flash
-
hotline
-
increase-size
-
indicators
-
inspection
-
-
interior-configuration
-
languages
-
lights-day
-
lights-dim
-
lights-full-beam
-
lights-led
-
lights-xenon
-
line
-
-
list
-
lock
-
logbook
-
login
-
main-user
-
mileage
-
mobile-phone
-
more
-
motor
-
my-dealer
-
myAudi-destinations
-
napster
-
news
-
notepad
-
off-canvas
-
offline-maps
-
parking
-
parking-in-left
-
parking-in-left-long
-
parking-in-right
-
parking-in-right-long
-
parking-in-straight
-
parking-out-left
-
parking-out-left-long
-
parking-out-right
-
parking-out-right-long
-
parking-out-straight
-
pause
-
photo
-
pilotiertes-parken
-
-
play
-
poi
-
poi-calendar
-
poi-car
-
poi-contact
-
poi-favorite
-
poi-home
-
poi-last-destination
-
poi-search
-
poi-work
-
pois
-
polls
-
power
-
pre-heating
-
-
profile
-
projects
-
public-transport
-
quattro
-
range
-
receive-e-mail-notification
-
recommended-destination
-
replay
-
results-list
-
rotate-image-left
-
rotate-image-right
-
rotate-left
-
rotate-right
-
roundabout-left
-
roundabout-long-left
-
roundabout-long-right
-
roundabout-right
-
roundabout-sharp-left
-
roundabout-sharp-right
-
roundabout-straight
-
rss-feed
-
search
-
select
-
select-all
-
send-to-vehicle
-
share
-
shopping-basket
-
shuffle
-
social-reader
-
status-update
-
sync
-
tag
-
test-drive
-
time
-
time-climate1
-
time-climate2
-
time-long
-
time-middle
-
time-short
-
top-speed
-
torque
-
tour
-
traffic
-
traffic-sign-recognition
-
traffic-sign-recognition-alert
-
train
-
transmission
-
tube
-
-
unlock
-
used-car-search
-
used-cars
-
user
-
user-whole-body
-
valet-parking
-
vehicle-signal
-
vehicle-wi-fi-1
-
vehicle-wi-fi-2
-
vehicle-wi-fi-3
-
vehicle-wi-fi-4
-
velocity
-
velocity-alert
-
video
-
view-360
-
vimeo
-
voice-call
-
voice-call-1
-
voice-call-2
-
voice-call-3
-
walk
-
weblink
-
work
-
-
youtube
-
system-add
-
system-audio-off
-
system-audio-on
-
system-cancel
-
system-download
-
system-facebook
-
system-favorites
-
system-follow
-
system-google-plus
-
system-help
-
system-info
-
system-instagram
-
system-linkedin
-
system-paragraph
-
system-pause
-
system-pinterest
-
system-play
-
system-play-backwards
-
system-remove
-
system-replay
-
system-save-as
-
system-search
-
system-select
-
system-settings
-
system-share
-
system-size-decrease
-
system-size-increase
-
system-skip-next
-
system-skip-previous
-
system-twitter
-
system-upload
-
system-vimeo
-
system-xing
-
system-youtube
NFC
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#NFC-small" class="audiicon-small"></use><use
xlink:href="#NFC-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-NFC" aria-hidden="true"></i>
NFC-inactive
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#NFC-inactive-small" class="audiicon-small"></use><use
xlink:href="#NFC-inactive-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-NFC-inactive" aria-hidden="true"></i>
adblue
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#adblue-small" class="audiicon-small"></use><use
xlink:href="#adblue-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-adblue" aria-hidden="true"></i>
adblue-alert
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#adblue-alert-small" class="audiicon-small"></use><use
xlink:href="#adblue-alert-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-adblue-alert" aria-hidden="true"></i>
address-book
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#address-book-small" class="audiicon-small"></use><use
xlink:href="#address-book-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-address-book" aria-hidden="true"></i>
administrator
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#administrator-small" class="audiicon-small"></use><use
xlink:href="#administrator-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-administrator" aria-hidden="true"></i>
announcements
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#announcements-small" class="audiicon-small"></use><use
xlink:href="#announcements-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-announcements" aria-hidden="true"></i>
anti-theft-alarm-system
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#anti-theft-alarm-system-small" class="audiicon-small"></use><use
xlink:href="#anti-theft-alarm-system-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-anti-theft-alarm-system" aria-hidden="true"></i>
anti-theft-alarm-system-alert
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#anti-theft-alarm-system-alert-small" class="audiicon-small"></use><use
xlink:href="#anti-theft-alarm-system-alert-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-anti-theft-alarm-system-alert" aria-hidden="true"></i>
apps
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#apps-small" class="audiicon-small"></use><use
xlink:href="#apps-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-apps" aria-hidden="true"></i>
arrow-down
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-down-small" class="audiicon-small"></use><use
xlink:href="#arrow-down-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-down" aria-hidden="true"></i>
arrow-left-light
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-left-light-small" class="audiicon-small"></use><use
xlink:href="#arrow-left-light-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-left-light" aria-hidden="true"></i>
arrow-left-normal
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-left-normal-small" class="audiicon-small"></use><use
xlink:href="#arrow-left-normal-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-left-normal" aria-hidden="true"></i>
arrow-left-sharp
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-left-sharp-small" class="audiicon-small"></use><use
xlink:href="#arrow-left-sharp-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-left-sharp" aria-hidden="true"></i>
arrow-left-u-turn
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-left-u-turn-small" class="audiicon-small"></use><use
xlink:href="#arrow-left-u-turn-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-left-u-turn" aria-hidden="true"></i>
arrow-narrow-down
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-narrow-down-small" class="audiicon-small"></use><use
xlink:href="#arrow-narrow-down-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-narrow-down" aria-hidden="true"></i>
arrow-narrow-up
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-narrow-up-small" class="audiicon-small"></use><use
xlink:href="#arrow-narrow-up-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-narrow-up" aria-hidden="true"></i>
arrow-right-light
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-right-light-small" class="audiicon-small"></use><use
xlink:href="#arrow-right-light-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-right-light" aria-hidden="true"></i>
arrow-right-normal
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-right-normal-small" class="audiicon-small"></use><use
xlink:href="#arrow-right-normal-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-right-normal" aria-hidden="true"></i>
arrow-right-sharp
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-right-sharp-small" class="audiicon-small"></use><use
xlink:href="#arrow-right-sharp-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-right-sharp" aria-hidden="true"></i>
arrow-right-u-turn
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-right-u-turn-small" class="audiicon-small"></use><use
xlink:href="#arrow-right-u-turn-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-right-u-turn" aria-hidden="true"></i>
arrow-straight-down
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-straight-down-small" class="audiicon-small"></use><use
xlink:href="#arrow-straight-down-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-straight-down" aria-hidden="true"></i>
arrow-straight-up
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-straight-up-small" class="audiicon-small"></use><use
xlink:href="#arrow-straight-up-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-straight-up" aria-hidden="true"></i>
arrow-up
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#arrow-up-small" class="audiicon-small"></use><use
xlink:href="#arrow-up-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-arrow-up" aria-hidden="true"></i>
aupeo
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#aupeo-small" class="audiicon-small"></use><use
xlink:href="#aupeo-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-aupeo" aria-hidden="true"></i>
back
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#back-small" class="audiicon-small"></use><use
xlink:href="#back-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-back" aria-hidden="true"></i>
blog-post
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#blog-post-small" class="audiicon-small"></use><use
xlink:href="#blog-post-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-blog-post" aria-hidden="true"></i>
bookmark
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#bookmark-small" class="audiicon-small"></use><use
xlink:href="#bookmark-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-bookmark" aria-hidden="true"></i>
break-pad
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#break-pad-small" class="audiicon-small"></use><use
xlink:href="#break-pad-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-break-pad" aria-hidden="true"></i>
break-pad-alert
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#break-pad-alert-small" class="audiicon-small"></use><use
xlink:href="#break-pad-alert-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-break-pad-alert" aria-hidden="true"></i>
business-address
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#business-address-small" class="audiicon-small"></use><use
xlink:href="#business-address-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-business-address" aria-hidden="true"></i>
calendar-events
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#calendar-events-small" class="audiicon-small"></use><use
xlink:href="#calendar-events-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-calendar-events" aria-hidden="true"></i>
camera
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#camera-small" class="audiicon-small"></use><use
xlink:href="#camera-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-camera" aria-hidden="true"></i>
cancel
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#cancel-small" class="audiicon-small"></use><use
xlink:href="#cancel-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-cancel" aria-hidden="true"></i>
car
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#car-small" class="audiicon-small"></use><use
xlink:href="#car-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-car" aria-hidden="true"></i>
car-handover
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#car-handover-small" class="audiicon-small"></use><use
xlink:href="#car-handover-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-car-handover" aria-hidden="true"></i>
car-search
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#car-search-small" class="audiicon-small"></use><use
xlink:href="#car-search-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-car-search" aria-hidden="true"></i>
caution
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#caution-small" class="audiicon-small"></use><use
xlink:href="#caution-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-caution" aria-hidden="true"></i>
charging
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#charging-small" class="audiicon-small"></use><use
xlink:href="#charging-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-charging" aria-hidden="true"></i>
climate
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#climate-small" class="audiicon-small"></use><use
xlink:href="#climate-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-climate" aria-hidden="true"></i>
climate-auto
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#climate-auto-small" class="audiicon-small"></use><use
xlink:href="#climate-auto-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-climate-auto" aria-hidden="true"></i>
climate-electric
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#climate-electric-small" class="audiicon-small"></use><use
xlink:href="#climate-electric-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-climate-electric" aria-hidden="true"></i>
co2-emission
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#co2-emission-small" class="audiicon-small"></use><use
xlink:href="#co2-emission-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-co2-emission" aria-hidden="true"></i>
code
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#code-small" class="audiicon-small"></use><use
xlink:href="#code-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-code" aria-hidden="true"></i>
connect-key
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#connect-key-small" class="audiicon-small"></use><use
xlink:href="#connect-key-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-connect-key" aria-hidden="true"></i>
consumption
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#consumption-small" class="audiicon-small"></use><use
xlink:href="#consumption-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-consumption" aria-hidden="true"></i>
content-activities
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#content-activities-small" class="audiicon-small"></use><use
xlink:href="#content-activities-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-content-activities" aria-hidden="true"></i>
cubic-capacity
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#cubic-capacity-small" class="audiicon-small"></use><use
xlink:href="#cubic-capacity-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-cubic-capacity" aria-hidden="true"></i>
dashboard
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#dashboard-small" class="audiicon-small"></use><use
xlink:href="#dashboard-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-dashboard" aria-hidden="true"></i>
dealer-request
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#dealer-request-small" class="audiicon-small"></use><use
xlink:href="#dealer-request-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-dealer-request" aria-hidden="true"></i>
dealer-search
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#dealer-search-small" class="audiicon-small"></use><use
xlink:href="#dealer-search-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-dealer-search" aria-hidden="true"></i>
decrease-size
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#decrease-size-small" class="audiicon-small"></use><use
xlink:href="#decrease-size-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-decrease-size" aria-hidden="true"></i>
direct-mail
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#direct-mail-small" class="audiicon-small"></use><use
xlink:href="#direct-mail-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-direct-mail" aria-hidden="true"></i>
discussion
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#discussion-small" class="audiicon-small"></use><use
xlink:href="#discussion-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-discussion" aria-hidden="true"></i>
distance
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#distance-small" class="audiicon-small"></use><use
xlink:href="#distance-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-distance" aria-hidden="true"></i>
documents
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#documents-small" class="audiicon-small"></use><use
xlink:href="#documents-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-documents" aria-hidden="true"></i>
edit
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#edit-small" class="audiicon-small"></use><use
xlink:href="#edit-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-edit" aria-hidden="true"></i>
editorial
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#editorial-small" class="audiicon-small"></use><use
xlink:href="#editorial-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-editorial" aria-hidden="true"></i>
electric-charge-level-empty
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#electric-charge-level-empty-small" class="audiicon-small"></use><use
xlink:href="#electric-charge-level-empty-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-electric-charge-level-empty" aria-hidden="true"></i>
electric-charge-level-full
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#electric-charge-level-full-small" class="audiicon-small"></use><use
xlink:href="#electric-charge-level-full-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-electric-charge-level-full" aria-hidden="true"></i>
electric-charge-level-half
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#electric-charge-level-half-small" class="audiicon-small"></use><use
xlink:href="#electric-charge-level-half-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-electric-charge-level-half" aria-hidden="true"></i>
electric-charge-level-onequarter
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#electric-charge-level-onequarter-small" class="audiicon-small"></use><use
xlink:href="#electric-charge-level-onequarter-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-electric-charge-level-onequarter" aria-hidden="true"></i>
electric-charge-level-threequarter
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#electric-charge-level-threequarter-small" class="audiicon-small"></use><use
xlink:href="#electric-charge-level-threequarter-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-electric-charge-level-threequarter" aria-hidden="true"></i>
electric-range
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#electric-range-small" class="audiicon-small"></use><use
xlink:href="#electric-range-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-electric-range" aria-hidden="true"></i>
erase
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#erase-small" class="audiicon-small"></use><use
xlink:href="#erase-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-erase" aria-hidden="true"></i>
facebook
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#facebook-small" class="audiicon-small"></use><use
xlink:href="#facebook-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-facebook" aria-hidden="true"></i>
favorite
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#favorite-small" class="audiicon-small"></use><use
xlink:href="#favorite-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-favorite" aria-hidden="true"></i>
feed
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#feed-small" class="audiicon-small"></use><use
xlink:href="#feed-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-feed" aria-hidden="true"></i>
forward
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#forward-small" class="audiicon-small"></use><use
xlink:href="#forward-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-forward" aria-hidden="true"></i>
fuel
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#fuel-small" class="audiicon-small"></use><use
xlink:href="#fuel-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-fuel" aria-hidden="true"></i>
fuel-range
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#fuel-range-small" class="audiicon-small"></use><use
xlink:href="#fuel-range-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-fuel-range" aria-hidden="true"></i>
fuel-tank-level-empty
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#fuel-tank-level-empty-small" class="audiicon-small"></use><use
xlink:href="#fuel-tank-level-empty-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-fuel-tank-level-empty" aria-hidden="true"></i>
fuel-tank-level-full
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#fuel-tank-level-full-small" class="audiicon-small"></use><use
xlink:href="#fuel-tank-level-full-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-fuel-tank-level-full" aria-hidden="true"></i>
fuel-tank-level-half
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#fuel-tank-level-half-small" class="audiicon-small"></use><use
xlink:href="#fuel-tank-level-half-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-fuel-tank-level-half" aria-hidden="true"></i>
fuel-tank-level-onequarter
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#fuel-tank-level-onequarter-small" class="audiicon-small"></use><use
xlink:href="#fuel-tank-level-onequarter-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-fuel-tank-level-onequarter" aria-hidden="true"></i>
fuel-tank-level-threequarters
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#fuel-tank-level-threequarters-small" class="audiicon-small"></use><use
xlink:href="#fuel-tank-level-threequarters-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-fuel-tank-level-threequarters" aria-hidden="true"></i>
gas-range
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#gas-range-small" class="audiicon-small"></use><use
xlink:href="#gas-range-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-gas-range" aria-hidden="true"></i>
gas-tank-level-empty
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#gas-tank-level-empty-small" class="audiicon-small"></use><use
xlink:href="#gas-tank-level-empty-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-gas-tank-level-empty" aria-hidden="true"></i>
gas-tank-level-full
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#gas-tank-level-full-small" class="audiicon-small"></use><use
xlink:href="#gas-tank-level-full-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-gas-tank-level-full" aria-hidden="true"></i>
gas-tank-level-half
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#gas-tank-level-half-small" class="audiicon-small"></use><use
xlink:href="#gas-tank-level-half-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-gas-tank-level-half" aria-hidden="true"></i>
gas-tank-level-onequarter
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#gas-tank-level-onequarter-small" class="audiicon-small"></use><use
xlink:href="#gas-tank-level-onequarter-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-gas-tank-level-onequarter" aria-hidden="true"></i>
gas-tank-level-threequarters
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#gas-tank-level-threequarters-small" class="audiicon-small"></use><use
xlink:href="#gas-tank-level-threequarters-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-gas-tank-level-threequarters" aria-hidden="true"></i>
geofence
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#geofence-small" class="audiicon-small"></use><use
xlink:href="#geofence-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-geofence" aria-hidden="true"></i>
geofence-alert
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#geofence-alert-small" class="audiicon-small"></use><use
xlink:href="#geofence-alert-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-geofence-alert" aria-hidden="true"></i>
google-plus
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#google-plus-small" class="audiicon-small"></use><use
xlink:href="#google-plus-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-google-plus" aria-hidden="true"></i>
gps
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#gps-small" class="audiicon-small"></use><use
xlink:href="#gps-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-gps" aria-hidden="true"></i>
grab
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#grab-small" class="audiicon-small"></use><use
xlink:href="#grab-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-grab" aria-hidden="true"></i>
group-discussion
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#group-discussion-small" class="audiicon-small"></use><use
xlink:href="#group-discussion-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-group-discussion" aria-hidden="true"></i>
groups
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#groups-small" class="audiicon-small"></use><use
xlink:href="#groups-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-groups" aria-hidden="true"></i>
home
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#home-small" class="audiicon-small"></use><use
xlink:href="#home-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-home" aria-hidden="true"></i>
honk
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#honk-small" class="audiicon-small"></use><use
xlink:href="#honk-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-honk" aria-hidden="true"></i>
honk-and-flash
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#honk-and-flash-small" class="audiicon-small"></use><use
xlink:href="#honk-and-flash-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-honk-and-flash" aria-hidden="true"></i>
hotline
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#hotline-small" class="audiicon-small"></use><use
xlink:href="#hotline-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-hotline" aria-hidden="true"></i>
increase-size
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#increase-size-small" class="audiicon-small"></use><use
xlink:href="#increase-size-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-increase-size" aria-hidden="true"></i>
indicators
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#indicators-small" class="audiicon-small"></use><use
xlink:href="#indicators-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-indicators" aria-hidden="true"></i>
inspection
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#inspection-small" class="audiicon-small"></use><use
xlink:href="#inspection-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-inspection" aria-hidden="true"></i>
instagram
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#instagram-small" class="audiicon-small"></use><use
xlink:href="#instagram-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-instagram" aria-hidden="true"></i>
interior-configuration
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#interior-configuration-small" class="audiicon-small"></use><use
xlink:href="#interior-configuration-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-interior-configuration" aria-hidden="true"></i>
languages
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#languages-small" class="audiicon-small"></use><use
xlink:href="#languages-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-languages" aria-hidden="true"></i>
lights-day
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#lights-day-small" class="audiicon-small"></use><use
xlink:href="#lights-day-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-lights-day" aria-hidden="true"></i>
lights-dim
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#lights-dim-small" class="audiicon-small"></use><use
xlink:href="#lights-dim-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-lights-dim" aria-hidden="true"></i>
lights-full-beam
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#lights-full-beam-small" class="audiicon-small"></use><use
xlink:href="#lights-full-beam-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-lights-full-beam" aria-hidden="true"></i>
lights-led
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#lights-led-small" class="audiicon-small"></use><use
xlink:href="#lights-led-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-lights-led" aria-hidden="true"></i>
lights-xenon
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#lights-xenon-small" class="audiicon-small"></use><use
xlink:href="#lights-xenon-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-lights-xenon" aria-hidden="true"></i>
line
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#line-small" class="audiicon-small"></use><use
xlink:href="#line-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-line" aria-hidden="true"></i>
linkedin
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#linkedin-small" class="audiicon-small"></use><use
xlink:href="#linkedin-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-linkedin" aria-hidden="true"></i>
list
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#list-small" class="audiicon-small"></use><use
xlink:href="#list-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-list" aria-hidden="true"></i>
lock
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#lock-small" class="audiicon-small"></use><use
xlink:href="#lock-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-lock" aria-hidden="true"></i>
logbook
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#logbook-small" class="audiicon-small"></use><use
xlink:href="#logbook-large" class="audiicon-large"></use></svg>