Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Game Icons · GiBeamWake

Beam Wake icon

A free beam wake icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: CC BY 3.0 license
Project: game-icons.net

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/beam-wake.json

components/icons/game-icons-beam-wake.tsx

import * as React from "react";

/**
 * Beam Wake from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/beam-wake. Sized in em, colored by currentColor.
 */
export function GiBeamWakeIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M47.656 19.97c-15.964 0-28.906 12.94-28.906 28.905 0 15.965 12.942 28.906 28.906 28.906 4.246 0 8.275-.917 11.907-2.56L375.53 493.405l-.374.28 116.28.002.002-110.75-417-323.094c1.387-3.382 2.124-7.087 2.124-10.97 0-15.966-12.94-28.905-28.906-28.905zm58.22 9.31c7.078 9.45 8.665 22.35 5.186 35.314l15.907 12.312c3.774-15.038 1.037-29.898-8.845-39.78-3.49-3.48-7.744-6.105-12.25-7.845zM150.5 54.845c9.09 12.127 11.09 28.725 6.563 45.375l20.312 15.75c4.93-19.31 1.442-38.407-11.25-51.095-4.46-4.452-9.858-7.815-15.625-10.03zM206.188 88c11.382 15.19 13.947 35.934 8.375 56.78l25.562 19.814c6.065-24.19 1.68-48.067-14.22-63.97-5.61-5.607-12.46-9.826-19.718-12.624zM30.344 104.813c1.736 4.51 4.356 8.762 7.843 12.25 9.24 9.24 22.8 12.233 36.813 9.5l-12.063-15.938c-12.032 2.572-23.81.77-32.593-5.813zm238.25 10.374c15.574 20.783 18.137 49.774 8.78 78.282l32.563 25.218c10.155-32.8 5.246-65.912-16.312-87.47-7.122-7.12-15.818-12.483-25.03-16.03zM53.97 151.375c2.22 5.762 5.547 11.17 10 15.625 12.5 12.502 31.208 16.073 50.218 11.47L98.78 158.062c-16.458 4.34-32.818 2.3-44.81-6.688zm282.874 2.156c18.692 24.938 21.697 59.767 10.312 93.97L386 277.625c12.347-39.343 6.545-79.11-19.313-104.97-8.5-8.496-18.845-14.893-29.843-19.124zM419 197.407c22.85 30.49 26.252 73.21 11.906 115l47 36.406c15.53-48 8.715-96.753-22.844-128.312-10.267-10.266-22.778-17.977-36.062-23.094zM84.656 209.562c2.794 7.26 7.017 14.074 12.625 19.688 16.28 16.28 40.943 20.53 65.72 13.813l-19.47-25.75c-21.54 6.328-43.178 4.012-58.874-7.75zm29.688 59.938c3.547 9.2 8.89 17.89 16 25 20.905 20.907 52.686 26.178 84.5 17.22l-24.688-32.69c-27.7 8.435-55.624 5.59-75.812-9.53zm38.312 68.22c4.233 11.003 10.624 21.374 19.125 29.874 24.95 24.95 62.847 31.21 100.814 20.53l-29.47-38.968c-33.065 10.054-66.37 6.623-90.468-11.437zm43.875 82.155c5.116 13.284 12.827 25.795 23.095 36.063 30.346 30.342 76.566 37.836 122.75 24.562l-35.594-47.125c-40.253 12.498-80.914 8.483-110.25-13.5z"
      />
    </svg>
  );
}

With react-icons

import { GiBeamWake } from "react-icons/gi";

export function Example() {
  return <GiBeamWake className="size-5" />;
}

beam-wake.svg

<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M47.656 19.97c-15.964 0-28.906 12.94-28.906 28.905 0 15.965 12.942 28.906 28.906 28.906 4.246 0 8.275-.917 11.907-2.56L375.53 493.405l-.374.28 116.28.002.002-110.75-417-323.094c1.387-3.382 2.124-7.087 2.124-10.97 0-15.966-12.94-28.905-28.906-28.905zm58.22 9.31c7.078 9.45 8.665 22.35 5.186 35.314l15.907 12.312c3.774-15.038 1.037-29.898-8.845-39.78-3.49-3.48-7.744-6.105-12.25-7.845zM150.5 54.845c9.09 12.127 11.09 28.725 6.563 45.375l20.312 15.75c4.93-19.31 1.442-38.407-11.25-51.095-4.46-4.452-9.858-7.815-15.625-10.03zM206.188 88c11.382 15.19 13.947 35.934 8.375 56.78l25.562 19.814c6.065-24.19 1.68-48.067-14.22-63.97-5.61-5.607-12.46-9.826-19.718-12.624zM30.344 104.813c1.736 4.51 4.356 8.762 7.843 12.25 9.24 9.24 22.8 12.233 36.813 9.5l-12.063-15.938c-12.032 2.572-23.81.77-32.593-5.813zm238.25 10.374c15.574 20.783 18.137 49.774 8.78 78.282l32.563 25.218c10.155-32.8 5.246-65.912-16.312-87.47-7.122-7.12-15.818-12.483-25.03-16.03zM53.97 151.375c2.22 5.762 5.547 11.17 10 15.625 12.5 12.502 31.208 16.073 50.218 11.47L98.78 158.062c-16.458 4.34-32.818 2.3-44.81-6.688zm282.874 2.156c18.692 24.938 21.697 59.767 10.312 93.97L386 277.625c12.347-39.343 6.545-79.11-19.313-104.97-8.5-8.496-18.845-14.893-29.843-19.124zM419 197.407c22.85 30.49 26.252 73.21 11.906 115l47 36.406c15.53-48 8.715-96.753-22.844-128.312-10.267-10.266-22.778-17.977-36.062-23.094zM84.656 209.562c2.794 7.26 7.017 14.074 12.625 19.688 16.28 16.28 40.943 20.53 65.72 13.813l-19.47-25.75c-21.54 6.328-43.178 4.012-58.874-7.75zm29.688 59.938c3.547 9.2 8.89 17.89 16 25 20.905 20.907 52.686 26.178 84.5 17.22l-24.688-32.69c-27.7 8.435-55.624 5.59-75.812-9.53zm38.312 68.22c4.233 11.003 10.624 21.374 19.125 29.874 24.95 24.95 62.847 31.21 100.814 20.53l-29.47-38.968c-33.065 10.054-66.37 6.623-90.468-11.437zm43.875 82.155c5.116 13.284 12.827 25.795 23.095 36.063 30.346 30.342 76.566 37.836 122.75 24.562l-35.594-47.125c-40.253 12.498-80.914 8.483-110.25-13.5z"
  />
</svg>

Attribution

"Beam Wake" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons:

Similar Game Icons icons