Skip to content

Prisma Design System v0.6 Beta

⌘K

Architecture

layout patterns naming convention slot system stacking design guide ui hierarchy

Foundations

color palette icon catalog icon tailwind mapping

Token System

decoration focus layout motion type scale

Density

Themes

Color Modes

Styles

Components

Input

date picker file upload input otp input search bar select tag input textarea

Control

button checkbox radio slider switch toggle group

Data Display

accordion avatar badge card chart chip icon lead icon list table typography

Feedback

alert empty state progress skeleton spinner stepper toast tooltip

Overlay

bottom sheet dialog drawer modal popover

Navigation

app bar breadcrumb navigation bar navigation menu pagination sidebar speed dial tabs

Layout

Other

AI Skills

component lifecycle interactive demo skill creator style scaling system rename token governance token reviewer ux research

Workflows

dev journal ds architect enforce rules layout new showcase post change research

Knowledge Base

bottom sheet component research button group placement analysis card hierarchy padding density formula industry benchmarking report ios26 liquid glass spacing research radius reform spacing optimization plan title hierarchy systems ui hierarchy cross platform

No results found

Home/Foundations/Icon

Icon

Design tokens for Icon

Token Reference 5 tokens

Token	Value	Description
`icon.sm`	16
`icon.md`	20
`icon.lg`	24
`icon.xl`	32
`icon.2xl`	48

© 2026 VNPay JSC · Mar 16, 2026