Skip to content
Cuelark UI

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

Game Icons · GiArchitectMask

Architect Mask icon

A free architect mask 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
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/architect-mask.json
components/icons/game-icons-architect-mask.tsx
import * as React from "react";

/**
 * Architect Mask from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/architect-mask. Sized in em, colored by currentColor.
 */
export function GiArchitectMaskIcon(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="M255.656 18.906c-76 .73-152 78.23-152 230.313 0 116.987 152 244.155 152 244.155s152.007-127.153 152-244.156c.002-155.008-76-231.045-152-230.314zm-82.812 125.47l13.22 77.843c20.878 3.65 36.813 22.085 36.624 43.936-.143 16.366-9.304 30.634-22.688 38.156l12.344 72.813c-17.1-18.5-30.538-41.915-39.813-67.563-21.673-2.953-38.443-21.77-38.25-44.187.146-16.61 9.572-31.07 23.282-38.5-.354-29.225 4.552-57.82 15.282-82.5zm165.594 0c10.73 24.678 15.635 53.274 15.28 82.5 13.71 7.428 23.138 21.89 23.282 38.5.195 22.415-16.575 41.233-38.25 44.187-9.275 25.647-22.68 49.063-39.78 67.562l12.342-72.78c-13.404-7.518-22.576-21.807-22.718-38.19-.19-21.86 15.762-40.297 36.656-43.936l13.188-77.845zm-159.72 95.874c-14.203-.123-25.626 11.08-25.75 25.28-.122 14.174 11.06 25.578 25.22 25.75h.093c14.205.125 25.597-11.107 25.72-25.31.123-14.206-11.077-25.597-25.28-25.72zm153.845 0c-14.205.123-25.405 11.514-25.282 25.72.125 14.203 11.547 25.435 25.75 25.31 14.205-.122 25.406-11.544 25.283-25.75-.124-14.2-11.547-25.403-25.75-25.28z"
      />
    </svg>
  );
}
With react-icons
import { GiArchitectMask } from "react-icons/gi";

export function Example() {
  return <GiArchitectMask className="size-5" />;
}
architect-mask.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="M255.656 18.906c-76 .73-152 78.23-152 230.313 0 116.987 152 244.155 152 244.155s152.007-127.153 152-244.156c.002-155.008-76-231.045-152-230.314zm-82.812 125.47l13.22 77.843c20.878 3.65 36.813 22.085 36.624 43.936-.143 16.366-9.304 30.634-22.688 38.156l12.344 72.813c-17.1-18.5-30.538-41.915-39.813-67.563-21.673-2.953-38.443-21.77-38.25-44.187.146-16.61 9.572-31.07 23.282-38.5-.354-29.225 4.552-57.82 15.282-82.5zm165.594 0c10.73 24.678 15.635 53.274 15.28 82.5 13.71 7.428 23.138 21.89 23.282 38.5.195 22.415-16.575 41.233-38.25 44.187-9.275 25.647-22.68 49.063-39.78 67.562l12.342-72.78c-13.404-7.518-22.576-21.807-22.718-38.19-.19-21.86 15.762-40.297 36.656-43.936l13.188-77.845zm-159.72 95.874c-14.203-.123-25.626 11.08-25.75 25.28-.122 14.174 11.06 25.578 25.22 25.75h.093c14.205.125 25.597-11.107 25.72-25.31.123-14.206-11.077-25.597-25.28-25.72zm153.845 0c-14.205.123-25.405 11.514-25.282 25.72.125 14.203 11.547 25.435 25.75 25.31 14.205-.122 25.406-11.544 25.283-25.75-.124-14.2-11.547-25.403-25.75-25.28z"
  />
</svg>
Attribution
"Architect Mask" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: