title: Can't change the stroke color of Ionicon 5 outline set
body: <p>I am trying to color the outline version of Ionicons 5, but there are inline styles for stroke and fill. I tried targeting the icon using a class and setting both fill and stroke color, as well and using just the color property. The fills color using the CSS color property, but it has no affect on the stroke. If I set the stroke color and inspect, it is overridden by the inline stroke property value.</p>
  
  <p>Is there a way to override this style? Can I reach in and grab the child path or stroke using CSS so that I can override the SVG stroke color that is default to Ionicons?</p>
  
  <p>HTML</p>
  
  <p><code>&lt;ion-icon class="ico-top" name="pizza-outline"&gt;&lt;/ion-icon&gt;</code></p>
  
  <p>CSS</p>
  
  <pre><code>ion-icon {
  color: $current-color;
  stroke: $current-color;
  fill: $current-color;
  }
  </code></pre>
  
  <p>The <code>color</code> and <code>fill</code> properties work on parts of the icons, but won't override the inline stroke value. Any help would be much appreciated. Thank you!</p>