Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

Legacy icons

These are icons found in base/_icons.scss. This file configures the available icons via for example the class .icon--train.
It is mandatory to provide a colour class or the icon won't show - like .icon--nsBlue for most. Some icons are only available in certain colours, like windmill with .icon--nsGreenOnGrey7. Two of them - Negen and OVchipkaart - are only in black, Chat and Play only white ;-)

This is how icons get generated

Icons configured in base/_icons.scss will be used by shared setup/_iconfactory.scss to generate background images as inline CSS. For each colour configured an icon with modifier classes will be made. This means that if you would configure all colours for an icon, you'll get a rather large CSS file.
If the icon is not available as an SVG in NSDesign Shared, it won't work.

Legacy icons

Icon for Alert
alert
Icon for Arrow
arrow
Icon for Audience-large
audience-large
Icon for Bike
bike
Icon for Bus
bus
Icon for Calendar
calendar
Icon for Calendar-medium
calendar-medium
Icon for Car
car
Icon for Cart
cart
Icon for CartFilled
cartFilled
Icon for CartFilledMedium
cartFilledMedium
Icon for CartFilledLarge
cartFilledLarge
Icon for Chat
chat
Icon for Checkmark
checkmark
Icon for Checkmark-circle
checkmark-circle
Icon for Chevron-large
chevron-large
Icon for Chevron-medium
chevron-medium
Icon for Chevron-down-medium
chevron-down-medium
Icon for Chevron-down-medium-mask
chevron-down-medium-mask
Icon for Chevron-mini
chevron-mini
Icon for Children
children
Icon for Clock
clock
Icon for Clock-small
clock-small
Icon for Close
close
Icon for Crossborder
crossborder
Icon for Customerservice-large
customerservice-large
Icon for Discount
discount
Icon for Discount-dates
discount-dates
Icon for Durability
durability
Icon for Ferry
ferry
Icon for File
file
Icon for File-pdf
file-pdf
Icon for Filter
filter
Icon for Group
group
Icon for Halte
halte
Icon for Hike-large
hike-large
Icon for Icdirect
icdirect
Icon for Info
info
Icon for Magnifier
magnifier
Icon for Maintenance
maintenance
Icon for Menu-dots
menu-dots
Icon for Minus
minus
Icon for Negen
negen
Icon for Netherlands
netherlands
Icon for Ovchipkaart
ovchipkaart
Icon for Overcheck
overcheck
Icon for Play
play
Icon for Plus
plus
Icon for Poi
poi
Icon for Print
print
Icon for Products-large
products-large
Icon for Public-transport
public-transport
Icon for Refresh
refresh
Icon for Route
route
share
Icon for Stopwatch
stopwatch
Icon for Student
student
Icon for Street
street
Icon for Subscription
subscription
Icon for Subscription-2
subscription-2
Icon for Subscription-3
subscription-3
Icon for Switch
switch
Icon for Train
train
Icon for Train-medium
train-medium
Icon for Transfer-small
transfer-small
Icon for User
user
Icon for Volume_level2
volume_level2
Icon for Windmill
windmill
Icon for Walk
walk