JSFiddle - React, Tailwind, and code Playground

by anna

HTML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="31px" viewBox="0 0 24 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
    <title>Calculator</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Customer-Support---Desktop" transform="translate(-17.000000, -216.000000)" fill="#50BC9A">
            <g id="Page-1">
                <g id="Group-164" transform="translate(14.000000, 215.970000)">
                    <g id="Calculator" transform="translate(3.000000, 0.000000)">
                        <path d="M1.582,1.4648 C1.567,1.4648 1.555,1.4778 1.555,1.4918 L1.555,28.5798 C1.555,28.5948 1.567,28.6078 1.582,28.6078 L22.358,28.6078 C22.372,28.6078 22.385,28.5948 22.385,28.5798 L22.385,1.4918 C22.385,1.4768 22.372,1.4648 22.358,1.4648 L1.582,1.4648 Z M22.358,30.0358 L1.582,30.0358 C0.779,30.0358 0.126,29.3828 0.126,28.5798 L0.126,1.4918 C0.126,0.6898 0.779,0.0358 1.582,0.0358 L22.358,0.0358 C23.161,0.0358 23.813,0.6898 23.813,1.4918 L23.813,28.5798 C23.813,29.3828 23.161,30.0358 22.358,30.0358 L22.358,30.0358 Z" id="Fill-92"></path>
                        <path d="M23.0996,11.0405 L0.8396,11.0405 C0.4466,11.0405 0.1256,10.7205 0.1256,10.3265 C0.1256,9.9315 0.4466,9.6115 0.8396,9.6115 L23.0996,9.6115 C23.4946,9.6115 23.8136,9.9315 23.8136,10.3265 C23.8136,10.7205 23.4946,11.0405 23.0996,11.0405" id="Fill-94"></path>
                        <path d="M23.0996,15.7275 L0.8396,15.7275 C0.4466,15.7275 0.1256,15.4075 0.1256,15.0135 C0.1256,14.6185 0.4466,14.2985 0.8396,14.2985 L23.0996,14.2985 C23.4946,14.2985 23.8136,14.6185 23.8136,15.0135 C23.8136,15.4075 23.4946,15.7275 23.0996,15.7275" id="Fill-96"></path>
                        <path d="M23.0996,20.4146 L0.8396,20.4146 C0.4466,20.4146...

CSS

svg:hover #Customer-Support---Desktop {
  fill: red
}