@polymer/iron-icon NPM | npm.io

3.0.1 • Published 6 years ago

Install

Weekly downloads

28,345

License

BSD-3-Clause

Repository

Last release

6 years ago

<iron-icon>

The iron-icon element displays an icon. By default an icon renders as a 24px square.

See: Documentation, Demo.

Usage

Installation

npm install --save @polymer/iron-icon

In an HTML file

<html>
  <head>
    <script type="module">
      import '@polymer/iron-icon/iron-icon.js';
    </script>
  </head>
  <body>
    <iron-icon src="demo/location.png"></iron-icon>

    <!-- You can use an icon from an imported iconset. -->
    <script type="module">
      import '@polymer/iron-icons/iron-icons.js';
    </script>
    <iron-icon icon="search"></iron-icon>
  </body>
</html>

In a Polymer 3 element

import {PolymerElement} from '@polymer/polymer/polymer-element.js';
import {html} from '@polymer/polymer/lib/utils/html-tag.js';

import '@polymer/iron-icon/iron-icon.js';

class ExampleElement extends PolymerElement {
  static get template() {
    return html`
      <iron-icon src="demo/location.png"></iron-icon>
    `;
  }
}

customElements.define('example-element', ExampleElement);

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

git clone https://github.com/PolymerElements/iron-icon
cd iron-icon
npm install
npm install -g polymer-cli

Running the demo locally

polymer serve --npm
open http://127.0.0.1:<port>/demo/

Running the tests

polymer test --npm

web-components polymer icon

@polymer/iron-flex-layout @polymer/iron-meta @polymer/polymer

zagen-zagen @teipublisher/pb-components7 contact-dialog2 simple-material-table @infinitebrahmanuniverse/nolb-_pol @everything-registry/sub-chunk-731 @neovici/paper-autocomplete-chips documentationreact contact-dialog data-scalars material-components-elm-js-imports nodecg-twitchie-graphics vaadin-flow-bom unity-core-beta ecosis-client-commons mumaa-dialog test-contact-dialog nexus-portal-components oe-paper-chip oe-side-nav oe-studio oe-ui-misc @exmg/exmg-paper-card niwesh_mishra_web_comp vowo-submenu-dialog oe-combo oe-component-manager mhva-lugares-app etools-file etools-modules-common code-sample component1-lib component2-lib cute-item confirm-element cargowebcomponents cl-polymer-form-textarea cl-polymer-icon-button cl-polymer-button cl-polymer-dropdown-trigger cl-polymer-form-input-container ct-polymer-error-section ct-polymer-simple-text-menu ct-polymer-text-dropdown-trigger @logo-elements/logo-elements-styles @longlost/app-settings @longlost/app-shell @longlost/checkout-pay @longlost/cms-events @longlost/drag-drop-files @longlost/ezf-shared @longlost/file-uploader @longlost/app-account @longlost/app-camera @longlost/app-carousel @longlost/app-carousels @longlost/app-ecomm @longlost/app-file-system @longlost/app-images @longlost/app-inputs @longlost/icon-to-spinner @longlost/leaflet-map @longlost/app-map @lp-dev/html-input @lrnwebcomponents/eco-json-schema-form @lrnwebcomponents/contenta-polymer @polymer/iron-icons @polymer/gold-cc-cvc-input @polymer/gold-cc-input @polymer/gold-email-input @polymer/gold-zip-input @polymer/app-layout-templates @polymer/iron-elements @polymer/paper-tabs @polymer/paper-dropdown-menu @polymer/paper-fab @polymer/paper-icon-button @polymer/polymer-starter-kit @polymer/paper-badge h2-elements @sdl-web/sdl-srch-bar-es6 @sibley/myuw-app-bar @smyd/app-shell @smyd/asg-event-shared-elements @smyd/asg-search @smyd/asg-shop-card-details @smyd/asg-shop-card-item @smyd/asg-shop-card-shared-elements @smyd/checkout-pay @smyd/cms-elements @smyd/cms-events @smyd/app-imgs @smyd/app-inputs @smyd/app-pay @nuskin/ns-dev-portal @nuskin/ns-form-elements @nuxeo/nuxeo-ui-elements @lftechnology/card-box @mistio/mist-list @scoped-vaadin/vaadin-lumo-styles

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago