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

Game Icons · GiPendulumSwing

Pendulum Swing icon

A free pendulum swing 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/pendulum-swing.json

components/icons/game-icons-pendulum-swing.tsx

import * as React from "react";

/**
 * Pendulum Swing from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/pendulum-swing. Sized in em, colored by currentColor.
 */
export function GiPendulumSwingIcon(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="M160.113 18l-20.398 253.85a57.09 57.09 0 0 1 5.27-.254c4.362 0 8.606.51 12.69 1.447L178.17 18h-18.057zM254 18v261.723a56.894 56.894 0 0 1 9-.723c3.06 0 6.067.247 9 .717V18h-18zm96 0v261.717a56.86 56.86 0 0 1 18 0V18h-18zm96 0v261.717a56.86 56.86 0 0 1 9-.717c3.062 0 6.066.253 9 .723V18h-18zM46.727 225.266c4.836 26.24 14.8 45.795 33.556 68.322-17.71-3.873-38.847-20.713-53.068-37.97 6.053 23.69 30.466 50.84 48.613 68.017-14.17-1.282-41.672-13.72-56.185-23.375 6.067 14.415 37.752 46.36 56.537 51.074-23.762 3.01-44.836-8.756-51.973-11.7 6.418 13.096 22.893 28.957 88.756 36.055-15.053-10.283-24.977-27.574-24.977-47.094 0-21.774 12.348-40.77 30.39-50.364-26.667-9.646-51.795-25.765-71.65-52.966zm98.26 64.33c-21.646 0-39 17.354-39 39 0 21.645 17.354 39 39 39 21.645 0 39-17.355 39-39 0-21.646-17.355-39-39-39zM263 297c-21.646 0-39 17.354-39 39s17.354 39 39 39 39-17.354 39-39-17.354-39-39-39zm96 0c-21.646 0-39 17.354-39 39s17.354 39 39 39 39-17.354 39-39-17.354-39-39-39zm96 0c-21.646 0-39 17.354-39 39s17.354 39 39 39 39-17.354 39-39-17.354-39-39-39z"
      />
    </svg>
  );
}

With react-icons

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

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

pendulum-swing.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="M160.113 18l-20.398 253.85a57.09 57.09 0 0 1 5.27-.254c4.362 0 8.606.51 12.69 1.447L178.17 18h-18.057zM254 18v261.723a56.894 56.894 0 0 1 9-.723c3.06 0 6.067.247 9 .717V18h-18zm96 0v261.717a56.86 56.86 0 0 1 18 0V18h-18zm96 0v261.717a56.86 56.86 0 0 1 9-.717c3.062 0 6.066.253 9 .723V18h-18zM46.727 225.266c4.836 26.24 14.8 45.795 33.556 68.322-17.71-3.873-38.847-20.713-53.068-37.97 6.053 23.69 30.466 50.84 48.613 68.017-14.17-1.282-41.672-13.72-56.185-23.375 6.067 14.415 37.752 46.36 56.537 51.074-23.762 3.01-44.836-8.756-51.973-11.7 6.418 13.096 22.893 28.957 88.756 36.055-15.053-10.283-24.977-27.574-24.977-47.094 0-21.774 12.348-40.77 30.39-50.364-26.667-9.646-51.795-25.765-71.65-52.966zm98.26 64.33c-21.646 0-39 17.354-39 39 0 21.645 17.354 39 39 39 21.645 0 39-17.355 39-39 0-21.646-17.355-39-39-39zM263 297c-21.646 0-39 17.354-39 39s17.354 39 39 39 39-17.354 39-39-17.354-39-39-39zm96 0c-21.646 0-39 17.354-39 39s17.354 39 39 39 39-17.354 39-39-17.354-39-39-39zm96 0c-21.646 0-39 17.354-39 39s17.354 39 39 39 39-17.354 39-39-17.354-39-39-39z"
  />
</svg>

Attribution

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

Related icons:

Similar Game Icons icons