hexagon

Hexagon icon · Lucide · <Hexagon />

hexagon

Lucide tags hexagon with node.js and logo. It's in Lucide's Shapes and Coding & development categories; similar icons include Frame, Shield Half and Target. The matching icons are Hexagon in Microsoft's Fluent icons and hexagon in Google's Material Symbols.

24 px, stroke 2

hexagon.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { Hexagon } from "lucide-react";

export function Example() {
  return <Hexagon />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`hexagon`
Component	`Hexagon` (also `HexagonIcon`, `LucideHexagon`)
Categories	Shapes, Coding & development
Icon font	`icon-hexagon`, `U+E0F3`
CSS content	`"\e0f3"`
File	`lucide-static/icons/hexagon.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)