  }

      iron-icon:nth-of-type(2) {
        fill: green;
      }

      iron-icon:nth-of-type(3) {
        fill: navy;
      }

      iron-icon:nth-of-type(4) {
        fill: red;
      }

      iron-icon {
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
      }

      iron-icon:hover {
        -webkit-filter: drop-shadow( 2px 2px 2px var(--google-grey-700) );
        filter: drop-shadow( 2px 2px 2px var(--google-grey-700) );
      }
    </style>
  </custom-style>
</head>
<body>

  <di