Beautiful Vue Icon Library for Modern Apps
Ship modern Vue applications on one consistent icon set, featuring 27,988+ customizable SVG icons across 60+ categories, including 2,277+ free icons. Install via npm or use the CDN, import only the icons you need, and set size, color, and stroke with props.
200k+ Active Users
Why Developers Choose Lineicons Vue
Built for speed, customization, and design consistency, with the formats, type safety, and framework support that Vue projects need.
27,988+ Vue-Ready Icons
One set drawn on a single grid. Not a bundle of icon packs from different designers, so every icon matches every other icon.
2,277+ Free Icons
Free icons cover all five styles. Use them in personal and commercial projects. No attribution, no sign up, no credit card.
60+ Organized Categories
Browse by category instead of scrolling through thousands of names. Filter to business, AI, accessibility, emoji, or other groups.
Tree-Shakable ESM Modules
Your bundler keeps the icons you import and drops the rest, so your bundle size tracks what you use, not the library size.
TypeScript Support
Type definitions ship inside the package. Props autocomplete in your editor, and type errors appear before you build.
Figma + NPM + CDN Integration
Designers pull icons from the Figma plugin. Developers install the same icons from npm or load them from the CDN.
From Browsing Icons to Working Vue Code
Adjust and filter icons on the site, save the ones you need, then install the package and drop icons straight into your templates.
Customize Before You Copy
Set type, style, color, size, stroke width, and rotation in the browser, then copy the component into your code.
Filter Icons for Vue Projects
Filter by style and category simultaneously. Narrow five styles and 60 categories down to the few icons you need.
Create Reusable Vue Icon Sets
Save icons to named collections, add to them as the project grows, and download an entire collection as a single file.
Copy in the Format You Need
Copy any icon as a Vue component, SVG, or HTML, or download the file. The same icon, in whichever format your project takes.
Pro Icons
Free Icons
Categories
Styles
In Your Preferred Formats
Add Lineicons to Your Vue Project
One npm command installs the component and the free icon set. Works with npm, yarn, and pnpm, in Vite and Vue CLI projects.
Icons Are SVG Components
Bind an icon to the Lineicons component in your template. No CSS file to import, no font to download, no class name syntax to learn.
One Icon, Every Size and Color You Need
Set size, color, and strokeWidth as props. Color defaults to currentColor, so icons follow your text and your dark mode theme.
Five Icon Styles for Every State in Your Vue Projects
Switch between five styles with a single prop, so that a single design system can use stroke for navigation, solid for active states, and duotone for empty states.
This Is How Your Interface Will Glow With Lineicons Vue
Start Free And Scale With Pro
Free tier provides CDN access to 2,277 icons - no sign-up or credit card required. Upgrade to Pro to unlock the full library and advanced features.
Lineicons Free
Free Forever With Essential Icons
- 2277+ Free Essential Icons
- Line and Solid Icon Styles
- Free Icon Font CDN
- Web Fonts, SVG, PNG and React Files
- Figma Plugin
- NPM Packages and Integrations
- Figma Design Source Files
- Duotone Icons
- Bulk Icons
- Collection Management
- Invite Team Members
- Attribution is Appreciated, Not Required
- Community Support
Choose Between Free and Premium Vue Icons
Both tiers ship the same Vue component and all five styles. Start free today, then upgrade when your project outgrows it.
2,277+ free Vue icons in all styles
Ship them in client work and commercial products under the MIT license. No sign-up and no attribution.
The full 27,988+ icon library
Unlock every category, plus brand and social icons, and Pro CDN access. Pay once, keep the icons, skip the yearly renewal.
Sergei Rednev
Product manager
Marko Denic
Developer Advocate & Software Engineer
Hossein Yazdi
Founder of WebCurate.co
Ryzal Yusoff
Founder, Reader Mode
Xi.Z
Ex Senior Director at OnePlus
Grady Jin
AI Product Manager
Matthew Pierce
Founder, PanelJam
Kay Kwak
Chief Strategy Officer at Arkain
Tanbir Ahmed
UI/UX Designer
K. Karnik
UX Designer, MyOptimity
Justin Bao
Building the AI-native Email - Filo
Fajar Siddiq
Serial Entrepreneur, Singapore
Imran khan
Founder at WPBean
Frequently Asked Questions
Everything developers ask before choosing a Vue icon library. Need more help? Contact us directly.
npm install @lineiconshq/vue-lineicons @lineiconshq/free-icons. Import the Lineicons component, then import each icon you need by name.<Lineicons :icon="Home2Outlined" :size="24" color="blue" />. Color defaults to currentColor, and strokeWidth defaults to 1.5 on stroke icons.IconData interface, and every icon export.<script setup> and import icons directly, or register the Lineicons component and hold the icon in data. Both patterns are documented with examples.Still Have questions or need help choosing a plan?
Contact Us
We Offer Great Value
Plans for Every Need
Unlock exclusive tools and benefits for a premium experience.
27,988 Premium Icons - All Yours!
Multiple projects, multiple collections.
14 icon styles, covers everything.
Pro CDN Access.
60 icons categories.
Installation via package managers.
Unlocked customization controls.
Lineicons premium license & more.
Super handy figma plugin.
Available in SVG, Figma, React & More.