@kano/web-components
Version:
Shared web-components for the Kano ecosystem.
21 lines (18 loc) • 4.98 kB
JavaScript
import '@polymer/iron-iconset-svg/iron-iconset-svg.js';
const $_documentContainer = document.createElement('template');
$_documentContainer.setAttribute('style', 'display: none;');
$_documentContainer.innerHTML = `<iron-iconset-svg name="navbar-icons" size="1024">
<svg>
<defs>
<path id="chevron-down" transform="scale(1,-1) translate(0, -1024)" d="M822.87 477.036c50.944 54.592 50.176 92.8 18.198 123.712-30.1 29.098-204.842 47.296-326.998 47.296s-301.036-18.176-331.136-47.274c-31.978-30.932-32.748-69.142 18.198-123.712 49.856-53.418 228.522-229.098 308.8-229.098s263.082 175.68 312.938 229.076z"></path>
<path id="share" transform="scale(1,-1) translate(0, -1024)" d="M840.043 347.883c-8.107 0-16.021-0.704-23.851-1.728l-158.336 274.261c23.808 30.997 38.123 69.675 38.123 111.68 0 101.44-82.539 183.979-183.979 183.979s-183.957-82.539-183.957-183.979c0-42.027 14.315-80.683 38.123-111.68l-158.357-274.261c-7.829 1.024-15.744 1.728-23.851 1.728-101.44 0-183.957-82.539-183.957-183.979s82.517-183.979 183.957-183.979c76.48 0 142.165 46.955 169.877 113.515h316.331c27.712-66.56 93.397-113.515 169.877-113.515 101.44 0 183.957 82.539 183.957 183.979s-82.517 183.979-183.957 183.979zM329.792 275.605l158.336 274.261c7.829-1.024 15.744-1.728 23.851-1.728s16.021 0.704 23.851 1.728l158.357-274.261c-9.664-12.587-17.856-26.368-24.043-41.237h-316.309c-6.187 14.848-14.357 28.629-24.043 41.237z"></path>
<path id="heart" transform="scale(1,-1) translate(0, -1024)" d="M865.344 422.208l-319.338-319.318c-8.852-8.832-20.608-13.716-33.11-13.716s-24.256 4.864-33.108 13.716l-323.050 323.028c-42.134 42.132-65.344 98.176-65.344 157.782s23.21 115.648 65.366 157.78c42.134 42.154 98.176 65.344 157.782 65.344s115.648-23.212 157.76-65.344l40.596-40.64 40.596 40.62c42.154 42.154 98.176 65.344 157.782 65.344 58.004 0 112.938-22.122 154.668-62.294 42.41-40.832 66.092-96.532 66.668-156.864 0.596-61.78-23.936-122.090-67.264-165.44z"></path>
<path id="megaphone" transform="scale(1,-1) translate(0, -1024)" d="M330.24 213.334l523.092-170.668v768l-523.092-170.668h-159.574c-70.57 0-128-57.428-128-128v-170.668c0-70.572 57.43-128 128-128h18.218c-0.044-1.068-0.128-2.004-0.128-3.072-0.044-27.264 2.772-64.596 15.616-102.826 6.912-18.9 15.532-38.188 27.348-55.168 5.888-8.49 11.562-16.896 18.56-23.85 6.7-7.168 12.844-14.422 19.84-19.584 13.312-11.562 25.686-19.754 34.816-24.404 9.13-5.076 14.294-8.064 14.294-8.064l1.58-0.896c8.022-4.438 17.024-7.424 26.752-8.49 39.252-4.438 74.624 23.85 79.020 63.104s-23.894 74.582-63.104 79.104c0 0-2.476 0.172-6.7 0.682-4.652 0-10.836 0.98-18.218 3.244-4.14 0.596-7.68 2.816-12.074 4.48-4.564 1.494-8.704 4.48-13.396 7.424-9.428 5.76-18.604 14.592-27.69 24.576-16.084 18.9-28.714 43.178-37.034 63.744h81.876zM725.332 694.57l42.668 14.25v-564.352l-42.668 12.928v537.174zM384 580.352l298.666 99.924v-510.036l-298.666 102.74v307.37zM170.668 298.666c-23.552 0-42.668 19.158-42.668 42.668v170.668c0 23.51 19.116 42.666 42.668 42.666h170.668v-256h-170.668zM896 554.666h42.668v-256h-42.668z"></path>
<path id="users" transform="scale(1,-1) translate(0, -1024)" d="M517.536 348.384c-30.688 35.008-50.656 81.248-55.52 132.32-28.864 11.84-60.832 19.584-94.784 21.984 60.928 22.144 105.152 88.48 105.152 166.88 0 96.512-67.072 174.752-149.792 174.752s-149.792-78.24-149.792-174.784c0-83.488 50.208-153.184 117.28-170.496-115.936-19.616-202.88-101.056-202.88-198.592 0-63.232 162.976-90.816 305.312-82.816 22.752 53.92 66.72 100.32 125.024 130.752zM703.2 338.112c60.928 22.144 105.152 88.48 105.152 166.88 0 96.512-67.072 174.752-149.792 174.752s-149.792-78.24-149.792-174.752c0-83.488 50.208-153.184 117.28-170.496-115.936-19.616-202.88-101.056-202.88-198.592 0-112.224 513.568-112.224 513.568 0 0.032 105.952-102.624 192.896-233.536 202.208z"></path>
<path id="chat" transform="scale(1,-1) translate(0, -1024)" d="M819.2 819.2h-614.4c-56.32 0-102.4-46.080-102.4-102.4v-358.4c0-56.32 46.080-102.4 102.4-102.4h204.8l204.8-153.6v153.6h204.8c56.32 0 102.4 46.080 102.4 102.4v358.4c0 56.32-46.080 102.4-102.4 102.4z"></path>
<path id="chevron-right" transform="scale(1,-1) translate(0, -1024)" d="M482.964 137.13c-54.592-50.944-92.8-50.176-123.712-18.198-29.098 30.1-47.296 204.842-47.296 326.998s18.198 301.036 47.296 331.136c30.932 31.98 69.142 32.748 123.712-18.196 53.42-49.856 229.098-228.524 229.098-308.8s-175.702-263.082-229.098-312.938z"></path>
<path id="tick" transform="scale(1,-1) translate(0, -1024)" d="M372.821 62.763v0c-31.637 0-61.995 12.587-84.373 34.944l-253.504 253.525c-46.592 46.592-46.592 122.133 0.021 168.725 46.592 46.549 122.133 46.571 168.704-0.021l169.152-169.152 447.531 447.531c46.549 46.571 122.155 46.571 168.704 0 46.592-46.592 46.592-122.133 0-168.725l-531.883-531.883c-22.379-22.357-52.715-34.944-84.352-34.944z"></path>
</defs>
</svg>
</iron-iconset-svg>`;
document.head.appendChild($_documentContainer.content);