JSFiddle - React, Tailwind, and code Playground

by PhilQ

HTML

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300" viewBox="0 0 100 100">

	<symbol id="poi"><path d="m43.104 23.792c-10.812-0.156-21.46-2.128-27.586-11.034 0-1.524-1.234-2.758-2.758-2.758-1.526 0-2.76 1.234-2.76 2.76v74.48c0 1.522 1.236 2.76 2.76 2.76s2.758-1.238 2.758-2.76v-30.104c11.036 5.526 20.814 2.622 27.586-5.758 7.604-9.402 16.248-12.376 27.59-16.552 0 2e-3 -11.038-10.79-27.59-11.034z"/></symbol>

	<symbol id="mp"><path id="mp1" d="M 40,10 C 23.434,10 10,23.4336 10,40.002 10,56.5696 34.998,90 40,90 45,90 70,56.568 70,40.002 70,23.4344 56.564,10 40,10 Z"/><path id="mp2" d="m60.922 37.034c-1.734-1.806-3.9-2.72-6.432-2.72-0.798 0-1.296 0.032-1.52 0.104-0.25 0.062-0.5 0.13-0.74 0.198-0.184 0.05-0.358 0.084-0.52 0.09l-2.518-5.7318 0.642-1.65h2.022v-2.156h-7.852c-0.194 0-0.524 0.082-0.524 0.62798 0 0.46 0.274 0.528 0.412 0.528l3.696 0.95596-0.606 1.568h-15.85l0.638-2.214c0.246-0.80998 0.788-1.204 1.654-1.204h3.1v-2.052h-3.1c-0.814 0-1.572 0.242-2.252 0.71998l-0.01 6e-3c-0.81 0.67998-1.258 1.338-1.33 1.964l-2.63 8.4158c-0.508-0.118-1.078-0.172-1.69-0.172-2.602 0-4.764 0.91398-6.424 2.72-1.802 1.742-2.708 3.912-2.708 6.4558s0.906 4.7478 2.704 6.5538c1.734 1.74 3.896 2.624 6.428 2.624 2.396 0 4.59-0.87998 6.514-2.616l0.012-8e-3c1.798-1.872 2.708-4.076 2.708-6.5538 0-1.87-0.538-3.566-1.608-5.0458-0.914-1.504-2.228-2.642-3.904-3.376l0.588-1.95 10.53 11.658c0.422 0.422 0.916 0.636 1.48 0.636h3.646c0.354 2.094 1.43 3.854 3.192 5.2378 1.666 1.338 3.622 2.018 5.822 2.018 2.532 0 4.694-0.88398 6.432-2.624 1.796-1.806 2.706-4.01 2.706-6.5538-4e-3 -2.542-0.912-4.7138-2.708-6.4538zm-14.734-6.1338-4.506 12.238-11.028-12.238zm8.302 19.712c-1.74 0-3.208-0.49198-4.364-1.464l-0.01-6e-3c-1.37-0.93598-2.208-2.19-2.492-3.732h7.262c0.672 0 1.028-0.358 1.028-1.026 0-0.16-0.042-0.28-0.122-0.37598l-3.202-7.3978c0.548-0.166 1.188-0.25 1.898-0.25 1.934 0 3.602 0.69198 4.948 2.048 1.424 1.494 2.14 3.2 2.14 5.0778 0...

SCSS

svg {
  margin: 100px;
  //width: 500px;
  //height: 500px;
	border: 1px solid blue;
}