Cacher is the code snippet organizer for pro developers

<!-- circle -->
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

<!-- rect -->
<svg width="400" height="100">
  <rect width="400" height="100" style="fill:rgb(0,0,255); stroke-width:10; stroke:rgb(0,0,0)" />
</svg>

<svg width="400" height="180">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150"
  style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
</svg>

<!-- link -->
<svg height="30" width="200" xmlns:xlink="http://www.w3.org/1999/xlink">
  <a xlink:href="https://www.w3schools.com/graphics/" target="_blank">
    <text x="0" y="15" fill="red">I love SVG!</text>
  </a>
  Sorry, your browser does not support inline SVG.
</svg>

<!-- service -->
<!-- генерация в background-img -->
https://www.base64-image.de/
<!-- конвертация svg в fonts icon -->
https://icomoon.io/app/#/select 

<style>

svg {
	fill:blue;
	fill-opacity:0.1;

	stroke:pink;
	stroke-width:5;
	stroke-opacity:0.9;
}

</style>