Icon

An icon component. You should use each icon for the purpose that its name suggests.

Examples

beer:
back:
next:
align-center:
align-left:
align-justify:
align-right:
decrement:
increment:
save:
delete:
file:
text:
image:
effect:
emoji:
okay:

Preact

jsx

return (
  <Icon icon="back" />
);

Custom Element

html

<phi-icon icon="back" />

Vanilla JS x CSS

Unsupported.

We recommend to use Material Design Icons icon font.

Reference

Preact

Properties

Property	Type	Default	Description
`icon`	`string`	(required)	Icon name to show

Custom Element

Props / Attrs

Slot	Category	Type	Default
`icon`	Prop/Attr	`string`	`""`

Pure-CSS

Unsupported.