Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

aisvg2sprite

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

aisvg2sprite - npm Package Compare versions

Comparing version 0.1.1 to 1.0.0

2

package.json
{
"name": "aisvg2sprite",
"version": "0.1.1",
"version": "1.0.0",
"description": "Convert illustrator(ai) SVG to pretty SVG sprite",

@@ -5,0 +5,0 @@ "preferGlobal": true,

@@ -23,3 +23,33 @@ # aisvg2sprite

```
## Tips
How can i use SVG sprite in pages?
### Without `remove-fill` or `remove-stroke` option
```css
symbol *:not([style*="fill:none"]) {fill:inherit!important;}
symbol *:not([style*="stroke:none"]) {stroke:inherit!important;}
.icon {width:50px;height:50px;}
.icon > use {stroke:red;stroke-width:0;fill:green;}
```
```html
<svg class="icon"><use xlink:href="#i001"></use></svg>
```
See `/usage/withoutOptions/demo.html`
### With `remove-fill` or `remove-stroke` option
```css
.icon {width:50px;height:50px;stroke:red;stroke-width:0;fill:green;}
```
```html
<svg class="icon"><use xlink:href="#i001"></use></svg>
```
See `/usage/withOptions/demo.html`
## examples

@@ -53,4 +83,6 @@

<http://www.w3cplus.com/svg/styling-svg-use-content-css.html>
## License
[MIT](https://github.com/dolymood/aisvg2sprite/blob/master/LICENSE)

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc