paper-fab-menu-item.html

<dom-module id="paper-fab-menu-item">
    <template>
        <style is="custom-style">
            :host .menu-item {
                position : relative;
            }

            :host {
                flex   : 1;
                margin : 7px;
            }

            :host .menu-item paper-fab ::content .fa {
                transform: rotate(0deg) !important;
            }

            :host .menu-item {
                transform  : scale(0);
            }
            :host paper-button {
              border-radius: 50%;
              width: 35px;
              height: 35px;
              font-size: 15pt;
              min-width: 0px;
              color: white;
            }
        </style>
        <div class="menu-item">
            <paper-button raised id="paperFab">
              <span id='iconContent'></span>
            </paper-button>
            <paper-tooltip offset="10" margin-top="0" position="{{ tooltipPosition }}">{{ label }}</paper-tooltip>
        </div>
    </template>
    <script>
        Polymer({
            is         : 'paper-fab-menu-item',
            properties : {
                color : {
                    type : 'String'
                },
                icon: {
                  type: String
                },
                tooltipPosition: {
                    type: 'String',
                    value: 'left'
                }
            },
            attached: function () {
              this.$.iconContent.classList.add('fa', this.icon);
            },
            ready      : function() {
                if(this.color) {
                  this.$.paperFab.style.backgroundColor = this.color;
                }
            }
        });
    </script>
</dom-module>