title: Styling in Ionic 3.x: Ion-Icon with gradient background colour (ion-chip)
body: <p>I'm trying to give an icon a gradient background. How can I do that?</p>
  <p>I tried putting the ion-icon into a ion-chip, like this:</p>
  <pre><code>&lt;ion-chip class=&quot;my-chip&quot;&gt;
     &lt;ion-icon name=&quot;basket&gt;&lt;/ion-icon&gt;
  &lt;/ion-chip
  </code></pre>
  <p>And then in the .css file:</p>
  <pre><code>.my-chip{
    color: linear-gradient( 0deg, #color1 0%, #color2 100%) !important;
  }
  </code></pre>
  <p>But this didn't work. Color one and color two are obviously given in hex code.</p>