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

Game Icons · GiAbstract107

Abstract107 icon

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

components/icons/game-icons-abstract107.tsx

import * as React from "react";

/**
 * Abstract107 from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/abstract107. Sized in em, colored by currentColor.
 */
export function GiAbstract107Icon(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="m256,21-68.8844,68.8843h-97.2313v97.2313l-68.8843,68.8843 68.8843,68.8844v97.3781h97.3781l68.7375,68.7375 68.7375-68.7375h97.3781v-97.3781l68.8844-68.8844-68.8844-68.8843v-97.2313h-97.2313l-68.8843-68.8843zm0,63.5969 50.2312,50.2313h70.9406v70.9406l50.0844,50.2312-50.0844,50.0844h-33.0468c.0576-1.2114.147-2.4366.147-3.6719 0-5.6899-.5874-11.2069-1.6157-16.5969l35.1032-46.1187-50.0844,11.4562c-3.3672-4.7001-7.105-9.1236-11.3094-13.0719l9.9875-57.8687-39.2156,39.6563c-4.5764-1.7267-9.3443-3.1607-14.2469-4.1125l-16.8906-57.2812-16.8906,57.2812c-4.9026.9518-9.6706,2.3858-14.2469,4.1125l-39.2156-39.6563 9.9875,57.8687c-4.2044,3.9483-7.9422,8.3718-11.3094,13.0719l-50.0843-11.4562 35.1031,46.1187c-1.0281,5.39-1.6157,10.907-1.6157,16.5969 0,1.2365.0901,2.4592.147,3.6719h-33.0468l-50.2313-50.0844 50.2313-50.2312v-70.9406h70.9406l50.2313-50.2313zm0,156.4219c2.1407,0 4.2264.1982 6.3156.4403 36.1884,3.1765 56.3695,33.4874 59.7781,64.7719h-132.1875c3.4086-31.2845 23.5898-61.5954 59.7781-64.7719 2.0569-.1802 4.1554-.4403 6.3156-.4403zm-121.1719,85.0406h242.3437v50.9656h-71.0875l-50.0843,50.3781-50.0844-50.3781h-71.0875v-50.9656z"
      />
    </svg>
  );
}

With react-icons

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

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

abstract107.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="m256,21-68.8844,68.8843h-97.2313v97.2313l-68.8843,68.8843 68.8843,68.8844v97.3781h97.3781l68.7375,68.7375 68.7375-68.7375h97.3781v-97.3781l68.8844-68.8844-68.8844-68.8843v-97.2313h-97.2313l-68.8843-68.8843zm0,63.5969 50.2312,50.2313h70.9406v70.9406l50.0844,50.2312-50.0844,50.0844h-33.0468c.0576-1.2114.147-2.4366.147-3.6719 0-5.6899-.5874-11.2069-1.6157-16.5969l35.1032-46.1187-50.0844,11.4562c-3.3672-4.7001-7.105-9.1236-11.3094-13.0719l9.9875-57.8687-39.2156,39.6563c-4.5764-1.7267-9.3443-3.1607-14.2469-4.1125l-16.8906-57.2812-16.8906,57.2812c-4.9026.9518-9.6706,2.3858-14.2469,4.1125l-39.2156-39.6563 9.9875,57.8687c-4.2044,3.9483-7.9422,8.3718-11.3094,13.0719l-50.0843-11.4562 35.1031,46.1187c-1.0281,5.39-1.6157,10.907-1.6157,16.5969 0,1.2365.0901,2.4592.147,3.6719h-33.0468l-50.2313-50.0844 50.2313-50.2312v-70.9406h70.9406l50.2313-50.2313zm0,156.4219c2.1407,0 4.2264.1982 6.3156.4403 36.1884,3.1765 56.3695,33.4874 59.7781,64.7719h-132.1875c3.4086-31.2845 23.5898-61.5954 59.7781-64.7719 2.0569-.1802 4.1554-.4403 6.3156-.4403zm-121.1719,85.0406h242.3437v50.9656h-71.0875l-50.0843,50.3781-50.0844-50.3781h-71.0875v-50.9656z"
  />
</svg>

Attribution

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

Similar Game Icons icons