<script lang="ts">
  import type { IconProps } from "@/types/icon";

  let props: IconProps = $props();
</script>

<svg
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
  viewBox="0 0 242 256"
  width={props.size}
  height={props.size}
>
  <g clip-path="url(#angular__a)"
    ><mask
      id="angular__b"
      width="242"
      height="256"
      x="0"
      y="0"
      maskUnits="userSpaceOnUse"
      style="mask-type:luminance"
      ><path fill="#fff" d="M0 0h242v256H0V0Z" /></mask
    ><g mask="url(#angular__b)"
      ><path
        fill="url(#angular__c)"
        d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"
      /><path
        fill="url(#angular__d)"
        d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"
      /></g
    ></g
  ><defs
    ><linearGradient
      id="angular__c"
      x1="53.2"
      x2="245"
      y1="231.9"
      y2="140.7"
      gradientUnits="userSpaceOnUse"
      ><stop stop-color="#E40035" /><stop
        offset=".2"
        stop-color="#F60A48"
      /><stop offset=".4" stop-color="#F20755" /><stop
        offset=".5"
        stop-color="#DC087D"
      /><stop offset=".7" stop-color="#9717E7" /><stop
        offset="1"
        stop-color="#6C00F5"
      /></linearGradient
    ><linearGradient
      id="angular__d"
      x1="44.5"
      x2="170"
      y1="30.7"
      y2="174"
      gradientUnits="userSpaceOnUse"
      ><stop stop-color="#FF31D9" /><stop
        offset="1"
        stop-color="#FF5BE1"
        stop-opacity="0"
      /></linearGradient
    ><clipPath id="angular__a"
      ><path fill="#fff" d="M0 0h242v256H0z" /></clipPath
    ></defs
  ></svg
>
