Iconography Lab: Define an Icon Style Guide

[eleonorapopovska]

In this lab we will discuss in detail the Iconography we will use:

-For Desktop version
-For Mobile version

The Figma file, where you will be able to find the always updated Icon components is here >>>

https://www.figma.com/design/nJqc9ztwDs8ce0wdE2a4Q5/TangoCloud_2024?node-id=512-28586&t=UxMhQ4JLaqlND3TA-1

We will ensure all Iconography has a unified visual language, icons' shapes and line weights will complement and harmonize with our chosen Typography: (currently) Montserrat’s clean, geometric structure.

These are some basic categories, we'll look into:

Navigation Icons: Home, Search, Your Library, Playlist, Tanda...
Playback Icons: Play, Pause, Stop, Forward, Rewind.
Music Icons: Bandoneon, Vinyl Records, Musical Note...
Social Features: Share, Like, Comment, Add to Playlist.
Customization: Settings, Profile...