You are currently viewing outdated (<=3.x) Chameleon documentation on our old website. For version >=4.x, check out our new website.

Current release: 3.5.0 | hub

foundations

Iconography ()

Chameleon icons support increased meaning and metaphors. They are designed to be simple, flexible and visually balanced.

Chameleon Design System provides a consistent set of multibranded icons. Every icon is designed with a uniform bounding box that guarantees consistent placement and visual balance.

We strongly believe that iconography also has a fundamental impact on a brand's visual expression. Therefore, Chameleon's Iconography System ensures that each brand shares the same base set of icons, where every brand has te option to extend it with a custom icon set. This way we encourage them to contribute to the design system and helping to translate their visual langue into Chameleon's multibranding concept.

Browse icons

Add
Apple
Archive
ArrowBack
ArrowDown
ArrowForward
ArrowUp
Attachment
Backward
Bookmark
BookmarkFill
Bot
BotFill
Brand
BrandFill
Breaking
BreakingFill
Bullet
BulletFill
Calendar
Camera
CameraFill
Cart
Cast
Checkmark
ChevronBack
ChevronDoubleBack
ChevronDoubleForward
ChevronDown
ChevronForward
ChevronUp
Clipboard
Clock
ClockFill
Close
Comment
CommentFill
Conditions
ConditionsFill
Copy
Country
CountryFill
CustomerSupport
CustomerSupportFill
Cut
Delete
Discover
DiscoverFill
Document
Download
Drag
Edit
Error
ErrorFill
Exit
Expand
ExternalLink
Facebook
Favourite
FavouriteFill
Feedback
FeedbackFill
Filter
FilterFill
Flag
FlagFill
Folder
Football
FootballFill
Forbidden
Forward
Gallery
GalleryFill
Gift
GiftFill
Github
Google
Hide
History
Home
HomeFill
Inbox
Info
InfoFill
Instagram
Language
Layout
LayoutGrid
LayoutGridFill
Link
Linkedin
List
ListFill
Live
LiveFill
LockClosed
LockOpen
Mail
MailFill
Menu
MenuFill
Mic
MicFill
MoreHorizontal
MoreHorizontalFill
MoreVertical
MoreVerticalFill
Music
MusicFill
Notification
NotificationFill
Opinion
OpinionFill
Palette
PaletteFill
Pause
Person
PersonFill
Phone
PhoneFill
Pin
PinFill
Pinterest
Placeholder
Plate
PlateFill
PlateHalf
Play
PlayArrow
PlayFill
Podcast
PodcastFill
Print
PrintFill
RecentlyViewed
RecentlyViewedFill
Refresh
Rss
RssFill
Save
Search
SearchFill
Send
Settings
SettingsFill
Shape
Share
ShareFill
Shield
ShieldFill
ShoppingBag
Skype
Sorting
SortingAsc
SortingDesc
Sound
SoundFill
Spinner
Spotify
Star
StarFill
StarHalf
Stop
StopFill
Tag
TagFill
Textsize
ThumbsDown
ThumbsUp
Tiktok
Trending
TrendingFill
Tune
TuneFill
Twitter
Unknown
Upload
Videocam
VideocamFill
Wallet
Warning
WarningFill
WeatherDayDrizzle
WeatherDayFreezingRain
WeatherDaySlightlyCloudy
WeatherDaySunny
WeatherFog
WeatherHeavyOvercast
WeatherHeavyRain
WeatherLightSnowfall
WeatherNightClear
WeatherNightDrizzle
WeatherNightFreezingRain
WeatherNightSlightlyCloudy
WeatherRain
WeatherSnowfall
WeatherSnowyRain
WeatherSofthail
WeatherThermometer
WeatherThunderstorm
WeatherWater
WeatherWind
Whatsapp
Youtube
ZoomIn
ZoomOut

Usage

Please check out the guidelines on how to use them.

Not finding the right icon?

Chameleon Design System is a living thing. Therefore, the situation may occur that certain icons do not yet exist. Please see our Getting in touch page for information on how to reach out. If there's a similar icon already, we will suggest you to use a existing one instead.

© Copyright 2020 Mediahuis NV. All rights Reserved