<svg viewBox="0 0 500 300">
	<circle r="30" 
		cx="120" cy="150"
	class="shape"/>
  <rect width="60" height="60" 
        x="330" y="120"
        class="shape"/>
</svg>
svg {
  display: block;
  width: 100%;
  height: 300px;
	}

.shape {
  fill: hotpink;
  stroke-width: 30;
  stroke: yellowgreen;
  stroke-opacity: .5;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.