Three hexagons, two under one, for honeycombs, clusters, nodes and modular groups. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
ShapesNewv1.5.0Added
16
20
24 px
32
24px
2px
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.5 13.2057C5.652 13.118 5.8245 13.0717 6 13.0717C6.1755 13.0717 6.348 13.118 6.5 13.2057L9.5 14.9378C9.8094 15.1164 10 15.4465 10 15.8038L10 19.2679C10 19.6252 9.8094 19.9553 9.5 20.1339L6.5 21.866C6.348 21.9537 6.1755 22 6 22C5.8245 22 5.652 21.9537 5.5 21.866L2.5 20.1339C2.1906 19.9553 2 19.6252 2 19.2679L2 15.8038C2 15.4465 2.1906 15.1164 2.5 14.9378L5.5 13.2057ZM17.5 13.2057C17.652 13.118 17.8245 13.0717 18 13.0717C18.1755 13.0717 18.348 13.118 18.5 13.2057L21.5 14.9378C21.8094 15.1164 22 15.4465 22 15.8038L22 19.2679C22 19.6252 21.8094 19.9553 21.5 20.1339L18.5 21.866C18.348 21.9537 18.1755 22 18 22C17.8245 22 17.652 21.9537 17.5 21.866L14.5 20.1339C14.1906 19.9553 14 19.6252 14 19.2679L14 15.8038C14 15.4465 14.1906 15.1164 14.5 14.9378L17.5 13.2057ZM11.5 2.134C11.652 2.0463 11.8245 2.0001 12 2.0001C12.1755 2.0001 12.348 2.0463 12.5 2.134L15.5 3.8661C15.8094 4.0447 16 4.3748 16 4.7321L16 8.1962C16 8.5535 15.8094 8.8836 15.5 9.0622L12.5 10.7943C12.348 10.882 12.1755 10.9283 12 10.9283C11.8245 10.9283 11.652 10.882 11.5 10.7943L8.5 9.0622C8.1906 8.8836 8 8.5535 8 8.1962L8 4.7321C8 4.3748 8.1906 4.0447 8.5 3.8661L11.5 2.134Z" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- honeycomb
- cluster
- nodes
- network
- modules
- hive
- molecules
Related icons
The rest of the hexagons family first, then the Shapes shelf.
circlecircle-dashedcircle-dashed-checkcircle-dashed-fullcircle-dashed-halfcircle-dashed-pluscircle-dashed-quartercircle-dashed-three-quartercircle-fullcircle-halfcircle-offcircle-progress-checkcircle-progress-halfcircle-progress-pausecircle-progress-playcircle-progress-quartercircle-progress-stopcircle-progress-three-quarter
FAQ
Answered from hexagons's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the hexagons icon for?
- Three hexagons, two under one, for honeycombs, clusters, nodes and modular groups. It is filed under Shapes in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as honeycomb, cluster, nodes, network, modules, hive and molecules, and the browser's search matches all of those.
- What styles does the hexagons icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of hexagons?
- No. hexagons is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with hexagons?
- circle, circle-dashed, circle-dashed-check, circle-dashed-full, circle-dashed-half and circle-dashed-plus, and 12 more, all shown below. They are the Shapes shelf: nothing else in the set is named after hexagons.
- How do I import hexagons in React?
- <Hexagons /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Hexagons size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the hexagons SVG?
- icons/stroke/hexagons.svg, icons/two-tone/hexagons.svg, icons/duotone/hexagons.svg and icons/fill/hexagons.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was hexagons added to the set?
- Added 1 Oct 2026. It ships in v1.5.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.