title: SVG Oversized on Load
body: <p>I have a simple search icon as an <em>SVG</em> I'm using, but for some reason, when I load my webpage, it is huge despite a <strong>24x24</strong> lock in the <em>CSS</em> and in the styling of the <em>SVG</em> itself.</p>
  
  <p>It spreads out and takes up the whole page until everything is done loading, then it snaps to the normal <strong>24x24</strong> size. It looks absolutely ridiculous and I know I have to be doing something wrong. Any ideas? </p>
  
  <p>SVG:</p>
  
  <pre><code>&lt;svg style="position: absolute; width: 0; height: 0;" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
  &lt;defs&gt;
      &lt;symbol id="icon-search" class="icon" viewBox="0 0 24 24"&gt;
          &lt;title&gt;search&lt;/title&gt;
          &lt;circle class="st0" cx="9.3" cy="9.2" r="8.6" /&gt;
          &lt;line class="st1" x1="15.3" y1="15.4" x2="23.3" y2="23.4" /&gt;
      &lt;/symbol&gt;
  &lt;/defs&gt;
  </code></pre>
  
  <p></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="searchContainer"&gt;
       &lt;div class="search"&gt;
            &lt;input class="image" type="image" src="images/search.svg"&gt;&lt;input class="text" type="text" onfocus="if(this.value == 'Search') { this.value = ''; }" value="Search" onblur="if (this.value == '') { this.value = 'Search'; }"&gt;
        &lt;/div&gt;&lt;!-- /search --&gt;
  &lt;/div&gt;&lt;!-- /searchContainer --&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>input.image{
     fill: black;
     width: 24px;
     height: 24px;
     border: 0;
     padding-top: 9px;
     text-align: right;
  }
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/3RR0q.jpg" rel="noreferrer">Here</a> is what I'm Seeing on Load.</p>
  
  <p>Note that the other icons are also <em>SVGs</em>, but they are done in a single file with the method I couldn't use with the input for the search. </p>
  
  <pre><code>&lt;svg&gt;&lt;use xlink&gt;&lt;/use&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>Any help appreciated. Thank you!</p>