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!
Latest Updates
-
User Interface / Components / Drag & Drop
21. Aug 2017Updated Example for File-Upload
-
User Interface / Components / Input-Fields
21. Aug 2017Updated Example for Date-Picker
-
User Interface / Components / Buttons
15. Aug 2017Updated Content
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
-
audio-volume
-
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
-
engine
-
erase
-
-
favorite
-
feed
-
filter
-
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
-
parking-pilot
-
pause
-
photo
-
-
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
-
settings
-
share
-
shopping-basket
-
shuffle
-
skip-next
-
skip-previous
-
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
-
-
youku
-
youtube
-
zhihu
-
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-wechat
-
system-weibo
-
system-xing
-
system-youku
-
system-youtube
-
system-zhihu
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>
audio-volume
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#audio-volume-small"
class="audiicon-small"></use><use
xlink:href="#audio-volume-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-audio-volume"
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>
engine
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#engine-small"
class="audiicon-small"></use><use
xlink:href="#engine-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-engine"
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>
filter
Dateien
SVG Sprite
<svg class="audiicon"><use xlink:href="#filter-small"
class="audiicon-small"></use><use
xlink:href="#filter-large" class="audiicon-large"></use></svg>
Icon Font
<i class="audiglyph audiglyph-filter"
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