JSFiddle - React, Tailwind, and code Playground

by David_Knowles

HTML

<!--[if lte IE 8]>
    <script type="text/javascript">
      document.createElement("text");
    </script>
<![endif]-->


        <!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="240.945px" height="28.347px" viewBox="0 0 240.945 28.347" enable-background="new 0 0 240.945 28.347"
	 xml:space="preserve">
               <switch>
<g>
	<g>
		<path fill="#21479C" d="M16.772,26.222c-0.5,0-0.957-0.009-1.277-0.016c-0.182-0.004-0.32-0.006-0.403-0.006h-1.533
			c-4.271,0-7.033-0.68-7.033-1.731c0-0.473-0.19-0.377,0.132-0.753c0.398-0.367,4.283-0.699,5.583-0.699
			c0.606,0,3.228,0.43,4.716,0.243c0.602-0.077,1.271-0.169,2.062-0.169c0.589,0,0.902,1.309,0.902,2.253
			c0,0.304-0.137,0.332-0.249,0.493C19.647,25.858,19.401,26.222,16.772,26.222L16.772,26.222z"/>
		<path fill="#21479C" d="M10.95,21.095l-0.003-0.006c-0.47,0-1.57-1.185-1.57-1.836c0-1.223,2.602-4.434,6.789-8.384
			c0.093-0.086,0.185-0.214,0.168-0.343c-0.013-0.122-0.131-0.231-0.24-0.299C15.361,9.8,14.626,9.27,13.918,8.756
			c-0.225-0.16-0.446-0.323-0.668-0.479C10.604,6.375,7.708,3.94,7.621,3.344L7.557,2.887c0-0.018-0.004-0.032-0.004-0.049
			C7.537,2.717,7.476,2.629,7.398,2.52C7.371,2.477,7.271,2.401,7.32,2.202c0.044-0.104,0.167-0.069,0.306-0.069
			c0.722,0,6.582,3.083,7.978,3.968c2.305,1.548,5.262,3.722,4.903,6.219c-0.181,1.248-3.296,3.01-4.622,4.089
			c-1.135,0.927-2.559,2.274-2.978,2.718C12.299,19.765,11.171,20.954,10.95,21.095L10.95,21.095z"/>
	</g>
	<circle fill="#21479C" cx="213.646" cy="22.333" r="1.55"/>
	<g>
		<path fill="#21479C"...

CSS

/*  @namespace svg "http://www.w3.org/2000/svg"; */
      text { display: none; }
      svg|text { display: inline; }