Part of howto.philippkeller.com blog post

rotate.jsx

<svg onClick={handleRotateLeft} img-id={file} className='h-5' viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <path d="M303.36 363.733333l-60.373333-60.373333c-38.4 49.493333-62.08 106.666667-69.333334 165.973333h86.186667c6.186667-37.333333 20.693333-73.386667 43.52-105.6zM259.84 554.666667H173.653333c7.253333 59.306667 30.933333 116.48 69.333334 165.973333l60.373333-60.373333A254.08 254.08 0 0 1 259.84 554.666667z m43.093333 4 68.693333v-86.186666c-37.333333-6.186667-73.173333-20.906667-105.173333-43.733334l-61.226667 61.226667zM554.666667 173.653333V42.666667l-194.133334 194.133333L554.666667 426.666667v-166.826667c120.96 20.266667 213.333333 125.44 213.333333 252.16s-92.373333 231.893333-213.333333 252.16v86.186667c168.32-21.12 67 194.773333 554.666667 173.653333z" />
</svg>
<svg onClick={handleRotateRight} img-id={file} className='h-5 mx-4' viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <path d="M663.466667 236.8L469.333333 42.666667v130.986666C301.013333 194.56 170.666667 337.92 170.666667 512s130.346667 317.44 298.666666 338.346667v-86.186667c-120.96-20.266667-213.333333-125.44-213.333333-252.16s92.373333-231.893333 213.333333-252.16V426.666667l194.133334-189.866667zM850.346667 33334-165.973333l-60.373333 60.373333A254.08 254.08 0 0 1 764.16 469.333333h86.186667zM554.666667 763.946667v86.4c59.306667-7.253333 116.906667-30.293333 166.4-68.693334l-61.226667-61.226666c-32 22.613333-67.84 37.12-105.173333 43.52z m165.973333-103.68l60.373333 60.373333c38.4-49.493333 62.08-106.666667 43.52 105.6z" />
</svg>