Icons

Icons are the visual expression of a brand’s products, services, and tools. Simple, bold, and friendly, they communicate the core idea and intent of a product. While each product icon is visually distinct, all product icons for a given brand should be unified through concept and execution.

Use these guidelines as a starting point to ensure that the products icon colors and key elements reflect the brand’s identity.

Icon style

All icons are drawn with a 2 pixel line thickness and occational small filled shapes. All icons should be in ys-color-grey-28 or ys-color-white (See color definitions) when used on dark backgrounds. Icons should reflect the text colour.

If you are a developer and looking for code examples to implement the SVG icons, please go to Components > Icons & Logo > Icon.

YouSee Icon Set

add-to-playlist
additional-packages
airplay
album
archive
arrow-left
arrow-right
article
artist-radio
artist
attach-file
blandselv
bluetooth
booster
browse
burger-menu
calendar
call-abroad
camera
campaigns
channels
check-mark
chromecast
close-with-circle
close
cloud-fail
cloud-play
cloud-streaming
compare
consumption
contact
delete-locked
delete
download
error
exclamation-mark
external-link
favorite-channels
favorites-active
favorites
fiber
filters
forum
gaming
genre
globe
help-with-circle
hitlist
housing-association
humax
hybrid
info-with-circle
landline
laptop
live-tv
location
lock-open
log-out
maximize
minimize
minus
mobile-broadband
mobile-phone
mobile-wifi
more-options
most-played
movies
music
notifications
on-off
outage-warning
parental-lock
parental
password-hide
password-show
payment-card
payment-return
personal-help
picture-in-picture-active
picture-in-picture
pin-active
pin-inactive
player-back-10seconds
player-back-to-live
player-fast-forward
player-forward-30seconds
player-orientation-lock
player-pause
player-play
player-record
player-rental
player-rewind
player-series-record
player-start-over
player-stop
playlist
power
print
profile
radio-live
radio-song
recent-playlist
recently-added
reminder-active
reminder
remote-fast-forward-active
remote-fast-forward
remote-next-active
remote-next
remote-pause-active
remote-pause
remote-play-active
remote-play
remote-record-active
remote-record
remote-rewind-active
remote-rewind
remote-stop-active
remote-stop
rental-lock
rental-unlocked
repeat-one
repeat
restart-box
reviews
roaming
router-mobile-medium
router-mobile-small
router
screen-size
search
security
series-record-active
series-record
series
settings
share
shuffle
sim-card
simple-arrow-down
simple-arrow-left
simple-arrow-right
simple-arrow-up
smart-home
smart-watch
songs
sort-channels
sorting
speedtest
step-guide
subscription
subtitles-dk
subtitles
support
tablet
technician
text-tv
trailer
troubleshooting
tv-film
tv-guide
unplayable
update
upload
users-couple
users-family
users-single
video-guide
voice
voicemail
volume-1
volume-2
volume-3
volume-mute
voucher
yousee-more