title: Ionic 4 ion-select set custom icon for select-icon
body: <p>I need to set a custom icon to ion-select. Following is my code and output</p>
  <pre class="lang-html prettyprint-override"><code>&lt;ion-item class=&quot;input-container&quot; align-items-center no-padding&gt;
    &lt;ion-label position=&quot;floating&quot; no-margin no-padding&gt;I am a&lt;/ion-label&gt;
    &lt;ion-select formControlName=&quot;role&quot; mode=&quot;ios&quot; okText=&quot;Okay&quot; cancelText=&quot;Cancel&quot;&gt;
      &lt;ion-select-option value=&quot;Admin&quot;&gt;Admin&lt;/ion-select-option&gt;
      &lt;ion-select-option value=&quot;Customer&quot;&gt;Customer&lt;/ion-select-option&gt;
    &lt;/ion-select&gt;
    &lt;ion-icon color=&quot;primary&quot; name=&quot;arrow-down&quot; mode=&quot;ios&quot; slot=&quot;end&quot;&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/2fdhZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2fdhZ.png" alt="enter image description here" /></a></p>
  <p>Is there any other way of set custom icon or can anyone suggest a way tohow to remove <code>select-icon-inner</code></p>