JSFiddle - React, Tailwind, and code Playground

by totszwai

HTML

<body>

<svg display="none" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <symbol id="node-no-photo" viewBox="0 0 1024 1024">
            <title>node-no-photo</title>
            <path class="path1" d="M512.683 165.739c-90.987 0-165.035 82.304-165.035 183.424 0 101.141 74.069 183.403 165.035 183.403 91.029 0 165.099-82.261 165.099-183.403 0-101.12-74.069-183.424-165.099-183.424zM405.248 247.957l-18.347 32c4.949-11.584 11.157-22.208 18.347-32zM652.971 349.163c0 87.957-62.891 159.467-140.288 159.467-77.355 0-140.224-71.509-140.224-159.467 0-20.501 3.691-39.979 9.963-58.027 15.467-16.747 62.4-63.552 86.165-41.579 49.216 45.333 84.352 62.635 178.24 55.531 3.627 14.080 6.144 28.672 6.144 44.075z"></path>
            <path class="path2" d="M512 0c-282.773 0-512 229.227-512 512s229.227 512 512 512 512-229.227 512-512-229.227-512-512-512zM853.333 864c0-11.115 0-32.917 0-74.667 0-73.365-85.333-192-213.333-192 0 0-64 106.667-128 106.667s-128-106.667-128-106.667c-128 0-213.333 118.635-213.333 192 0 40.32 0 62.955 0 74.667-91.989-89.237-149.333-214.016-149.333-352 0-270.549 220.096-490.667 490.667-490.667s490.667 220.117 490.667 490.667c0 137.984-57.323 262.763-149.333 352z"></path>
        </symbol>
    </defs>
</svg>


<svg class="icon-svg detail-photo">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#node-no-photo"></use>
</svg>
    
</body>