# Icons Reference

## Usage

Icons use a ligature-based icon font. Theme selected via `$website-icon-theme` SCSS variable (`"rounded"` or `"sharp"`).

```html
<i class="ui-icons">icon_name</i>
```

The `.ui-icons` class is defined in `assets/scss/config/icon_config.scss`.

---

## Icon Names by Category

### Navigation
`arrow_bot`, `arrow_left`, `arrow_right`, `arrow_top`, `chevron_bot`, `chevron_left`, `chevron_right`, `chevron_top`, `double_chevron_horizontal`, `home`, `home_fill`, `menu`, `search`, `extend`

### Actions
`close1`, `close1_fill`, `close2`, `filter`, `link`, `plus`, `moins`, `share`, `share_fill`, `trash`, `settings`, `settings_fill`

### Social
`discord`, `facebook`, `instagram`, `linkedin`, `reddit`, `snapchat`, `spotify`, `tiktok`, `youtube`

### Media
`gallery`, `pause`, `pause_fill`, `player1`, `player1_fill`, `player2`, `player2_fill`, `shorts`, `shorts_fill`, `video`, `video_fill`

### Status / Feedback
`alert_off`, `alert_off_fill`, `alert_on`, `alert_on_fill`, `check1`, `check1_fill`, `check2`, `info`, `info_fill`, `warning`, `warning_fill`

### Content / Misc
`breakingnews`, `calendar`, `chat`, `heart`, `heart_fill`, `moon`, `sun`, `more_horizontal`, `more_vertical`, `news`, `news_fill`, `newsletter`, `premium`, `profil`, `profil_fill`, `star`, `star_fill`, `star_half`, `timeline`, `trend`

---

**Total: ~77 icons** available in both `rounded` and `sharp` variants.
