Tier 0Foundations · Phosphor is the icon family on every tier. Symbols are always icons, never text glyphs, GT America carries no dingbats, and never emoji.--yellow-solid · --primary-foreground · --yellow-border · --radius-lg
The yellow folder signature icon
18 · list
32 · grid
72 · hero
The single most-recognizable shape in put.io.
ph-fill ph-folder tinted var(--yellow-solid). Every file browser on every platform uses this exact icon.

Don't tint it anything but yellow. The four states after Default are proposed; no app ships them yet.
Default
ph-fill ph-folder
Shared
+ users badge · proposed
Loading
opacity .55 + pulse · proposed
Locked
+ lock badge · proposed
Empty
ph-folder outline · proposed
Icon system Phosphor · regular weight
Phosphor Icons, regular weight. Tint is contextual.

Utility icons (nav, toolbars, settings, history, menus) sit at --text-secondary or the surface text colour. Every file-type icon is --yellow-solid, folder through archive alike, via --file-row-icon. TV: file-type and nav icons yellow; status icons take their semantic colour.

Filled and bold weights are reserved for active nav states. Sources: web @phosphor-icons/react, Roku @phosphor-icons/core, Android and iOS vendored SVGs. The guide loads @phosphor-icons/web.

The three metaphors must stay visually distinct

Save to put.io
ph-upload-simple
Adding content to the cloud, magnets, URLs, torrents, browser extension saves.
Download to device
ph-download-simple
Pulling a file from put.io down to this machine. Never the same glyph as "save".
Stream / play
ph-play
Watching in place, player, TV app, inline preview. Always filled triangle.
These three were the single most-cited UX bug in user interviews when ambiguous. Never reuse the same glyph across two of them.
Sizes & weights
14 · dense list
16 · default UI
20 · toolbar
24 · nav
32 · TV (Roku 50 at FHD)
thin
regular
bold
fill · active
Default weight is regular. Use fill only for active tab states and the three brand metaphors.

Avoid duotone entirely, it clashes with the yellow folder's flat aesthetic.
Don't
Don't recolor the folder.
Always yellow.
Don't use Phosphor duotone.
Stick to regular & fill.
random platform emoji (folder) random platform emoji (download) random platform emoji (play)
Don't use emoji as icons,
they render differently everywhere.