SVG Icon System for vue cli 3

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • vue-cli-plugin-svg-sprite

    vue-cli 3 plugin to build an SVG sprite

    For more info about this svg-sprint addon

  • svg-sprite-loader

    Webpack loader for creating SVG sprites.

    /* vue.config.js */ module.exports = { pluginOptions: { svgSprite: { /* * The directory containing your SVG files. */ dir: 'src/assets/icons', /* * The reqex that will be used for the Webpack rule. */ test: /\.(svg)(\?.*)?$/, /* * @see https://github.com/kisenka/svg-sprite-loader#configuration */ loaderOptions: { extract: true, spriteFilename: 'img/icons.svg' // or 'img/icons.svg' if filenameHashing == false }, /* * @see https://github.com/kisenka/svg-sprite-loader#configuration */ pluginOptions: { plainSprite: true } } }, chainWebpack: config => { config.module .rule('svg-sprite') .use('svgo-loader') .loader('svgo-loader') } }

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • svg-icon-setup

    Reference for the code repo

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts