Demo

Explore and search all 49,000+ icons on the live demo page.

Installation

npm install vexel-icons

yarn add vexel-icons

pnpm add vexel-icons

Usage

Vue

<script setup>
import { RoundedStrokeAdd01Icon } from 'vexel-icons/vue'
</script>

<template>
  <RoundedStrokeAdd01Icon :size="24" color="currentColor" :stroke-width="1.5" />
</template>

React

import { RoundedStrokeAdd01Icon } from 'vexel-icons/react'

export default function App() {
  return <RoundedStrokeAdd01Icon size={24} color="currentColor" strokeWidth={1.5} />
}

Angular

import { RoundedStrokeAdd01Icon } from 'vexel-icons/angular'

@Component({
  template: `<span [innerHTML]="iconSvg"></span>`
})
export class AppComponent {
  iconSvg = RoundedStrokeAdd01Icon.getSvg('#000', 1.5)
}

Direct Imports

For the best tree-shaking and build performance:

// Vue
import RoundedStrokeAdd01Icon from 'vexel-icons/vue/icons/RoundedStrokeAdd01Icon'

// React
import RoundedStrokeAdd01Icon from 'vexel-icons/react/icons/RoundedStrokeAdd01Icon'

// Angular
import RoundedStrokeAdd01Icon from 'vexel-icons/angular/icons/RoundedStrokeAdd01Icon'

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number \| string | 24 | Width & height in px | | color | string | currentColor | Icon color | | strokeWidth | number \| string | 1.5 | Stroke width |

Icon Naming

{Style}{Variant}{Name}Icon

3 Styles: Rounded, Standard, Sharp

5 Variants: Stroke, Solid, Duotone, Twotone, Bulk

Example: RoundedStrokeAdd01Icon, SharpSolidDelete02Icon, StandardDuotoneWifiIcon

Icons List

60 categories with 49,000+ icons total. Each icon is available in 15 combinations (3 styles x 5 variants).

| Category | Icons | Category | Icons | |----------|------:|----------|------:| | Add & Remove | 29 | AI | 93 | | Alert | 33 | Animation | 35 | | Arrows | 161 | Award | 38 | | Bookmark | 42 | Buildings | 82 | | Business | 242 | Check | 39 | | Clothing | 64 | Communications | 243 | | Crypto | 75 | Dashboard | 24 | | Date & Time | 81 | Devices | 195 | | Download & Upload | 24 | E-Commerce | 149 | | Editing | 436 | Education | 115 | | Emojis | 45 | Energy | 100 | | Files & Folders | 210 | Filter & Sorting | 39 | | Foods | 126 | Furnitures | 80 | | Games | 135 | Git | 11 | | Gym | 50 | Hands | 166 | | Hierarchy | 60 | Home | 21 | | Image & Camera | 76 | Islamic | 45 | | Kitchen | 46 | Layout | 57 | | Legal | 36 | Link & Unlink | 27 | | Login & Logout | 16 | Logistics | 93 | | Logos | 193 | Maps | 107 | | Mathematics | 148 | Media | 72 | | Medical | 88 | Menu | 28 | | Mouse | 88 | Notes & Tasks | 29 | | Presentation | 15 | Programming | 77 | | Science & Technology | 22 | Search | 17 | | Security | 99 | Settings | 45 | | Shapes | 16 | Space | 28 | | Users | 70 | Weather | 67 | | Wifi | 73 | | |

Each base icon above is available in all 15 style/variant combinations, totaling 49,000+ unique icons.

Performance

• ~540B shared runtime per framework
• ~400B average per icon
• 0 dependencies (only optional peer deps)
• Tree-shakeable — only ship icons you import
• CDN-powered — SVGs loaded on demand, cached in localStorage

License

MIT