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

Game Icons · GiSonicLightning

Sonic Lightning icon

A free sonic lightning 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.

Also known asbolt icon flash icon energy icon power icon zap icon electric icon fast icon

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/sonic-lightning.json

components/icons/game-icons-sonic-lightning.tsx

import * as React from "react";

/**
 * Sonic Lightning from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/sonic-lightning. Sized in em, colored by currentColor.
 */
export function GiSonicLightningIcon(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.664 18.91v37.574l77.523 129.942 86.754-21.067 79.33 121.394-78.918-46.483 93.195 101.34-64.182 10.81 53.05 18.783c-36.484 34.27-64.93 77.082-79.313 124.158h19.617c19.42-58.22 62.696-110.147 115.73-144.34 53.682-34.606 116.954-50.88 174.96-38.713v-19.055c-12.93-2.457-26.01-3.663-39.13-3.686-28.257-.05-56.664 5.316-83.977 15.053l-3.295-60.925-27.457 53.535-30.445-83.947-7.63 67.797-103.43-162.6-80.04 18.522L64.642 18.91H17.665zM329.63 86.627l15.995 166.596 57.285-138.067-38.79 27.656-34.49-56.185zm-38.198 47.238l-28.48 28.934 29.095 64.132-.615-93.067zm131.77 61.852l-40.65 86.244 52.173-42.435-11.524-43.808zM86.44 267.164l35.464 31.027 109.742 27.52-65.423-53.82-79.784-4.726zm379.953 83.254c-40.082-.07-80.49 12.044-115.74 32.207-45.917 26.264-83.418 66.318-99.645 112.736h19.96c15.535-38.607 48.525-73.382 88.964-96.512 41.507-23.742 90.514-35.082 135.476-27.21v-18.95c-9.6-1.51-19.298-2.253-29.015-2.27zM189.2 355.91l-74.67.637-51.22 22.242 50.598 18.204 75.29-41.084zm39.073 25.672L162.21 397.67l6.864 29.447 59.2-45.535zm250.19 32.398c-27.52-.05-55.206 6.695-79.498 17.963-31.34 14.54-57.393 36.595-69.25 63.418h21.056c10.88-18.072 31.22-34.94 56.06-46.464 27.045-12.545 59.08-18.76 88.58-15.175v-18.824c-5.62-.606-11.28-.905-16.947-.916zm11.744 52.41c-15.04-.024-30.138 2.215-43.537 5.995-17.346 4.892-32.058 11.575-40.176 22.976h31.602c4.06-1.848 8.664-3.583 13.648-4.99 13.228-3.73 28.92-5.752 43.666-5.157V466.5c-1.732-.064-3.466-.11-5.203-.11z"
      />
    </svg>
  );
}

With react-icons

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

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

sonic-lightning.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.664 18.91v37.574l77.523 129.942 86.754-21.067 79.33 121.394-78.918-46.483 93.195 101.34-64.182 10.81 53.05 18.783c-36.484 34.27-64.93 77.082-79.313 124.158h19.617c19.42-58.22 62.696-110.147 115.73-144.34 53.682-34.606 116.954-50.88 174.96-38.713v-19.055c-12.93-2.457-26.01-3.663-39.13-3.686-28.257-.05-56.664 5.316-83.977 15.053l-3.295-60.925-27.457 53.535-30.445-83.947-7.63 67.797-103.43-162.6-80.04 18.522L64.642 18.91H17.665zM329.63 86.627l15.995 166.596 57.285-138.067-38.79 27.656-34.49-56.185zm-38.198 47.238l-28.48 28.934 29.095 64.132-.615-93.067zm131.77 61.852l-40.65 86.244 52.173-42.435-11.524-43.808zM86.44 267.164l35.464 31.027 109.742 27.52-65.423-53.82-79.784-4.726zm379.953 83.254c-40.082-.07-80.49 12.044-115.74 32.207-45.917 26.264-83.418 66.318-99.645 112.736h19.96c15.535-38.607 48.525-73.382 88.964-96.512 41.507-23.742 90.514-35.082 135.476-27.21v-18.95c-9.6-1.51-19.298-2.253-29.015-2.27zM189.2 355.91l-74.67.637-51.22 22.242 50.598 18.204 75.29-41.084zm39.073 25.672L162.21 397.67l6.864 29.447 59.2-45.535zm250.19 32.398c-27.52-.05-55.206 6.695-79.498 17.963-31.34 14.54-57.393 36.595-69.25 63.418h21.056c10.88-18.072 31.22-34.94 56.06-46.464 27.045-12.545 59.08-18.76 88.58-15.175v-18.824c-5.62-.606-11.28-.905-16.947-.916zm11.744 52.41c-15.04-.024-30.138 2.215-43.537 5.995-17.346 4.892-32.058 11.575-40.176 22.976h31.602c4.06-1.848 8.664-3.583 13.648-4.99 13.228-3.73 28.92-5.752 43.666-5.157V466.5c-1.732-.064-3.466-.11-5.203-.11z"
  />
</svg>

Attribution

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

Related icons: bolt, flash, energy, power

Similar Game Icons icons