Hexagon

hexagon

Shapes

A hexagonal shape. Use for grid layouts, badges, or honeycomb design patterns.

Code

<i class="icf-solid icf-hexagon"></i>

icf-solid icf-hexagon

<i className="icf-solid icf-hexagon" />

Unicode: 
Hex: \e037
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e037";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M241 36A31 31 0 0 1 271 36L439 133A31 31 0 0 1 454 159L454 353A31 31 0 0 1 439 379L271 476A31 31 0 0 1 241 476L73 379A31 31 0 0 1 58 353L58 159A31 31 0 0 1 73 133Z"/>
</svg>

Available Variants

Classic

Solid

Free

Regular

Free

Light

Basic

Thin

Basic

Duotone

Solid

Pro

Regular

Pro

Light

Pro

Thin

Pro

Sizes

16px

24px

32px

48px

64px

96px

128px

Download

SVG (Classic Solid) SVG (Classic Regular)