Icons

Either paired with language or alone, icons communicate a message, commands or actions. They should be clear and meaningful.

Grid & Size

All our icons are created on a 24px artboard. Even if we use Sketch to design our product, we remain attached to Adobe Illustrator to design icons.
Our icons are flat or they can contain lines, some of them even exist in both styles. Strokes are 2 pixels and have a rounded end.
We use two types of border radius, 2 pixels for small radius and 4 pixels for large radius. Icons should be made in geometric shapes.

Colors

Celeste - Action icons
rgba(112, 118, 137, 1)
#707689
Malachite - For selection
rgba(27, 199, 78, 1)
#1BC74E

How to use

Our icons are mostly used in tables, for channel representations or actions at the end of the line. We also use them for our main browsing in order to give more context to our users.

Library

Channels
Chat
Call
Camera
Facebook
Instagram
Messenger
Twitter
Navigation
People
Apps
Reporting
Targeting
Actions
Download
Edit
Delete
See
More
Copy
Left
Right
Up
Bottom
Plus
Minus
Log-out
End call
Close
Filter
Filter
Like
Comment
Forward
New window
Emojis
Emoji Activity
Emoji Plants
Emoji Transport
Emoji Flags
Emoji Food
Emoji Objects
Emoji People
Emoji Symbols
Emoji Recent
Alerts
Exclamation
Help
Question
Others
Mail
Arrow up
Arrow
Attachment
Bell
Blocked
Bot
Bulhorn
Caddy
Calendar
Call meeting
Camera off
Canned answers
Center
Check
Checkbox
Community
Reward
Dashboard
Device
Bullet points
Email sent
Feedback
Flag
Flash
Gift
Like
Help center
Key
Lab
Hyperlink
Loading
Localization
Lock
Mention
Message
Microphone
Microphone off
Mixt channels
Mouse cursor
Navigation
Offer
Pause
Play
Pin stroke
Settings
Happy smiley
Neutral smiley
Sad smiley
Social comment
Social MP
Social post
Social SMS
Sound
Sound off
Star
Tag
Tag increase
Tag decrease
Tag edit
Technical help
Text
Time loop
Time loop
Topic
Trad
Tutorial
Type of page
Update
Users

Considerations