https://github.com/startpolymer/s-svg
A polymer element allowing SVG images to be responsive and styled with CSS.
https://github.com/startpolymer/s-svg
polymer svg
Last synced: about 1 year ago
JSON representation
A polymer element allowing SVG images to be responsive and styled with CSS.
- Host: GitHub
- URL: https://github.com/startpolymer/s-svg
- Owner: StartPolymer
- Created: 2016-10-05T12:28:33.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-10-09T23:44:58.000Z (over 8 years ago)
- Last Synced: 2025-04-11T18:24:25.880Z (about 1 year ago)
- Topics: polymer, svg
- Language: HTML
- Homepage:
- Size: 4.88 KB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# <s-svg>
A polymer element allowing SVG images to be responsive and styled with CSS.
## Using
Use optimized SVG. In Inkscape choose `Optimized SVG` file type upon `Save As` (Ctrl + Shift + S) and check `Enable viewboxing` in the Save As dialog.
```xml
...
```
```css
.container {
color: #fff;
height: 200px;
}
.logo {
fill: currentColor;
}
```
```html
```
## Install
`bower i s-svg -S`
## License
MIT: [StartPolymer/license](https://github.com/StartPolymer/license)