sdras / Vue Sample Svg Icons
Licence: mit
An opinionated example of how to use SVG icons in a Vue.js application
Stars: ✭ 399
Projects that are alternatives of or similar to Vue Sample Svg Icons
Feathericon
simply generic vector icon collection - including sketch file, svg files, and font files.
Stars: ✭ 178 (-55.39%)
Mutual labels: svg, svg-icons
Vue Eva Icons
Is a pack of more than 480 beautiful open source Eva icons as Vue components
Stars: ✭ 189 (-52.63%)
Mutual labels: svg, svg-icons
Akar Icons
A perfectly rounded icon library made for designers, developers, and pretty much everyone.
Stars: ✭ 184 (-53.88%)
Mutual labels: svg, svg-icons
React Native Svg Icon
A simple, but flexible SVG icon component for React Native
Stars: ✭ 164 (-58.9%)
Mutual labels: svg, svg-icons
Vectorlogozone
3,000+ gorgeous SVG logos, perfect for your README or credits page
Stars: ✭ 239 (-40.1%)
Mutual labels: svg, svg-icons
Materialdesign Svg
@mdi/svg Dist for Material Design Icons.
Stars: ✭ 166 (-58.4%)
Mutual labels: svg, svg-icons
Supertinyicons
Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
Stars: ✭ 13,177 (+3202.51%)
Mutual labels: svg, svg-icons
Coreui Icons
CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats
Stars: ✭ 1,813 (+354.39%)
Mutual labels: svg, svg-icons
Svg Credit Card Payment Icons
SVG Credit Card & Payment Icons: 6 Styles, 80 Icons
Stars: ✭ 227 (-43.11%)
Mutual labels: svg, svg-icons
Grayshift
A lightweight front-end component library for developing fast and powerful web interfaces.
Stars: ✭ 304 (-23.81%)
Mutual labels: svg, svg-icons
Angular Svg Icon
Angular component for inlining SVGs allowing them to be easily styled with CSS.
Stars: ✭ 151 (-62.16%)
Mutual labels: svg, svg-icons
File Icon Vectors
A collection of file type icons in SVG format
Stars: ✭ 171 (-57.14%)
Mutual labels: svg, svg-icons
Vivid
a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.
Stars: ✭ 1,797 (+350.38%)
Mutual labels: svg, svg-icons
Weather Underground Icons
Weather Underground Icons ( PNG & SVG )
Stars: ✭ 186 (-53.38%)
Mutual labels: svg, svg-icons
Svg To Ts
Build performant SVG icon libraries by converting raw SVG files to TypeScript that is optimized for modern tree shaking mechanisms.
Stars: ✭ 131 (-67.17%)
Mutual labels: svg, svg-icons
Circle Flags
A collection of 300+ minimal circular SVG country flags
Stars: ✭ 139 (-65.16%)
Mutual labels: svg, svg-icons
Sample SVG Icon usage for Vue.js
A demo to show how I prefer to set up an SVG icon system in Vue.js. You can see a demo live here. You don't have to do it this way, it's an opinionated example. More details for why it's set up in this manner in the Vue Cookbook.
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].