2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
6 Code distributed by Google as part of the polymer project is also
7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
12 * @group Polymer Core Elements
14 * The `core-iconset-svg` element allows users to define their own icon sets
15 * that contain svg icons. The svg icon elements should be children of the
16 * `core-iconset-svg` element. Multiple icons should be given distinct id's.
18 * Using svg elements to create icons has a few advantages over traditional
19 * bitmap graphics like jpg or png. Icons that use svg are vector based so they
20 * are resolution independent and should look good on any device. They are
21 * stylable via css. Icons can be themed, colorized, and even animated.
25 * <core-iconset-svg id="my-svg-icons" iconSize="24">
29 * <rect x="50" y="50" width="50" height="50" />
30 * <circle cx="50" cy="50" r="50" />
36 * This will automatically register the icon set "my-svg-icons" to the iconset
37 * database. To use these icons from within another element, make a
38 * `core-iconset` element and call the `byId` method
39 * to retrieve a given iconset. To apply a particular icon inside an
40 * element use the `applyIcon` method. For example:
42 * iconset.applyIcon(iconNode, 'car');
44 * @element core-iconset-svg
50 <link rel="import" href="../core-iconset/core-iconset.html">
52 <polymer-element name="core-iconset-svg" extends="core-meta" attributes="iconSize" assetpath="">
57 <script src="core-iconset-svg-extracted.js"></script>