Rollup Plugin Svgo

✂️ A rollup plugin to import svg files processed with svgo
Alternatives To Rollup Plugin Svgo
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Svgo19,020281,7632,5496 days ago92November 02, 2021274mitJavaScript
⚙️ Node.js tool for optimizing SVG files
Imagemin Webpack Plugin6681,1633012 years ago40July 29, 201920mitJavaScript
Plugin to compress images with imagemin
Babel Plugin Inline React Svg466598567a month ago18February 23, 202132mitJavaScript
A babel plugin that optimizes and inlines SVGs for your React Components.
Grunt Svgmin43635,0743252 months ago19July 31, 2020mitJavaScript
Minify SVG
Webpack Svgstore Plugin204110512 years ago47October 15, 201827JavaScript
Simple svg-sprite creating with webpack
Grunt Svg2png77239174 years ago12September 19, 201731mitJavaScript
Grunt plugin to rasterize SVG to PNG images using PhantomJS
Vue Cli Plugin Svg Sprite701195 months ago6April 15, 20212mitJavaScript
vue-cli 3 plugin to build an SVG sprite
Html Webpack Inline Svg Plugin592017a year ago41August 12, 20202mitJavaScript
Embed svg inline when using the html webpack plugin
Inkscape Svgo55
2 years ago12September 19, 2021Makefile
Plugin to optimize SVGs in inkscape
Babel Plugin Inline Svg5074114a year ago5September 19, 20202JavaScript
Babel plugin to optimise and inline svg
Alternatives To Rollup Plugin Svgo
Select To Compare


Alternative Project Comparisons
Readme

version license

✂️ rollup-plugin-svgo

A rollup plugin to import svg files processed with svgo

SVG files, especially those exported from various editors, usually contain a lot of redundant and useless information. This can include editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting the SVG rendering result.

Usage

npm i -D rollup-plugin-svgo
import svgo from 'rollup-plugin-svgo'

export default {
  plugins: [
    svgo(/* options */)
  ]
}

Options

If you want to skip any svgo processing you can pass

{
  raw: true
}

in options. This will import the svg content as is.

Other options are passed directly to svgo to toggle various svgo plugins. You can find all plugins here: svg/svgo

Svgo options are a bit verbose to write, so see the defaults used below for how to do it:

Defaults

{
  plugins: [{
    removeViewBox: false
  }, {
    removeDimensions: true
  }]
}
Popular Svgo Projects
Popular Plugin Projects
Popular Graphics Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Plugin
Rollup
Svgo