Polymer paper-icon-button doesn't show an image

Question

I want to make a paper-drawer-panel that has a menu button on the left side that opens the navigation drawer. So in the main header panel I added the button, just like in the Polymer documentation:

<paper-header-panel main>
  <paper-toolbar>
    <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
      <div>Extracurricular Activities</div>
    </paper-toolbar>
    <!-- main content -->
  </paper-toolbar>
</paper-header-panel>

The problem is that the menu button doesn't have an image, but I correctly included the paper-icon-button. When I click on the place where the button should be I can se a normal ripple effect and the drawer opens, so the button must be there.

Here is a screenshot of the header, the menu button should be at the left of the header text

Does anybody have an idea what I'm doing wrong?

Answer 1

Make sure that you also import the icon set. The default icons (including menu) can be found in iron-icons.

Once you have installed iron-icons. Make the following import:

<link rel="import" href="bower_components/iron-icons/iron-icons.html">