SVGMini

Extension

Get it from the VS Code Marketplace →

Run SVGMini: Minify SVGs in Current File from the command palette.

Config

svgmini.replaceFill

When set SVGMini will replace all fill attributes in SVGs with currentColor. Defaults to false.

"svgmini.replaceFill": true

CLI

Install

Install via npm

yarn global add svgmini

or

npm install -g svgmini

or

Install from a github release:

curl -LSfs https://avencera.github.io/svgmini/install.sh | sh -s -- --git avencera/svgmini

or

Download a release directly from github: github.com/avencera/svgmini/releases

Run

Run on a file svgmini path/to_repo/index.html

Config

--replace-fill

When set SVGMini will replace all fill attributes in SVGs with currentColor. Defaults to false.

What?

A tool to minify SVGs that are contained in other documents (for example HTML or JSX files).

Why?

Lots of tools and plugins exist to minify SVGs for example:

• SVGO
• svgcleaner
• SVG VSCode Plugin

However none of them did what I wanted, which was to minify SVGs within my HTML files.