import { Meta, IconGallery, IconItem } from '@storybook/addon-docs' import '../components/lukso-icon/index'

Icons Showcase

Please check `lukso-icon` to learn how use icons. ### **Utility**

### **Colored icons**

### **Animated icons**

### **Sizes** Icons support four different sizes: `small`, `medium`, `large` and `x-large`.

#### `add-photo`

#### `arrow-down-lg`

#### `arrow-down-sm`

#### `arrow-left-lg`

#### `arrow-left-sm`

#### `arrow-right-lg`

#### `arrow-right-sm`

#### `arrow-up-lg`

#### `arrow-up-sm`

#### `barbell-outline`

#### `bulb-outline`

#### `camera`

#### `clipboard`

#### `clock`

#### `close-lg`

#### `close-sm`

#### `cloud`

#### `compass-outline`

#### `complete-filled`

#### `complete-outline`

#### `connect`

#### `connections`

#### `contract-lock`

#### `controller`

#### `copy`

#### `cross-outline`

#### `dots`

#### `edit`

#### `error`

#### `expand`

#### `extension`

#### `eye-hide`

#### `eye-show`

#### `filter`

#### `fish-outline`

#### `flip`

#### `globe`

#### `hamburger`

#### `infinite`

#### `information`

#### `key-outline`

#### `link`

#### `link-1`

#### `link-2`

#### `link-3`

#### `link-4`

#### `loading`

#### `location`

#### `locked`

#### `login`

#### `login-2`

#### `login-3`

#### `logo-chrome`

#### `mail`

#### `menu-1`

#### `menu-2`

#### `migrate`

#### `minimize`

#### `network`

#### `notifications`

#### `phone-portrait-outline`

#### `pin`

#### `play-filled`

#### `play-outline`

#### `plus`

#### `profile-add`

#### `profile-export`

#### `profile-import`

#### `profile-recovery`

#### `profile-recovery-2`

#### `profile-restore`

#### `profile`

#### `qr-code`

#### `relayer`

#### `reload`

#### `return-down`

#### `return-left`

#### `return-right`

#### `return-up`

#### `search`

#### `settings`

#### `smart-contract-doc`

#### `smart-contract`

#### `star-filled`

#### `star-outline`

#### `step-dot`

#### `step-progress`

#### `steps`

#### `tick`

#### `timer-outline`

#### `transaction-receive`

#### `transaction-send`

#### `transfer`

#### `trash`

#### `turn-down`

#### `turn-left`

#### `turn-right`

#### `turn-up`

#### `unlocked`

#### `wallet-outline`

#### `warning-round`

#### `warning-triangle`

#### `google-color`

#### `lyx-logo`

#### `eth-logo`

#### `progress-indicator`

#### `progress-complete`

#### `pulse-dot`

#### `complete-filled-fade-in`