JSFiddle - React, Tailwind, and code Playground

by Radioactive

HTML

<script src="http://maxwellito.github.io/vivus/dist/vivus.js"></script>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="395px" height="80px" viewBox="0 0 395 80" enable-background="new 0 0 395 80" xml:space="preserve">
<filter  filterUnits="objectBoundingBox" id="AI_Shadow_1">
	<feGaussianBlur  stdDeviation="2" result="blur" in="SourceAlpha"></feGaussianBlur>
	<feOffset  dy="4" dx="4" result="offsetBlurredAlpha" in="blur"></feOffset>
	<feMerge>
		<feMergeNode  in="offsetBlurredAlpha"></feMergeNode>
		<feMergeNode  in="SourceGraphic"></feMergeNode>
	</feMerge>
</filter>
<g display="none">
</g>
<g display="none">
</g>
<g filter="url(#AI_Shadow_1)">
	<path stroke="#000000" stroke-miterlimit="10" d="M49.109,41.07v13.249h-4.136V23.77h11.065c3.345,0,5.9,0.742,7.664,2.226
		c1.764,1.484,2.646,3.64,2.646,6.467c0,1.568-0.409,2.933-1.229,4.094c-0.818,1.162-2.012,2.086-3.58,2.771
		c1.68,0.546,2.887,1.431,3.622,2.656c0.735,1.225,1.103,2.739,1.103,4.546v2.876c0,0.952,0.105,1.806,0.315,2.562
		s0.574,1.372,1.092,1.848v0.504h-4.262c-0.546-0.476-0.896-1.176-1.05-2.1c-0.154-0.924-0.231-1.876-0.231-2.855v-2.793
		c0-1.651-0.483-2.98-1.449-3.988s-2.261-1.513-3.884-1.513H49.109z M49.109,37.816h6.509c2.337,0,4.021-0.443,5.049-1.331
		c1.029-0.887,1.543-2.239,1.543-4.055c0-1.718-0.5-3.049-1.501-3.992c-1-0.943-2.558-1.415-4.671-1.415h-6.929V37.816z"/>
	<path stroke="#000000" stroke-miterlimit="10" d="M90.031,46.446H77.223l-2.897,7.873h-4.22l11.821-30.57h3.548l11.632,30.57h-4.22
		L90.031,46.446z M78.504,42.981h10.288l-5.039-13.92h-0.126L78.504,42.981z"/>
	<path stroke="#000000" stroke-miterlimit="10"...

CSS

*{}
body{}
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700&subset=latin,cyrillic);
svg{    text-align: center;
    position: relative;
    font-family: 'Roboto Slab';
    font-size: 38px;
    font-weight: 700;
    font-style: normal;
    color: #222222;
    line-height: 1.6em;
    letter-spacing: 0em;
    text-shadow: 2px 2px 0px rgba(255,255,255,0.66);}