JSFiddle - React, Tailwind, and code Playground

by sc0rp10

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 56"><ellipse fill="#a6aaab" cx="29.7" cy="27.7" rx="1" ry="1"/><ellipse fill="none" cx="29.7" cy="27.7" rx="1" ry="1"/><path fill="#66b574" d="M6.7 3.3v26.5h26.7V16.6c0-1.8 1.4-3.2 3.2-3.2h10.2V3.3H6.7zM26 21.2l-4.6-5.3c.3-.2 1.6-1 2.5 0l2 2.4 5.3-5.4c.2-.2.6-.5 1.1-.1L26 21.2z"/><path fill="#a6aaab" d="M23.4 39.1c0 .4.3.7.7.7h5.4c.4 0 .7-.3.7-.7v-.7h-6.7v.7z"/><path fill="#d8d8d8" d="M4.2 32.5L0 38.5 23.4 38.5 30.1 38.5 33.4 38.5 33.4 32.5z"/><path fill="#fff" d="M31.2 12.9l-5.3 5.4-2-2.4c-.9-1.1-2.2-.3-2.5 0l4.6 5.3 6.3-8.4c-.5-.4-.9-.1-1.1.1z"/><path fill="#e2e2e2" d="M57.8 13.4h-8.3V3.2C49.5 1.4 48 0 46.3 0H7.2C5.4 0 4 1.4 4 3.2v29.3h29.4v6h-3.3v.7c0 .4-.3.7-.7.7H24c-.4 0-.7-.3-.7-.7v-.7H0v1.7c0 .9.7 1.7 1.7 1.7h31.8v11c0 1.8 1.4 3.2 3.2 3.2h21.2c1.8 0 3.2-1.4 3.2-3.2V16.6c-.1-1.8-1.5-3.2-3.3-3.2zm-11 0H36.6c-1.8 0-3.2 1.4-3.2 3.2v13.3H6.7V3.3h40.1v10.1z"/><path fill="#66b574" d="M38.8 15.5h16.8c1.8 0 3.2 1.4 3.2 3.2v26.8c0 1.8-1.4 3.2-3.2 3.2H38.8c-1.8 0-3.2-1.4-3.2-3.2V18.7c0-1.8 1.4-3.2 3.2-3.2z"/><path fill="#a7aaab" d="M47 54.3c1 0 1.8-.8 1.8-1.7s-.8-1.7-1.8-1.7-1.8.8-1.8 1.7.8 1.7 1.8 1.7z"/><path fill="#fff" d="M46.6 36.8l6.3-8.3c-.5-.4-.9-.1-1.1.1L46.6 34l-2-2.3c-.9-1.1-2.2-.3-2.5 0l4.5 5.1"/></svg>

CSS

svg {
  filter: grayscale(100);
}