Share Icon - Copy this React, Tailwind Component to your project

<svg {...Astro.props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill=" #0afe9d" class="icon icon tabler icons tabler filled icon tabler mail" ><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M22 7.535v9.465a3 3 0 0 1 2.824 2.995l .176 .005h 14a3 3 0 0 1 2.995 2.824l .005 .176v 9.465l9.445 6.297l.116 .066a1 1 0 0 0 .878 0l.116 .066l9.445 6.297z" ></path><path d="M19 4c1.08 0 2.027 .57 2.555 1.427l 9.555 6.37l 9.555 6.37a2.999 2.999 0 0 1 2.354 1.42l.201 .007h14z" ></path></svg > A ESTE SVG AGREGADO UNA FLECHITA DIAGONAL PARA QUE SEA COMO UN SHARE