JSFiddle - React, Tailwind, and code Playground

by brandondurham

HTML

<script src="http://cloud.smallparade.com/bAeR/svg.parser.min.js"></script>
<script src="http://cloud.smallparade.com/bAyX/svg.import.min.js"></script>
<div id="svg-container"></div>

JavaScript

var frameFourA_file = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="1280px" height="960px" viewBox="0 0 1280 960" enable-background="new 0 0 1280 960" xml:space="preserve"><g id="text"><g><path fill="#0091B1" d="M194.2974 379.459v-46.6953h9.9409v46.6953H194.2974z"/><path fill="#0091B1" d="M236.0889 379.459v-20.4424c0-4.6904-2.4502-6.3008-6.2305-6.3008c-3.5005 0-6.1611 1.9609-7.7012 3.921 v22.8223h-8.8906v-33.8135h8.8906v4.3408c2.1704-2.5205 6.3706-5.1807 11.8315-5.1807c7.4907 0 11.061 4.2 11.061 10.781 v23.8721H236.0889z"/><path fill="#0091B1" d="M255.6162 370.9883V353.416h-5.6006v-7.7705h5.6006v-9.2412h8.8911v9.2412h6.8608v7.7705h-6.8608v15.1914 c0 2.171 1.12 3.781 3.081 3.7812c1.3301 0 2.5898-0.4902 3.0801-1.0508l1.8901 6.791 c-1.3301 1.1904-3.7104 2.1699-7.4209 2.1699C258.9067 380.299 255.616 377.079 255.616 370.9883z"/><path fill="#0091B1" d="M275.2856 362.5176c0-9.8018 7.2808-17.7119 17.502-17.7119c10.1509 0 16.942 7.561 16.942 18.552 v2.0996h-25.1328c0.6299 4.131 3.99 7.561 9.731 7.5615c2.8701 0 6.7905-1.1904 8.9609-3.291l3.9902 5.881 c-3.3604 3.0801-8.6807 4.6904-13.9312 4.6904C283.0566 380.299 275.286 373.368 275.286 362.5176z M292.7876 352.086 c-5.5308 0-7.9111 3.8506-8.2612 7.2109h16.6621C300.9082 356.076 298.668 352.086 292.788 352.0859z"/><path fill="#0091B1" d="M316.1655 379.459v-46.6953h8.8906v46.6953H316.1655z"/><path fill="#0091B1" d="M333.875 379.459v-46.6953h8.8906v46.6953H333.875z"/><path fill="#0091B1" d="M349.4141 362.5176c0-9.8018 7.2808-17.7119 17.502-17.7119c10.1509 0 16.941 7.561 16.941 18.552 v2.0996h-25.1323c0.6299 4.131 3.99 7.561 9.731 7.5615c2.8701 0 6.7905-1.1904 8.9609-3.291l3.9902 5.881 c-3.3604 3.0801-8.6807 4.6904-13.9312 4.6904C357.1851 380.299 349.414 373.368 349.414 362.5176z M366.916 352.086 c-5.5308 0-7.9111 3.8506-8.2607 7.2109h16.6616C375.0366 356.076 372.796 352.086 366.916 352.0859z"/><path fill="#0091B1" d="M388.1235 362.5176c0-10.3613...