✂️ Optimize SVG and Flatten transforms and shapes ⚡
Lean-SVG is a tool, which is being made to optimize SVG and flatten the transforms which are present in SVG. This project is an experiment with Vue.js and SVGO.
Key Features • How to use? • Tutorial • Credits
You can use this project online by going to this link
or
locally by cloning and running this application [you'll need Git and Node.js (which comes with npm) installed on your computer]. From your command line:
# Clone this repository
$ git clone https://github.com/upendra-web/lean-svg
# Go into the repository
$ cd lean-svg
# Install dependencies
$ npm install
# Run the app
$ npm start
# Open your browser and goto 'localhost:8080'
Note: If you're using Linux Bash for Windows, see this
guide
or use node
from the command prompt.
First input a SVG by
Then select or activate the options which you require
You can view the modified SVG and Code with the help of toggle present in Header
Finally you can download your optimized SVG or just copy the markup.
You change the background of SVG viewer by using background option in Header section.
For new SVG you can directly go to the '+' in the header section.
This projects uses
And