paperfire-labeled-icon | Vaadin

A simple material designed element to use icons in tabs and bottom-navigation

[ This description is mirrored from at on 2019-05-10 ]

Published on


An element following material design for bottom navigation

<paperfire-labeled-icon label="Gallery" active><svg style="width:24px;height:24px" viewBox="0 0 24 24">
    <path fill="#000000" d="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z" />
<paperfire-labeled-icon label="Content" ><svg style="width:24px;height:24px" viewBox="0 0 24 24">
    <path fill="#000000" d="M4,5V7H21V5M4,11H21V9H4M4,19H21V17H4M4,15H21V13H4V15Z" />

Designed to work with iron-icon and iron-selector

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.


Link to this version
TestedReleased 05 October 2017Other
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
Release notes - Version 1.0.2