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

Game Icons · GiBubblingBeam

Bubbling Beam icon

A free bubbling beam 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/bubbling-beam.json

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

import * as React from "react";

/**
 * Bubbling Beam from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/bubbling-beam. Sized in em, colored by currentColor.
 */
export function GiBubblingBeamIcon(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="M17.607 15.518v72.9L225.837 278.5 114.91 254.926l144.863 114.262c1.57-15.168 14.386-27 29.97-27 16.642 0 30.136 13.49 30.136 30.134 0 16.64-13.49 30.135-30.136 30.135-10.836 0-20.334-5.722-25.644-14.31l-105.08-2.928 156.667 71.807-124.75 22.85 43.122 15.246h121.036c.962-5.602 2.166-11.124 3.597-16.555-13.39-4.216-23.105-16.73-23.105-31.515 0-18.244 14.79-33.037 33.04-33.037 6.266 0 12.127 1.746 17.12 4.777 5.93-8.855 12.5-17.16 19.61-24.81-4.832-4.24-8.404-9.88-10.07-16.294-3.96 3.357-9.082 5.386-14.68 5.386-12.543 0-22.713-10.167-22.713-22.713 0-12.543 10.167-22.713 22.712-22.713 8.763 0 16.365 4.965 20.153 12.235 5.95-7.925 15.426-13.053 26.1-13.053 12.914 0 24.075 7.504 29.363 18.39 12.128-6.168 24.79-10.725 37.685-13.425v-67.293l-7.635-65.463-38.052 105.1-38.988-164.658-28.673 111.69-93.04-160.578 10.25 119.818L99.375 15.518H17.606zm268.09 241.447c8.683 0 16.033 5.703 18.512 13.568 5.346-4.592 12.292-7.373 19.894-7.373 16.875 0 30.56 13.68 30.56 30.56 0 16.875-13.68 30.56-30.56 30.56-16.744 0-30.337-13.47-30.55-30.167-2.403 1.066-5.058 1.67-7.857 1.67-10.718 0-19.408-8.69-19.408-19.41 0-10.718 8.686-19.408 19.407-19.408zm112.25 25.084c10.72 0 19.41 8.688 19.41 19.41 0 10.717-8.69 19.407-19.41 19.407-10.718 0-19.408-8.687-19.408-19.408 0-10.72 8.686-19.41 19.407-19.41z"
      />
    </svg>
  );
}

With react-icons

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

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

bubbling-beam.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="M17.607 15.518v72.9L225.837 278.5 114.91 254.926l144.863 114.262c1.57-15.168 14.386-27 29.97-27 16.642 0 30.136 13.49 30.136 30.134 0 16.64-13.49 30.135-30.136 30.135-10.836 0-20.334-5.722-25.644-14.31l-105.08-2.928 156.667 71.807-124.75 22.85 43.122 15.246h121.036c.962-5.602 2.166-11.124 3.597-16.555-13.39-4.216-23.105-16.73-23.105-31.515 0-18.244 14.79-33.037 33.04-33.037 6.266 0 12.127 1.746 17.12 4.777 5.93-8.855 12.5-17.16 19.61-24.81-4.832-4.24-8.404-9.88-10.07-16.294-3.96 3.357-9.082 5.386-14.68 5.386-12.543 0-22.713-10.167-22.713-22.713 0-12.543 10.167-22.713 22.712-22.713 8.763 0 16.365 4.965 20.153 12.235 5.95-7.925 15.426-13.053 26.1-13.053 12.914 0 24.075 7.504 29.363 18.39 12.128-6.168 24.79-10.725 37.685-13.425v-67.293l-7.635-65.463-38.052 105.1-38.988-164.658-28.673 111.69-93.04-160.578 10.25 119.818L99.375 15.518H17.606zm268.09 241.447c8.683 0 16.033 5.703 18.512 13.568 5.346-4.592 12.292-7.373 19.894-7.373 16.875 0 30.56 13.68 30.56 30.56 0 16.875-13.68 30.56-30.56 30.56-16.744 0-30.337-13.47-30.55-30.167-2.403 1.066-5.058 1.67-7.857 1.67-10.718 0-19.408-8.69-19.408-19.41 0-10.718 8.686-19.408 19.407-19.408zm112.25 25.084c10.72 0 19.41 8.688 19.41 19.41 0 10.717-8.69 19.407-19.41 19.407-10.718 0-19.408-8.687-19.408-19.408 0-10.72 8.686-19.41 19.407-19.41z"
  />
</svg>

Attribution

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

Related icons:

Similar Game Icons icons