https://github.com/avencera/svgmini

Minify inline SVGs, use this to minify SVGs that are in your HTML/JSX files
https://github.com/avencera/svgmini

html jsx svg svg-icons tailwind

Last synced: 11 days ago
JSON representation

Minify inline SVGs, use this to minify SVGs that are in your HTML/JSX files

• Host: GitHub
• URL: https://github.com/avencera/svgmini
• Owner: avencera
• License: apache-2.0
• Created: 2020-02-13T13:42:03.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-06-17T01:43:45.000Z (over 2 years ago)
• Last Synced: 2024-10-19T11:21:12.215Z (17 days ago)
• Topics: html, jsx, svg, svg-icons, tailwind
• Language: JavaScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=avencera.svgmini
• Size: 2.05 MB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.MD
  • License: LICENSE

Awesome Lists containing this project

README

        
# SVGMini [![Build Status Travis](https://travis-ci.org/avencera/svgmini.svg?branch=master)](https://travis-ci.org/avencera/svgmini) [![Build status](https://ci.appveyor.com/api/projects/status/cgkccm1nn9x8r4bg/branch/master?svg=true)](https://ci.appveyor.com/project/praveenperera/svgmini/branch/master) [![npm version](https://badge.fury.io/js/svgmini.svg)](https://badge.fury.io/js/svgmini) [![vscode marketplace extension](https://vsmarketplacebadge.apphb.com/version/avencera.svgmini.svg)](https://marketplace.visualstudio.com/items?itemName=avencera.svgmini)

## Extension

**[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=avencera.svgmini)**

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](https://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.

`svgmini path/to_repo/index.html --replace-fill`

---

## 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](https://github.com/svg/svgo)

- [svgcleaner](https://github.com/RazrFalcon/svgcleaner)

- [SVG VSCode Plugin](https://marketplace.visualstudio.com/items?itemName=jock.svg)

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