HOOFDSTUK 05 · ICONOGRAFIE

Iconografie

Atlas gebruikt Feather-iconen: lijniconen op een 24-raster met ronde uiteinden, getekend met currentColor. Zo staan ze inline op atlascorporation.org, zonder iconfont en zonder sprite. Hieronder staat een selectie van 82 iconen voor ERP, koppelingen, mkb, kassa, hardware, academy en contact.

archive

arrow-right

award

banknote

bar-chart-2

battery-charging

bluetooth

book-open

book

box

boxes

briefcase

building-2

cable

calculator

calendar

check-circle

check

clipboard-check

clipboard

clock

cloud

code

cpu

credit-card

database

dollar-sign

euro

factory

file-spreadsheet

file-text

gift

git-merge

globe

graduation-cap

handshake

hard-drive

hard-hat

help-circle

home

layers

life-buoy

link-2

link

linkedin

mail

map-pin

message-circle

monitor

nfc

package

percent

phone

pie-chart

play-circle

plug

printer

receipt

refresh-cw

router

scan-barcode

send

server

share-2

shopping-bag

shopping-cart

smartphone

store

tablet

tag

target

tool

trending-up

truck

user

users

utensils

video

webhook

wifi

workflow

wrench

Gebruik zoals live

• Raster 24 × 24, fill="none", stroke="currentColor", ronde caps en joins.
• Streekdikte: 1,6 voor feature-tegels (22 px), 2 voor pijlen en UI (14 tot 16 px) en 2,5 voor vinkjes (18 px).
• Kleur: accent #4EA0FF voor links en iconen, het knopverloop #2E80FF, wit op donkere vlakken. Achtergrond #05080F.
• Eerste keuze is Feather. Mist een icoon daar, neem dan Lucide (zelfde tekenstijl) en zet de streekdikte op de waarden hierboven.
• Geen eigen tekeningen en geen andere sets (zoals Tabler of Phosphor) erdoorheen mengen.

<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor"
     stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
  <path d="M5 12h14M12 5l7 7-7 7"/>
</svg>

Wil je de iconen als sprite? Gebruik <use href="assets/iconen/sprite.svg#i-mail">. Het bestand staat in assets/iconen/sprite.svg en zit ook in de downloads.

De zes iconen uit de live HTML

Deze zes staan letterlijk in de HTML van de site: pijl, vinkje, winkelwagen, lagen, wereldbol en scroll-chevron.

arrow-right

check

globe

layers

scroll-chevron

shopping-cart

Sociale iconen

LinkedIn, Instagram, WhatsApp en GitHub komen uit simple-icons (CC0). Gebruik ze alleen om naar die kanalen te verwijzen, in blauw of wit.

Licenties

Feather: MIT. Lucide: ISC. simple-icons: CC0. Zie Licenties en bronnen.