title: How to change <v-text-field> icon's color?
body: <p>In my <code>&lt;v-toolbar&gt;</code> component, I want to set a text field search with the icon search prepended:</p>
  
  <pre><code>&lt;v-text-field                                                                                                                                  
      solo-inverted                                                                                                                                                        
      prepend-icon="search"                                                                                                                                                
      label="Search"                                                                                                                                                       
      class="hidden-sm-and-down"                                                                                                                                           
      &gt;                                                                                                                                                                    
  &lt;/v-text-field&gt; 
  </code></pre>
  
  <p>This works but it gives me this result I do not like:</p>
  
  <p><a href="https://i.stack.imgur.com/cYShR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cYShR.png" alt="enter image description here"></a></p>
  
  <p>I do not like it because I want both the text field and icon in white color, so I added the property <code>background-color="white"</code>  to the previous code:</p>
  
  <pre><code>&lt;v-text-field                                                                                                                                                          
      background-color="white"                                                                                                                                             
      solo-inverted                                                                                                                                                        
      prepend-icon="search"                                                                                                                                                
      label="Search"                                                                                                                                                       
      class="hidden-sm-and-down"                                                                                                                                           
      &gt;                                                                                                                                                                    
  &lt;/v-text-field&gt; 
  </code></pre>
  
  <p>This gives me half of what I want:</p>
  
  <p><a href="https://i.stack.imgur.com/YoLiw.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YoLiw.png" alt="enter image description here"></a></p>
  
  <p>How can change the color of that icon into white?</p>
  
  <p>I did some search on <a href="https://vuetifyjs.com/en/components/text-fields" rel="noreferrer">Vuetify.js API</a> but could not see an appropriate option there.</p>