---
title: Icon
path: component/icon
group: Others
---

## Icon

A semantic icon library.

### Guide

- Part of icons has solid and outline two versions, which the difference is `-o`. e.g. `shop`(solid) and `shop-o`(outline).
- Type naming rule: `[icon name]-[variant]-[outline or not(o)]`.

### API

| Property  | Description             | Type    | Default |
| --------- | ----------------------- | ------- | ------- |
| type      | Type of icon            | string  | `''`    |
| spin     | spin animation          | boolean | `false` |
| className | custom extra class name | string  | `''`    |