JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="wrapper">
    <svg id="layer1" data-name="layer1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185 185"><title>cyberforum</title><rect class="cls-1" x="35" y="35" width="116" height="116"/><polygon class="cls-2" points="92 0 92 21 164 21 164 92 185 92 185 0 92 0"/><polygon class="cls-3" points="0 93 21 93 21 21 92 21 92 0 0 0 0 93"/><polygon class="cls-4" points="93 185 93 164 21 164 21 93 0 93 0 185 93 185"/><polygon class="cls-5" points="185 92 164 92 164 164 93 164 93 185 185 185 185 92"/></svg>
  </div>

CSS

.wrapper{width:300px;}
    .cls-1 {fill: #b3b3b3;}
    .cls-2 {fill: #ff7bac;}
    .cls-3 {fill: aqua;}
    .cls-4 {fill: #f7931e;}
    .cls-5 {fill: #22b573;}