<!-- Красный квадрат -->
<div class="red-fill">
  <svg 
       width="120" 
       height="120"
       viewBox="0 0 120 120"
       fill="red"
       
xmlns="http://www.w3.org/2000/svg">
    <rect x="10" y="10" width="100" height="100"/>
  </svg>
</div>

<!-- Черный квадрат -->
<div class="no-fill">
  <svg 
       width="120" 
       height="120"
       viewBox="0 0 120 120" 
       xmlns="http://www.w3.org/2000/svg">
    <rect x="10" y="10" width="100" height="100"/>
  </svg>
</div>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.