---
url: /reference/icons.md
---
# Icons

Trek bundles ~40 SVG icons, rendered with `Trek::IconComponent`. A key is the icon's path under `app/assets/icons/`, so Trek's own are prefixed with `trek/`:

```ruby
render Trek::IconComponent.new("trek/search")
```

An app's own icons, in its `app/assets/icons/`, are rendered by their name alone (`IconComponent.new("logo")` for `app/assets/icons/logo.svg`).

Trek's keys include: `add`, `arrow-bar-left`, `arrow-bar-right`, `bold`, `check`, `chevron-left`, `chevron-right`, `chevron-double-left`, `chevron-double-right`, `close`, `cursor`, `danger`, `download`, `eraser`, `external`, `eye`, `grid`, `hr`, `italic`, `layout`, `link`, `list`, `logout`, `paragraph`, `pic`, `profile`, `quotation`, `rating`, `redo`, `undo`, `search`…

[MenuNode](/reference/models/menu-node) records can reference an icon via their `icon_key` to display it in the admin sidebar.