JSFiddle - React, Tailwind, and code Playground

by Dug Sohn

HTML

<html>
<body>

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="true" viewBox="0 0 191.94 334.03" height="100%" width="100%"><defs><linearGradient id="linear-gradient" x1="329.09" y1="251.73" x2="101.92" y2="472.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="0.59" stop-color="#ed6524"/><stop offset="1" stop-color="#ed1c24"/></linearGradient><clipPath id="clip-path" transform="translate(-145.88 -170.17)"><line x1="295.67" y1="242.33" x2="264.26" y2="262.29" fill="none"/></clipPath></defs><title>firewall</title><g style="isolation:isolate"><path d="M186.55,174.89a2,2,0,0,0-1.75,0l-32.91,17.66A1.83,1.83,0,0,0,151,194l-.63,219.76a1.91,1.91,0,0,0,.87,1.5L297.16,499.5a1.92,1.92,0,0,0,1.73,0l32.53-19.43a2,2,0,0,0,.86-1.51l1.05-217.92a1.94,1.94,0,0,0-.86-1.5Z" transform="translate(-145.88 -170.17)"/><path d="M186.55,174.89a2,2,0,0,0-1.75,0l-32.91,17.66A1.83,1.83,0,0,0,151,194l-.63,219.76a1.91,1.91,0,0,0,.87,1.5L297.16,499.5a1.92,1.92,0,0,0,1.73,0l32.53-19.43a2,2,0,0,0,.86-1.51l1.05-217.92a1.94,1.94,0,0,0-.86-1.5Z" transform="translate(-145.88 -170.17)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="9"/><path d="M188.06,178.58a5.74,5.74,0,0,0-5.75,0l-28.39,16.5-.61,214.74a6.21,6.21,0,0,0,3.11,5.41l139,80.24a6.23,6.23,0,0,0,6.26,0l25.3-14.7a5.7,5.7,0,0,0,2.84-4.93l.61-215.07Z" transform="translate(-145.88 -170.17)" fill="url(#linear-gradient)"/><g opacity="0.62"><g clip-path="url(#clip-path)"><image width="32" height="26" transform="translate(118.12 68.83)"...

CSS

body, html {
  height:100%;
}