Vue icons
One NuqtaIcon component for Vue 3 and Nuxt. Pass any icon from a style package and set size, color and accent color as props.
- 105K+ icons
- 4,406 designs
- 8 styles
- 3 corner shapes
- 24px grid
- Free Stroke set
Stroke style
A few of the most used vue icons. Click any icon for the SVG, code and all 8 styles.
Install in a minute
npm i @nuqta/vue @nuqta/icons-stroke-round
<NuqtaIcon :icon="CalendarIcon" :size="24" />Full steps, props and options in the Vue guide.
Why teams pick Nuqta
One consistent systemEvery icon shares one 24px grid, one stroke weight and the same corner rules.
8 styles, 3 cornersStroke, Light, Bold, Filled, Duotone, Twotone, Tint and Shift, each Round, Classic or Sharp.
Design and code in syncFigma plugin plus packages for React, Vue, React Native and Flutter, with matching names.
Commercial licenseUse the icons in your products and client work. The Stroke set is free.
Questions
Does it support Nuxt?
Yes. It is a regular Vue 3 component, so it works in Nuxt and Vite projects.
Browse by category
Icons sorted the way you look for them.
Alerts & StatusArrows & DirectionsArtificial IntelligenceBadges & RewardsBusiness & MoneyCelebrationsCharts & DiagramsCode & DevDesign ToolsDevices & HardwareFaces & EmojiFashion & BeautyFiles & DocsFood & DrinkGames & PlayHand GesturesHealth & MedicalHome & LivingInterface ControlsIslamicLaw & JusticeLayout & GridsLearning & SchoolMaps & LocationAll categories