title: How to add a border to a background-image that contains a svg?
body: <p>Like the headline I have the problem to get a border around my background-image that contains a svg.
  When I try to use css border on that background-image then the border will go inwards and decrease the image.
  I've read something about using svg:image but that seems for me that I have to edit the svg code itselfs to get a border.
  Isn't there any solution to do it with CSS?</p>
  
  <p><strong>Solved</strong></p>
  
  <p>Thank you for your answers. But as I said I don't want to change anything inside the svg file.
  I found a working solution for myself.</p>
  
  <pre><code>.s-icon {
    height: 50px;
    text-align: center;
    width: 50px;
  }
  
  .s-icon--border {
    background-color: lightblue;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    line-height: 0;
    border: 4px solid lightskyblue;
  }
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/eRBQoE" rel="nofollow noreferrer">https://codepen.io/anon/pen/eRBQoE</a></p>