JSFiddle - React, Tailwind, and code Playground

HTML

<div id="image-wrapper">
    <svg id="svg" class="clip-svg">
        <rect class='svg-background' width="110px" height="110px" />
        <image id="img-1" class='svg-image' width="110px" height="110px" xlink:href="http://upload.wikimedia.org/wikipedia/en/thumb/6/6c/Seafarers_title.jpg/225px-Seafarers_title.jpg" />
    </svg>

</div>
<svg id="svg-defs">
    <defs>
        <clipPath id="clip-triangle">
            		 <polygon points="88.641 283.520, 88.483 277.728, 87.432 272.677, 86.952 268.819, 86.920 266.896, 81.636 252.846, 69.880 220.835, 67.544 219.782, 65.566 219.168, 65.788 217.284, 66.284 213.592, 65.507 211.001, 64.056 205.907, 58.824 190.366, 54.062 178.633, 50.358 167.668, 46.815 159.225, 44.340 152.558, 64.996 129.339, 74.027 113.929, 78.077 103.726, 79.157 101.033, 82.153 95.082, 85.110 84.521, 87.636 73.691, 90.789 56.519, 92.205 53.215, 92.912 46.253, 94.666 45.011, 98.704 45.210, 100.640 37.095, 100.640 35.271, 101.395 32.390, 102.180 29.453, 102.966 27.136, 106.402 26.013, 112.392 25.238, 115.534 25.505, 120.415 28.282, 123.954 27.417, 127.058 26.332, 129.310 25.415, 131.547 15.870, 132.602 12.015, 133.641 13.249, 136.604 14.038, 138.246 12.300, 141.408 10.102, 144.635 8.527, 146.597 9.801, 147.001 12.772, 148.132 14.422, 149.683 18.072, 148.694 21.201, 147.475 23.362, 149.171 24.238, 151.366 26.685, 151.660 29.652, 152.127 34.627, 152.339 36.710, 150.477 41.648, 149.288 44.688, 141.372 51.733, 139.701 52.797, 137.232 54.166, 132.591 58.321, 131.478 77.545, 132.080 87.701, 131.806 91.739, 130.856 94.249, 130.359 96.834, 129.360 100.439, 130.009 105.079, 129.831 109.485, 129.494 112.211, 129.729 114.106, 130.011 115.987, 130.974 118.571, 131.207 120.498, 130.073 120.498, 126.924 121.813, 125.972 123.468, 124.204 126.566, 122.592 129.612, 121.941 134.525, 121.596 136.674, 120.748 141.069, 120.149 145.356, 121.089 150.105, 122.717 151.655, 121.678 152.809, 120.640 154.373, 119.594 156.195, 118.548 157.606, 119.270 161.171, 120.512 165.144, 121.032...

CSS

.svg-background, .svg-image {
    clip-path: url(#clip-triangle);
}
 svg.clip-svg {
    position: absolute;
    height: 110px;
    width: 110px;
}