quiXzoom — Icon Library

18 ikoner · VW AG geometriskt formspråk · Stroke-only design

viewBox 0 0 48 48
stroke #0066FF / #1d1d1f
stroke-width 1.8
linecap round
fill none
grid 8px baseline
Uppdragstyper — Mission Types (8 ikoner)

↓ Mörk bakgrund (#1d1d1f) — stroke #0066FF

icon-infra
icon-building
icon-nature
icon-damage
icon-geo
icon-city
icon-gov
icon-shield
Processsteg — Process Steps (3 ikoner)

↓ Mörk bakgrund

icon-phone
icon-map
icon-payment
Plattformsfunktioner — Platform Features (4 ikoner)

↓ Mörk bakgrund

icon-transparent
icon-camera
icon-bankid
icon-stats
UI-ikoner — Utility Icons (3 ikoner)

↓ Mörk bakgrund

icon-check-circle
icon-arrow-right
icon-star
Alla ikoner — Ljus bakgrund (#f5f5f7) med stroke #1d1d1f
icon-infra
icon-building
icon-nature
icon-damage
icon-geo
icon-city
icon-gov
icon-shield
icon-phone
icon-map
icon-payment
icon-transparent
icon-camera
icon-bankid
icon-stats
icon-check-circle
icon-arrow-right
icon-star

Inline Sprite Usage

<!-- 1. Inkludera sprite-sheet i <body> (dold) --> <!-- Innehåll från ICON_SPRITES.svg --> <!-- 2. Använd en ikon --> <svg width="48" height="48" aria-hidden="true"> <use href="#icon-infra"/> </svg> <!-- 3. Storlek via CSS --> .icon { width: 40px; height: 40px; } <!-- 4. Byt färg via CSS (currentColor) --> /* I ICON_SPRITES.svg, ersätt #0066FF med currentColor */ .icon-dark { color: #0066FF; } .icon-light { color: #1d1d1f; }