Skip to content
Cuelark UI

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

Game Icons · GiResonance

Resonance icon

A free resonance 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
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/resonance.json
components/icons/game-icons-resonance.tsx
import * as React from "react";

/**
 * Resonance from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/resonance. Sized in em, colored by currentColor.
 */
export function GiResonanceIcon(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="M258.186 21.076c-61.262-.17-122.585 23.086-169.264 69.766-79.875 79.875-90.355 202.083-33.037 294.03-21.126-58.596-5.07-136.433 43.875-204.518-26.864 54.274-23.788 119.52 8.705 171.64-16.072-44.577-3.09-104.19 35.502-155.568-22.22 40.8-20.71 91 4.105 130.804-13.956-38.71 1.842-92.823 43.24-134.222 43.876-43.875 102.245-59.39 141.206-40.764-39.916-27.966-92.123-30.865-134.612-8.724 54.177-39.073 116.827-50.336 161.063-29.194-52.326-36.654-120.2-41.6-176.747-14.863 71.832-49.555 153.662-63.29 211.87-35.47-40.654-28.48-88.263-42.783-135.907-42.917zm135.908 42.918l.008.006v-.002c-.003 0-.006-.003-.008-.004zm-35.125 50.332c0 .002.004.004.007.006v-.002c-.003 0-.006-.003-.008-.004zm93.772 8.315c27.828 58.21 14.094 140.048-35.47 211.887 26.74-56.548 21.8-124.425-14.858-176.754 21.144 44.238 9.878 106.895-29.2 161.075 22.145-42.488 19.248-94.7-8.714-134.618 18.62 38.96 3.107 97.327-40.768 141.2-41.4 41.4-95.513 57.196-134.224 43.238 39.81 24.817 90.023 26.326 130.826 4.096-51.383 38.602-111.004 51.59-155.588 35.513 52.118 32.49 117.364 35.57 171.637 8.71-68.085 48.943-145.92 64.997-204.512 43.87 91.947 57.318 214.157 46.838 294.03-33.037 82.987-82.986 91.948-212.252 26.842-305.18zM364.5 184.23l-.004-.007h-.002l.006.007zm37.914-26.457l-.004-.007h-.002l.006.007z"
      />
    </svg>
  );
}
With react-icons
import { GiResonance } from "react-icons/gi";

export function Example() {
  return <GiResonance className="size-5" />;
}
resonance.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="M258.186 21.076c-61.262-.17-122.585 23.086-169.264 69.766-79.875 79.875-90.355 202.083-33.037 294.03-21.126-58.596-5.07-136.433 43.875-204.518-26.864 54.274-23.788 119.52 8.705 171.64-16.072-44.577-3.09-104.19 35.502-155.568-22.22 40.8-20.71 91 4.105 130.804-13.956-38.71 1.842-92.823 43.24-134.222 43.876-43.875 102.245-59.39 141.206-40.764-39.916-27.966-92.123-30.865-134.612-8.724 54.177-39.073 116.827-50.336 161.063-29.194-52.326-36.654-120.2-41.6-176.747-14.863 71.832-49.555 153.662-63.29 211.87-35.47-40.654-28.48-88.263-42.783-135.907-42.917zm135.908 42.918l.008.006v-.002c-.003 0-.006-.003-.008-.004zm-35.125 50.332c0 .002.004.004.007.006v-.002c-.003 0-.006-.003-.008-.004zm93.772 8.315c27.828 58.21 14.094 140.048-35.47 211.887 26.74-56.548 21.8-124.425-14.858-176.754 21.144 44.238 9.878 106.895-29.2 161.075 22.145-42.488 19.248-94.7-8.714-134.618 18.62 38.96 3.107 97.327-40.768 141.2-41.4 41.4-95.513 57.196-134.224 43.238 39.81 24.817 90.023 26.326 130.826 4.096-51.383 38.602-111.004 51.59-155.588 35.513 52.118 32.49 117.364 35.57 171.637 8.71-68.085 48.943-145.92 64.997-204.512 43.87 91.947 57.318 214.157 46.838 294.03-33.037 82.987-82.986 91.948-212.252 26.842-305.18zM364.5 184.23l-.004-.007h-.002l.006.007zm37.914-26.457l-.004-.007h-.002l.006.007z"
  />
</svg>
Attribution
"Resonance" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.