Design tip - size icons with 1cap, not px

Name: Design tip - size icons with 1cap, not px
Uploaded: 2026-10-20T06:00:37.000Z
Description: Design tip 🌲 - size icons with 𝟷𝚌𝚊𝚙, not 𝚙𝚡. 𝟷𝚌𝚊𝚙 is the height of a capital letter in the current font, so the icon tracks… UI animation by sanyam.

by sanyam

design tip 🌲 - size icons with 𝟷𝚌𝚊𝚙, not 𝚙𝚡. 𝟷𝚌𝚊𝚙 is the height of a capital letter in the current font, so the icon tracks the text at any size: .𝚕𝚊𝚋𝚎𝚕 { 𝚍𝚒𝚜𝚙𝚕𝚊𝚢: 𝚏𝚕𝚎𝚡; 𝚊𝚕𝚒𝚐𝚗-𝚒𝚝𝚎𝚖𝚜: 𝚋𝚊𝚜𝚎𝚕𝚒𝚗𝚎; } .𝚕𝚊𝚋𝚎𝚕 𝚜𝚟𝚐 {

Interface

Open source

Design tip - size icons with 1cap, not px — UI animation by sanyam

More like this