Gathering detailed insights and metrics for postcss-svgo
Gathering detailed insights and metrics for postcss-svgo
A modular minifier, built on top of the PostCSS ecosystem.
Installations
npm install postcss-svgoDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Min. Node Version
^18.12.0 || ^20.9.0 || >= 18
Node Version
20.19.1
NPM Version
10.8.2
Score
96.2
Supply Chain
99.5
Quality
89.8
Maintenance
100
Vulnerability
100
License
Releases
123
Languages
3
CSS
JavaScript
Nunjucks
CSS (77.36%)
JavaScript (22.18%)
Nunjucks (0.46%)
Developer
Download Statistics
Total Downloads
3,002,231,293
Last Day
2,304,839
Last Week
12,012,774
Last Month
49,052,864
Last Year
557,047,845
GitHub Statistics
MIT License
4,859 Stars
2,557 Commits
321 Forks
48 Watchers
43 Branches
112 Contributors
Updated on May 12, 2025
Bundle Size
569.38 kB
Minified
178.14 kB
Minified + Gzipped
Maintainers
7
Package Meta Information
Latest Version
7.0.2
Package Id
postcss-svgo@7.0.2
Unpacked Size
10.38 kB
Size
4.78 kB
File Count
10
NPM Version
10.8.2
Node Version
20.19.1
Published on
May 06, 2025
Total Downloads
Cumulative downloads
Total Downloads
3,002,231,293
Dependencies
2
Peer Dependencies
1
Dev Dependencies
2
postcss-svgo
Optimise inline SVG with PostCSS.
Install
With npm do:
npm install postcss-svgo --save
Example
Input
1h1 { 2 background: url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><circle cx="50" cy="50" r="40" fill="yellow" /></svg>'); 3} 4 5h2 { 6 background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiIGZpbGw9InllbGxvdyIgLz48IS0tdGVzdCBjb21tZW50LS0+PC9zdmc+'); 7}
Output
1h1 { 2 background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="%23ff0"/></svg>'); 3} 4 5h2 { 6 background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQwIiBmaWxsPSIjZmYwIi8+PC9zdmc+'); 7}
API
svgo([options])
options
encode
Type: boolean
Default: undefined
If true, it will encode URL-unsafe characters such as <, > and &;
false will decode these characters, and undefined will neither encode nor
decode the original input. Note that regardless of this setting, # will
always be URL-encoded.
plugins
Optionally, you can customise the output by specifying the plugins option. You
will need to provide the config in comma separated objects, like the example
below. Note that you can either disable the plugin by setting it to false,
or pass different options to change the default behaviour.
1const postcss = require('postcss'); 2const svgo = require('postcss-svgo'); 3 4const opts = { 5 plugins: [{ 6 name: 'preset-default', 7 params: { 8 overrides: { 9 removeViewBox: false, 10 removeComments: false, 11 cleanupNumericValues: { 12 floatPrecision: 2 13 } 14 } 15 } 16 }] 17}; 18 19 20postcss([ svgo(opts) ]).process(css).then((result) => { 21 console.log(result.css) 22});
You can view the full list of plugins here.
Usage
See the PostCSS documentation for examples for your environment.
Contributors
See CONTRIBUTORS.md.
License
MIT © Ben Briggs
No vulnerabilities found.
Reason
15 commit(s) and 2 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
GitHub workflow tokens follow principle of least privilege
Details
- Info: topLevel 'contents' permission set to 'read': .github/workflows/publish.yml:3
- Info: found token with 'none' permissions: .github/workflows/test.yml:1
- Info: no jobLevel write permissions found
Reason
license file detected
Details
- Info: project has a license file: LICENSE-MIT:0
- Info: FSF or OSI recognized license: MIT License: LICENSE-MIT:0
Reason
no binaries found in the repo
Reason
packaging workflow detected
Details
- Info: Project packages its releases by way of GitHub Actions.: .github/workflows/publish.yml:9
Reason
SAST tool is not run on all commits -- score normalized to 8
Details
- Warn: 25 commits out of 30 are checked with a SAST tool
Reason
2 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Reason
Found 5/22 approved changesets -- score normalized to 2
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/publish.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/publish.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/publish.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/test.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/test.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/test.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/test.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/test.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:50: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/test.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/cssnano/cssnano/test.yml/master?enable=pin
- Info: 0 out of 6 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 4 third-party GitHubAction dependencies pinned
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Score
6.6
/10
Last Scanned on 2025-05-12
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More