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

Game Icons · GiMatchbox

Matchbox icon

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

components/icons/game-icons-matchbox.tsx

import * as React from "react";

/**
 * Matchbox from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/matchbox. Sized in em, colored by currentColor.
 */
export function GiMatchboxIcon(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="M193.1 25.84L120.5 166.2l21.4 11 14.9-28.9a24 48 27.32 0 1 7.1-46.4 24 48 27.32 0 1 36.8-32.98 24 48 27.32 0 1 6.5 1.39 24 48 27.32 0 1-.7 53.69 24 48 27.32 0 1-33.7 32.6l-15 28.9 31.7 16.4 14.9-28.9a24 48 27.32 0 1 7.1-46.5 24 48 27.32 0 1 36.9-32.98 24 48 27.32 0 1 6.5 1.39 24 48 27.32 0 1-.7 53.69 24 48 27.32 0 1-33.8 32.6l-14.9 28.9 31.7 16.4 14.8-28.9a24 48 27.32 0 1 7.1-46.5 24 48 27.32 0 1 36.9-33 24 48 27.32 0 1 6.5 1.4 24 48 27.32 0 1-.7 53.7 24 48 27.32 0 1-33.8 32.6l-14.9 28.9 31.7 16.3 14.9-28.9a24 48 27.32 0 1 7.1-46.4 24 48 27.32 0 1 36.8-33 24 48 27.32 0 1 6.5 1.4 24 48 27.32 0 1-.7 53.7 24 48 27.32 0 1-33.7 32.6l-15 28.9 31.7 16.3 14.9-28.9a24 48 27.32 0 1 7.1-46.4 24 48 27.32 0 1 36.8-33 24 48 27.32 0 1 6.5 1.4 24 48 27.32 0 1-.7 53.7 24 48 27.32 0 1-33.7 32.6l-15 28.9 31.8 16.4 14.8-28.9a24 48 27.32 0 1 7.1-46.5 24 48 27.32 0 1 36.8-33 24 48 27.32 0 1 6.6 1.4 24 48 27.32 0 1-.8 53.7 24 48 27.32 0 1-33.6 32.6l-15 28.9 21.3 11 72.5-140.3L193.1 25.84zM112.3 182.2L18 364.7V494h145c-6.7-1.8-13.4-4.3-19.8-7.6-47.58-24.6-66.26-83.2-41.7-130.7 17.2-33.5 51.4-52.7 86.6-52.5 14.9 0 30 3.5 44.1 10.8 47.5 24.5 66.2 83.2 41.7 130.7-13.2 25.4-36.1 42.6-61.8 49.3h115.1l81.9-158.5-296.8-153.3zm73.8 138.9c-28.1.6-54.9 16.1-68.6 42.8-20.07 38.8-4.9 86.4 33.9 106.5 38.8 20 86.4 4.9 106.5-34 20-38.8 4.9-86.4-34-106.4-11.3-5.9-23.5-8.7-35.4-8.9h-2.4zm13.9 23c25.9 23.7 33.3 72.4 13.3 98.8-10.2 13.7-34.6 13.8-50.5 7.6-14.5-5.7-31.5-21.3-29.1-36.7 3.3-21.3 40.2-23.7 47.3-13 0 0-21.8 1.9-20.4 9.3 1.4 8.5 18.9 7.4 25.7 2.3 18.6-14 18-36.8 13.7-68.3z"
      />
    </svg>
  );
}

With react-icons

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

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

matchbox.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="M193.1 25.84L120.5 166.2l21.4 11 14.9-28.9a24 48 27.32 0 1 7.1-46.4 24 48 27.32 0 1 36.8-32.98 24 48 27.32 0 1 6.5 1.39 24 48 27.32 0 1-.7 53.69 24 48 27.32 0 1-33.7 32.6l-15 28.9 31.7 16.4 14.9-28.9a24 48 27.32 0 1 7.1-46.5 24 48 27.32 0 1 36.9-32.98 24 48 27.32 0 1 6.5 1.39 24 48 27.32 0 1-.7 53.69 24 48 27.32 0 1-33.8 32.6l-14.9 28.9 31.7 16.4 14.8-28.9a24 48 27.32 0 1 7.1-46.5 24 48 27.32 0 1 36.9-33 24 48 27.32 0 1 6.5 1.4 24 48 27.32 0 1-.7 53.7 24 48 27.32 0 1-33.8 32.6l-14.9 28.9 31.7 16.3 14.9-28.9a24 48 27.32 0 1 7.1-46.4 24 48 27.32 0 1 36.8-33 24 48 27.32 0 1 6.5 1.4 24 48 27.32 0 1-.7 53.7 24 48 27.32 0 1-33.7 32.6l-15 28.9 31.7 16.3 14.9-28.9a24 48 27.32 0 1 7.1-46.4 24 48 27.32 0 1 36.8-33 24 48 27.32 0 1 6.5 1.4 24 48 27.32 0 1-.7 53.7 24 48 27.32 0 1-33.7 32.6l-15 28.9 31.8 16.4 14.8-28.9a24 48 27.32 0 1 7.1-46.5 24 48 27.32 0 1 36.8-33 24 48 27.32 0 1 6.6 1.4 24 48 27.32 0 1-.8 53.7 24 48 27.32 0 1-33.6 32.6l-15 28.9 21.3 11 72.5-140.3L193.1 25.84zM112.3 182.2L18 364.7V494h145c-6.7-1.8-13.4-4.3-19.8-7.6-47.58-24.6-66.26-83.2-41.7-130.7 17.2-33.5 51.4-52.7 86.6-52.5 14.9 0 30 3.5 44.1 10.8 47.5 24.5 66.2 83.2 41.7 130.7-13.2 25.4-36.1 42.6-61.8 49.3h115.1l81.9-158.5-296.8-153.3zm73.8 138.9c-28.1.6-54.9 16.1-68.6 42.8-20.07 38.8-4.9 86.4 33.9 106.5 38.8 20 86.4 4.9 106.5-34 20-38.8 4.9-86.4-34-106.4-11.3-5.9-23.5-8.7-35.4-8.9h-2.4zm13.9 23c25.9 23.7 33.3 72.4 13.3 98.8-10.2 13.7-34.6 13.8-50.5 7.6-14.5-5.7-31.5-21.3-29.1-36.7 3.3-21.3 40.2-23.7 47.3-13 0 0-21.8 1.9-20.4 9.3 1.4 8.5 18.9 7.4 25.7 2.3 18.6-14 18-36.8 13.7-68.3z"
  />
</svg>

Attribution

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

Similar Game Icons icons