Icon
Wraps Phosphor Icons with validated size and weight. Import specific icons from phosphor-svelte and pass as the icon prop, or use standalone Phosphor components with size/weight props.
import { Icon } from 'glassui';
import { House, Gear, Heart } from 'phosphor-svelte';Props
Icon size in pixels or CSS value
Icon weight/thickness
Gallery
House
Gear
Heart
MagnifyingGlass
Bell
User
Star
Lightning
Check
X
ArrowRight
ArrowLeft
Plus
Minus
Eye
EyeSlash
Lock
LockOpen
All Weights
thin
light
regular
bold
fill
duotone
Code
import { Icon } from 'glassui';
import { Heart } from 'phosphor-svelte';
<Icon icon={Heart} size={32} weight="regular" />