{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"hexagon","type":"registry:component","title":"Hexagon","description":"hexagon from coolicons in Line with regular corners. polygon, six, honeycomb, cell, hex. Other styles and corners: @coolicons/<style>/<radius>/hexagon with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/hexagon, and use @coolicons/hexagon for line with regular corners.","categories":["Shape"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/hexagon","meta":{"icon":"hexagon","style":"line","radius":"regular"},"files":[{"path":"registry/icons/hexagon.tsx","type":"registry:component","content":"import type { SVGProps } from \"react\";\n\ntype IconProps = Omit<SVGProps<SVGSVGElement>, \"children\"> & {\n  size?: number | string;\n  strokeWidth?: number | string;\n  title?: string;\n};\n\nexport function Hexagon({ size = 24, strokeWidth = 2, title, ...props }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role={title ? \"img\" : undefined}\n      aria-hidden={title ? undefined : true}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d=\"M20 8.23607L20 15.76393C20 16.52148 19.572 17.214 18.89443 17.55279L12.89443 20.55279C12.33137 20.83431 11.66863 20.83431 11.10557 20.55279L5.10557 17.55279C4.428 17.214 4 16.52148 4 15.76393L4 8.23607C4 7.47852 4.428 6.786 5.10557 6.44721L11.10557 3.44721C11.66863 3.16569 12.33137 3.16569 12.89443 3.44721L18.89443 6.44721C19.572 6.786 20 7.47852 20 8.23607Z\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/hexagon.tsx"}]}