🟢 Icons

Showmax design system has own set of handcrafted icons. We have balanced visual style of icons to make them fitting to components where we use them. Icons are used mainly as a part of other components that trigger some action (Button, ButtonLink, ...) or provide text information (Input, Alert, ...) to users.

Icons help to give an additional visual hint to users. We allow to use icon solely with no text in the component to express a main action (for example Play or Open menu).

Size

In case you need to use Icon independently on other components use following sizes:

  • 32 px
  • 24 px
  • 16 px

Library

General

Home

Home

Menu Side

Menu Side

Menu Hamburger

Menu Hamburger

Menu Kebab, More, Detail

Menu Kebab, More, Detail

Close

Close

Chevron Left

Chevron Left

Chevron Right

Chevron Right

Chevron Down

Chevron Down

Chevron Up

Chevron Up

Plus, Add

Plus, Add

Edit

Edit

Delete, Remove

Delete, Remove

Question Mark

Question Mark

Info

Info

Alert

Alert

Calendar

Calendar

Check, Done, Ready

Check, Done, Ready

Link

Link

Select

Select

Email, Envelope, Address

Email, Envelope, Address

Chat

Chat

Phone, Call

Phone, Call

Shield, Protection, Security

Shield, Protection, Security

Parental Control

Parental Control

Settings, Preferences

Settings, Preferences

User, Profile

User, Profile

Language / Localisation

Language / Localisation

Sign Out

Sign Out

Heart

Heart

Search and browse

Search, Browse

Search, Browse

Trailer, Preview

Trailer, Preview

Movies, Camera

Movies, Camera

Series, TV Show, Episodes

Series, TV Show, Episodes

Kids, Children

Kids, Children

Sport

Sport

(OBSOLETE) Sport

(OBSOLETE) Sport

Replaced temporarily by soccer ball

Download

Download

Downloaded, Stored

Downloaded, Stored

Star Full, Favorite

Star Full, Favorite

Star Empty, Favorite

Star Empty, Favorite

Lock Locked, Restricted

Lock Locked, Restricted

Lock Unlocked

Lock Unlocked

Notification, Reminder

Notification, Reminder

Notification Off, Reminder Off

Notification Off, Reminder Off

Gift, Incentive

Gift, Incentive

Time, Clock

Time, Clock

Playback

Play, Watch now

Play, Watch now

Pause

Pause

Stop

Stop

Next

Next

Previous

Previous

Forward

Forward

Backward

Backward

Forward, Seek Forward + Time

Forward, Seek Forward + Time

Rewind, Seek Back + Time

Rewind, Seek Back + Time

Forward, Seek Forward

Forward, Seek Forward

Rewind, Seek Back

Rewind, Seek Back

Subtitles, Audio, Speech

Subtitles, Audio, Speech

Max Volume

Max Volume

High Volume

High Volume

Low Volume

Low Volume

Mute

Mute

Expand, Enlarge, Maximize

Expand, Enlarge, Maximize

Shrink, Compress, Minimize

Shrink, Compress, Minimize

Picture in picture

Picture in picture

Live Stream

Live Stream

Social apps

Back (Android)

Back (Android)

Back (iOS)

Back (iOS)

Back (TV)

Back (TV)

Cast, Chromecast

Cast, Chromecast

Cast (Connected)

Cast (Connected)

Backspace

Backspace

Share (Android)

Share (Android)

Share (iOS)

Share (iOS)

Share (Web)

Share (Web)

Social apps

Facebook

Facebook

Instagram

Instagram

Whatsapp

Whatsapp

Twitter

Twitter

Youtube

Youtube

-> Specs in Figma