Sha256: 835294b0531bb3f9f5b927e954172cac1ed44b84e400af041b3b7d66db90221d
Contents?: true
Size: 1.73 KB
Versions: 5
Compression:
Stored size: 1.73 KB
Contents
<!---
This README is automatically generated from the comments in these files:
iron-iconset-svg.html
Edit those files, and our readme bot will duplicate them over here!
Edit this file, and the bot will squash your changes :)
The bot does some handling of markdown. Please file a bug if it does the wrong
thing! https://github.com/PolymerLabs/tedium/issues
-->
[](https://travis-ci.org/PolymerElements/iron-iconset-svg)
_[Demo and API docs](https://elements.polymer-project.org/elements/iron-iconset-svg)_
##<iron-iconset-svg>
The `iron-iconset-svg` element allows users to define their own icon sets
that contain svg icons. The svg icon elements should be children of the
`iron-iconset-svg` element. Multiple icons should be given distinct id's.
Using svg elements to create icons has a few advantages over traditional
bitmap graphics like jpg or png. Icons that use svg are vector based so
they are resolution independent and should look good on any device. They
are stylable via css. Icons can be themed, colorized, and even animated.
Example:
```html
<iron-iconset-svg name="my-svg-icons" size="24">
<svg>
<defs>
<g id="shape">
<rect x="12" y="0" width="12" height="24" />
<circle cx="12" cy="12" r="12" />
</g>
</defs>
</svg>
</iron-iconset-svg>
```
This will automatically register the icon set "my-svg-icons" to the iconset
database. To use these icons from within another element, make a
`iron-iconset` element and call the `byId` method
to retrieve a given iconset. To apply a particular icon inside an
element use the `applyIcon` method. For example:
```javascript
iconset.applyIcon(iconNode, 'car');
```
Version data entries
5 entries across 5 versions & 1 rubygems