Icons
Icons powered by Phosphor Icons. Use the generic <Icon> component with any Phosphor icon name.
Import
import { Icon } from "@gumtree/ui/icons" ; Props
| Prop | Type | Default | Description |
|---|---|---|---|
name* | string | - | Phosphor icon name (e.g. "git-branch", "star") |
size | number | 16 | Icon size in pixels |
weight | "regular" | "thin" | "light" | "bold" | "fill" | "duotone" | "bold" | Icon weight variant |
class | string | - | Additional CSS classes |
Usage
< Icon name = "git-branch" size = { 24 } /> Icons
| Name | 16px | 24px | 32px | 48px |
|---|---|---|---|---|
git-branch | ||||
git-commit | ||||
git-merge | ||||
git-pull-request | ||||
git-fork | ||||
book-open | ||||
star | ||||
circle-dashed | ||||
eye | ||||
lock | ||||
globe | ||||
tag | ||||
clock | ||||
user | ||||
users | ||||
gear | ||||
magnifying-glass | ||||
check | ||||
x | ||||
warning | ||||
info | ||||
trash | ||||
pencil | ||||
plus | ||||
minus | ||||
arrow-right | ||||
arrow-left | ||||
caret-down | ||||
caret-right | ||||
file | ||||
folder | ||||
code | ||||
terminal | ||||
link | ||||
clipboard | ||||
bell |