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

Game Icons · GiAbstract106

Abstract106 icon

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

components/icons/game-icons-abstract106.tsx

import * as React from "react";

/**
 * Abstract106 from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/abstract106. Sized in em, colored by currentColor.
 */
export function GiAbstract106Icon(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="m21,21v140.5594h470v-140.5594h-30.8437v102.0781h-117.5v-102.0781h-27.9062v102.0781h-117.5v-102.0781h-27.9062v102.0781h-117.5v-102.0781h-30.8437zm91.5031,0c-17.7715,0-32.3125,14.3942-32.3125,32.1657s14.541,32.1656 32.3125,32.1656 32.1657-14.3941 32.1657-32.1656-14.3942-32.1657-32.1657-32.1657zm143.4969,0c-17.7715,0-32.1657,14.3942-32.1657,32.1657s14.3942,32.1656 32.1657,32.1656 32.1656-14.3941 32.1656-32.1656-14.3941-32.1657-32.1656-32.1657zm143.4968,0c-17.7715,0-32.1656,14.3942-32.1656,32.1657s14.3941,32.1656 32.1656,32.1656 32.1657-14.3941 32.1657-32.1656-14.3941-32.1657-32.1657-32.1657zm-364.3969,164.6469v140.5593h204.3032c8.6241-21.7615 13.2188-45.4898 13.2188-70.3531 0-24.7967-4.4924-48.4928-13.0719-70.2063h-204.45zm237.6438,0c-8.64,21.7135-13.3656,45.4096-13.3656,70.2063 0,24.8633 4.8286,48.5916 13.5125,70.3531h204.0094v-140.5593h-204.1563zm-85.6282,23.9406c25.594,0 46.2656,20.6716 46.2656,46.2657s-20.6717,46.2656-46.2656,46.2656c-14.4712,0-27.4665-6.6671-35.9843-17.0375h-85.1876v-58.3094h85.0407c8.5158-10.4628 21.5853-17.1844 36.1312-17.1844zm137.7688,0c14.5459,0 27.6154,6.7215 36.1313,17.1844h85.0406v58.3094h-85.1875c-8.5179,10.3704-21.5131,17.0375-35.9844,17.0375-25.594,0-46.2656-20.6716-46.2656-46.2656s20.6717-46.2657 46.2656-46.2657zm-303.8844,141v140.4125h30.8437v-101.9313h117.5v101.9313h27.9062v-101.9313h117.5v101.9313h27.9062v-101.9313h117.5v101.9313h30.8437v-140.4125h-470zm91.5031,76.0812c-17.7715,0-32.3125,14.3941-32.3125,32.1656s14.541,32.1656 32.3125,32.1656 32.1657-14.3941 32.1657-32.1656-14.3942-32.1656-32.1657-32.1656zm143.4969,0c-17.7715,0-32.1657,14.3941-32.1657,32.1656s14.3942,32.1656 32.1657,32.1656 32.1656-14.3941 32.1656-32.1656-14.3941-32.1656-32.1656-32.1656zm143.4968,0c-17.7715,0-32.1656,14.3941-32.1656,32.1656s14.3941,32.1656 32.1656,32.1656 32.1657-14.3941 32.1657-32.1656-14.3941-32.1656-32.1657-32.1656z"
      />
    </svg>
  );
}

With react-icons

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

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

abstract106.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="m21,21v140.5594h470v-140.5594h-30.8437v102.0781h-117.5v-102.0781h-27.9062v102.0781h-117.5v-102.0781h-27.9062v102.0781h-117.5v-102.0781h-30.8437zm91.5031,0c-17.7715,0-32.3125,14.3942-32.3125,32.1657s14.541,32.1656 32.3125,32.1656 32.1657-14.3941 32.1657-32.1656-14.3942-32.1657-32.1657-32.1657zm143.4969,0c-17.7715,0-32.1657,14.3942-32.1657,32.1657s14.3942,32.1656 32.1657,32.1656 32.1656-14.3941 32.1656-32.1656-14.3941-32.1657-32.1656-32.1657zm143.4968,0c-17.7715,0-32.1656,14.3942-32.1656,32.1657s14.3941,32.1656 32.1656,32.1656 32.1657-14.3941 32.1657-32.1656-14.3941-32.1657-32.1657-32.1657zm-364.3969,164.6469v140.5593h204.3032c8.6241-21.7615 13.2188-45.4898 13.2188-70.3531 0-24.7967-4.4924-48.4928-13.0719-70.2063h-204.45zm237.6438,0c-8.64,21.7135-13.3656,45.4096-13.3656,70.2063 0,24.8633 4.8286,48.5916 13.5125,70.3531h204.0094v-140.5593h-204.1563zm-85.6282,23.9406c25.594,0 46.2656,20.6716 46.2656,46.2657s-20.6717,46.2656-46.2656,46.2656c-14.4712,0-27.4665-6.6671-35.9843-17.0375h-85.1876v-58.3094h85.0407c8.5158-10.4628 21.5853-17.1844 36.1312-17.1844zm137.7688,0c14.5459,0 27.6154,6.7215 36.1313,17.1844h85.0406v58.3094h-85.1875c-8.5179,10.3704-21.5131,17.0375-35.9844,17.0375-25.594,0-46.2656-20.6716-46.2656-46.2656s20.6717-46.2657 46.2656-46.2657zm-303.8844,141v140.4125h30.8437v-101.9313h117.5v101.9313h27.9062v-101.9313h117.5v101.9313h27.9062v-101.9313h117.5v101.9313h30.8437v-140.4125h-470zm91.5031,76.0812c-17.7715,0-32.3125,14.3941-32.3125,32.1656s14.541,32.1656 32.3125,32.1656 32.1657-14.3941 32.1657-32.1656-14.3942-32.1656-32.1657-32.1656zm143.4969,0c-17.7715,0-32.1657,14.3941-32.1657,32.1656s14.3942,32.1656 32.1657,32.1656 32.1656-14.3941 32.1656-32.1656-14.3941-32.1656-32.1656-32.1656zm143.4968,0c-17.7715,0-32.1656,14.3941-32.1656,32.1656s14.3941,32.1656 32.1656,32.1656 32.1657-14.3941 32.1657-32.1656-14.3941-32.1656-32.1657-32.1656z"
  />
</svg>

Attribution

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

Similar Game Icons icons