co-icon

co-icon — Phosphor icon renderer. Usage:

Demo

Ver código

<co-icon name="bell" size="24"></co-icon>
<co-icon name="user" size="24" weight="fill"></co-icon>
<co-icon name="heart" size="24" weight="duotone"></co-icon>

API

Props

Prop	Atributo	Tipo	Default	Descripción
name	name	string	''	Phosphor icon name in kebab-case, e.g. "plus", "arrow-right", "magnifying-glass"
size	size	number	16	Size in px — applied to width & height of the SVG
weight	weight	"bold" | "duotone" | "fill" | "light" | "regular" | "thin"	'regular'	Icon weight / style variant

Eventos

Este componente no emite eventos personalizados.

Slots

Este componente no expone slots.

CSS Parts

Part	Descripción
::part(svg)

CSS Custom Properties

Este componente no expone CSS custom properties.