UNPKG

@logo-elements/icon

Version:

Web component for creating SVG icons

54 lines (35 loc) 1.19 kB
import {html, PolymerElement} from '@polymer/polymer/polymer-element.js'; import {Icon} from '@vaadin/icon'; import './logo-elements-iconset.js'; /** # @logo-elements/icon Icon Library is a Web Component for creating SVG icons, part of the [Logo Elements Design System](http://elements.logo.com.tr). [![npm version](https://badgen.net/npm/v/@logo-elements/icon)](https://www.npmjs.com/package/@logo-elements/icon) ```html <logo-elements-icon name="leds:user"></logo-elements-icon> ``` ## Installation Install `logo-elements-icon`: ```sh npm i @logo-elements/icon --save ``` Once installed, import it in your application: ```js import '@logo-elements/icon/logo-elements-icon.js'; ``` ## Getting started Logo Elements components use the LEDS theme by default. ## Entry points - The component with the LEDS theme: `theme/leds/logo-elements-icon.js` - Alias for `theme/leds/logo-elements-icon.js`: `logo-elements-icon.js` */ class LogoElementsIcon extends Icon { static get is() { return "logo-elements-icon" } } if (!window.customElements.get(LogoElementsIcon.is)) { window.customElements.define(LogoElementsIcon.is, LogoElementsIcon); }