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

Game Icons · GiFez

Fez icon

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

components/icons/game-icons-fez.tsx

import * as React from "react";

/**
 * Fez from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/fez. Sized in em, colored by currentColor.
 */
export function GiFezIcon(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.75 101.906c-31.427 0-62.877 6.504-84.156 16.875-10.67 5.202-18.88 11.344-24 17.376-5.122 6.033-7.26 11.777-7.25 17.188a9.345 9.345 0 0 1 0 .03c-.01 5.412 2.128 11.156 7.25 17.19 5.12 6.03 13.33 12.173 24 17.374 21.28 10.37 52.73 16.875 84.156 16.875 15.063 0 30.11-1.52 44.063-4.22l-43.97-41.53a9.345 9.345 0 0 1 .72-14.344 9.345 9.345 0 0 1 7.312-3.782 9.345 9.345 0 0 1 5.313 1.53l71.093 45.282c10.485-5.16 18.566-11.228 23.626-17.188 5.122-6.032 7.26-11.776 7.25-17.187a9.345 9.345 0 0 1 0-.03c.01-5.412-2.128-11.156-7.25-17.19-5.12-6.03-13.33-12.173-24-17.374-21.28-10.37-52.73-16.874-84.156-16.874zm120.813 82.563c-6.293 6.876-14.454 12.902-24.094 18.06l27.78 131.282a9.36 9.36 0 1 1-18.313 3.875L338 210.313c-2.143.8-4.305 1.583-6.53 2.313L347 351.5a9.356 9.356 0 1 1-18.594 2.094l-15.156-136c-17.117 3.857-35.744 5.906-54.5 5.906-33.927 0-67.43-6.608-92.344-18.75-11.15-5.434-20.55-11.927-27.687-19.47l-28.19 159.75c-1.38 8.68.893 16.09 6.876 23.814 5.983 7.722 15.94 15.275 28.875 21.75 25.87 12.95 63.244 21.503 101.595 23.406 38.35 1.903 77.75-2.813 107.844-15 29.562-11.972 49.355-30.17 54.25-56.375L379.56 184.47z"
      />
    </svg>
  );
}

With react-icons

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

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

fez.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.75 101.906c-31.427 0-62.877 6.504-84.156 16.875-10.67 5.202-18.88 11.344-24 17.376-5.122 6.033-7.26 11.777-7.25 17.188a9.345 9.345 0 0 1 0 .03c-.01 5.412 2.128 11.156 7.25 17.19 5.12 6.03 13.33 12.173 24 17.374 21.28 10.37 52.73 16.875 84.156 16.875 15.063 0 30.11-1.52 44.063-4.22l-43.97-41.53a9.345 9.345 0 0 1 .72-14.344 9.345 9.345 0 0 1 7.312-3.782 9.345 9.345 0 0 1 5.313 1.53l71.093 45.282c10.485-5.16 18.566-11.228 23.626-17.188 5.122-6.032 7.26-11.776 7.25-17.187a9.345 9.345 0 0 1 0-.03c.01-5.412-2.128-11.156-7.25-17.19-5.12-6.03-13.33-12.173-24-17.374-21.28-10.37-52.73-16.874-84.156-16.874zm120.813 82.563c-6.293 6.876-14.454 12.902-24.094 18.06l27.78 131.282a9.36 9.36 0 1 1-18.313 3.875L338 210.313c-2.143.8-4.305 1.583-6.53 2.313L347 351.5a9.356 9.356 0 1 1-18.594 2.094l-15.156-136c-17.117 3.857-35.744 5.906-54.5 5.906-33.927 0-67.43-6.608-92.344-18.75-11.15-5.434-20.55-11.927-27.687-19.47l-28.19 159.75c-1.38 8.68.893 16.09 6.876 23.814 5.983 7.722 15.94 15.275 28.875 21.75 25.87 12.95 63.244 21.503 101.595 23.406 38.35 1.903 77.75-2.813 107.844-15 29.562-11.972 49.355-30.17 54.25-56.375L379.56 184.47z"
  />
</svg>

Attribution

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

Similar Game Icons icons