title: HTML custom (not Font-Awesome) icon class not working
body: <p>I am trying to include a custom image as an icon rather than one from Font Awesome as is usually the case. So within my HTML button, I am referencing the CSS class which contains the background image url of my local image that I would like to use as an icon. However, it is not displaying in browser. Note that all code is fully validated.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="search"&gt;
  &lt;input type="text" class="searchTerm" placeholder="What are you looking for?"&gt;
    &lt;button type="submit" class="searchButton"&gt;
      &lt;i class="icon"&gt;&lt;/i&gt;
   &lt;/button&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS:</p>
  
  <pre><code>.icon {
  background: url('../imgs/search-icon.png');
  height: 20px;
  width: 20px;
  }
  </code></pre>
  
  <p>Fiddle:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#search {
    width: 100%;
    position: relative;
  }
  
  .searchTerm {
    float: left;
    width: 100%;
    border: 3px solid #00B4CC;
    padding: 5px;
    height: 20px;
    border-radius: 5px;
    outline: none;
    color: #9DBFAF;
  }
  
  .searchTerm:focus {
    color: #00B4CC;
  }
  
  .searchButton {
    position: absolute;
    right: -50px;
    width: 40px;
    height: 36px;
    border: 1px solid #00B4CC;
    background: #00B4CC;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
  }
  
  .icon {
    background: url('https://postimg.org/image/bfac47qav/');
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="search"&gt;
    &lt;input type="text" class="searchTerm" placeholder="What are you looking for?"&gt;
    &lt;button type="submit" class="searchButton"&gt;
          &lt;i class="icon"&gt;&lt;/i&gt;
       &lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/FTq4u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FTq4u.png" alt="enter image description here"></a></p>