Try it Yourself: SVG Fill

SVG Fill

<!DOCTYPE html>
<html>
<body>

<svg width="220" height="120" viewBox="0 0 220 120" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="80" height="60" fill="tomato" />
  <circle cx="150" cy="40" r="30" fill="steelblue" />
  <polygon points="40,110 70,80 100,110" fill="mediumseagreen" />
</svg>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<svg width="220" height="120" viewBox="0 0 220 120" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="80" height="60" fill="tomato" />
  <circle cx="150" cy="40" r="30" fill="steelblue" />
  <polygon points="40,110 70,80 100,110" fill="mediumseagreen" />
</svg>

</body>
</html>