JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div></div>

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="50.7px" height="50.7px" viewBox="0 0 50.7 50.7" style="enable-background:new 0 0 50.7 50.7;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#202020;}
</style>
<g>
	<rect x="0.4" y="0.4" width="50" height="50"/>
	<g>
		<g>
			<g>
				<g>
					<path class="st0" d="M50.2,50.4c0,0.1,0.1,0,0.1-0.2l-0.1-0.2L50.2,50.4z"/>
					<path class="st0" d="M50.4,48.4c0-0.3-0.1-0.7-0.2-0.5c0.1,0.3,0,0.4,0.1,0.8c0,0.3,0,0.5-0.1,0.5c0,0.1,0,0.5,0,0.6
						C50.4,49.4,50.4,48.9,50.4,48.4C50.4,48.3,50.4,48.4,50.4,48.4z"/>
					<path class="st0" d="M50.5,20.1l0,0.2C50.5,20.2,50.5,20.1,50.5,20.1z"/>
					<path class="st0" d="M50.6,2.5c0,0.1,0,0.2,0,0.2C50.6,2.6,50.6,2.5,50.6,2.5z"/>
					<path class="st0" d="M49.5,0.1c0.1,0,0.1,0,0.2,0C49.6,0.1,49.6,0.1,49.5,0.1z"/>
					<path class="st0" d="M50.5,20.1l0-0.5C50.5,19.6,50.5,19.8,50.5,20.1z"/>
					<path class="st0" d="M50.2,44.5c0,0.1,0,0.2,0,0.3L50.2,44.5L50.2,44.5z"/>
					<path class="st0" d="M50.6,27.8l0,0.1c0,0,0,0.1,0,0.1L50.6,27.8z"/>
					<path class="st0" d="M50.6,33.7c0-0.1-0.1-0.2-0.1-0.2C50.5,33.6,50.5,33.7,50.6,33.7C50.6,33.8,50.6,33.8,50.6,33.7z"/>
					<path class="st0" d="M50.5,43.2l0,0.2C50.5,43.3,50.5,43.2,50.5,43.2z"/>
					<path class="st0" d="M50.6,23.5C50.6,23.5,50.6,23.5,50.6,23.5C50.6,23.5,50.6,23.5,50.6,23.5z"/>
					<path class="st0" d="M43.5,50C43.5,50,43.5,50.1,43.5,50C43.5,50,43.6,50,43.5,50z"/>
					<path class="st0" d="M50.4,50.4L50.4,50.4c-0.1,0-0.1,0-0.1,0L50.4,50.4z"/>
					<path class="st0" d="M44,0C44,0,44,0,44,0C44.2,0,44.1,0,44,0z"/>
					<path class="st0" d="M0.1,7.2c0.1-0.6,0.1,0.9,0.2,0.1C0.2,7.3,0.2,6.4,0.1,7.2z"/>
					<path class="st0" d="M50.2,44.4l0-0.2C50.2,44.2,50.2,44.3,50.2,44.4z"/>
					<path...

CSS

div {
  width: 100%;
  height: 100vh;
   border-image-slice: 5% fill;
border-image-width: 10px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round round;
border-image-source:...