title: Override Vuetify Icon component
body: <p>I have created a component which wraps the default  component to make it behave better with font-awesome.</p>
  
  <p>Since font-awesome icons are not square it leads to inconsistent sizing and alignment issues. I resolved this by creating a wrapper which forces the element to be square and by using "font-size: 100%;" it ensure the irregularly shaped icon is contained.</p>
  
  <p>Problem is that all of the vuetify components which have the "prepend-icon" / "append-icon" still appears badly when using font-awesome.</p>
  
  <p>I would like to know if there is a way to import v-icon under a different name, use it in my wrapper component then define my wrapper as the rightful v-icon. Which in theory would resolve the alignment/sizing of all the vuetify components using prepend/append icon.</p>
  
  <p>Does anyone have any knowledge how I could override a library component like this?</p>
  
  <p>Thanks</p>