# honeycomb icon Honeycomb. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/honeycomb - Category: Nature & animals - Use it for: hive, beehive, honeycomb, bee colony - Tags: honeycomb, hive, beehive, bee, bees, honey, apiary, beekeeping, hexagons, cells, colony, wax - Component name: HoneycombIcon - Added: 2026-10-29 - Since: version 0.2.0 - npm: `import { HoneycombIcon } from '@gentleface/react';` (@gentleface/react 0.2.0) - Changed: 2026-10-30 (added) ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/honeycomb.svg · PNG https://gentleface.com/png/line-round/16/honeycomb.png · https://gentleface.com/png/line-round/32/honeycomb.png · https://gentleface.com/png/line-round/48/honeycomb.png - line-soft: https://gentleface.com/svg/line-soft/16/honeycomb.svg · PNG https://gentleface.com/png/line-soft/16/honeycomb.png · https://gentleface.com/png/line-soft/32/honeycomb.png · https://gentleface.com/png/line-soft/48/honeycomb.png - line-sharp: https://gentleface.com/svg/line-sharp/16/honeycomb.svg · PNG https://gentleface.com/png/line-sharp/16/honeycomb.png · https://gentleface.com/png/line-sharp/32/honeycomb.png · https://gentleface.com/png/line-sharp/48/honeycomb.png - solid-round: https://gentleface.com/svg/solid-round/16/honeycomb.svg · PNG https://gentleface.com/png/solid-round/16/honeycomb.png · https://gentleface.com/png/solid-round/32/honeycomb.png · https://gentleface.com/png/solid-round/48/honeycomb.png - solid-soft: https://gentleface.com/svg/solid-soft/16/honeycomb.svg · PNG https://gentleface.com/png/solid-soft/16/honeycomb.png · https://gentleface.com/png/solid-soft/32/honeycomb.png · https://gentleface.com/png/solid-soft/48/honeycomb.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/honeycomb.svg · PNG https://gentleface.com/png/solid-sharp/16/honeycomb.png · https://gentleface.com/png/solid-sharp/32/honeycomb.png · https://gentleface.com/png/solid-sharp/48/honeycomb.png The SVG of every style: https://gentleface.com/icons/honeycomb.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "honeycomb" (line-round), MIT. https://gentleface.com/icons/honeycomb import type { SVGProps } from 'react'; export function HoneycombIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "honeycomb" (line-round), MIT. https://gentleface.com/icons/honeycomb. Takes the text color. */ .icon-honeycomb { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.447 7.415C13.617 7.499 13.751 7.622 13.851 7.783C13.95 7.944 14 8.12 14 8.309L14 11.191C14 11.38 13.95 11.556 13.851 11.717C13.751 11.878 13.617 12.001 13.447 12.085L11.618 13C11.266 13.176 10.893 13.264 10.5 13.264C10.107 13.264 9.734 13.176 9.382 13L8.171 12.394C7.96 12.289 7.736 12.236 7.5 12.236C7.264 12.236 7.04 12.289 6.829 12.394L5.618 13C5.266 13.176 4.893 13.264 4.5 13.264C4.107 13.264 3.734 13.176 3.382 13L1.553 12.085C1.383 12.001 1.249 11.878 1.149 11.717C1.05 11.556 1 11.38 1 11.191L1 8.309C1 8.12 1.05 7.944 1.149 7.783C1.249 7.622 1.383 7.499 1.553 7.415L4 6.191L4 3.309C4 3.12 4.05 2.944 4.149 2.783C4.249 2.622 4.383 2.499 4.553 2.415L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L10.447 2.415C10.617 2.499 10.751 2.622 10.851 2.783C10.95 2.944 11 3.12 11 3.309L11 6.191L13.447 7.415ZM5 3.309L5 6.191L6.829 7.106C7.04 7.211 7.264 7.264 7.5 7.264C7.736 7.264 7.96 7.211 8.171 7.106L10 6.191L10 3.309L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L5 3.309ZM8.618 11.5L9.829 12.106C10.04 12.211 10.264 12.264 10.5 12.264C10.736 12.264 10.96 12.211 11.171 12.106L13 11.191L13 8.309L10.553 7.085C10.535 7.077 10.518 7.068 10.502 7.058L8.618 8C8.419 8.1 8.213 8.171 8 8.214L8 11.286C8.213 11.329 8.419 11.4 8.618 11.5ZM4.498 7.058C4.482 7.068 4.465 7.077 4.447 7.085L2 8.309L2 11.191L3.829 12.106C4.04 12.211 4.264 12.264 4.5 12.264C4.736 12.264 4.96 12.211 5.171 12.106L6.382 11.5C6.581 11.4 6.787 11.329 7 11.286L7 8.214C6.787 8.171 6.581 8.1 6.382 8L4.498 7.058Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.447 7.415C13.617 7.499 13.751 7.622 13.851 7.783C13.95 7.944 14 8.12 14 8.309L14 11.191C14 11.38 13.95 11.556 13.851 11.717C13.751 11.878 13.617 12.001 13.447 12.085L11.618 13C11.266 13.176 10.893 13.264 10.5 13.264C10.107 13.264 9.734 13.176 9.382 13L8.171 12.394C7.96 12.289 7.736 12.236 7.5 12.236C7.264 12.236 7.04 12.289 6.829 12.394L5.618 13C5.266 13.176 4.893 13.264 4.5 13.264C4.107 13.264 3.734 13.176 3.382 13L1.553 12.085C1.383 12.001 1.249 11.878 1.149 11.717C1.05 11.556 1 11.38 1 11.191L1 8.309C1 8.12 1.05 7.944 1.149 7.783C1.249 7.622 1.383 7.499 1.553 7.415L4 6.191L4 3.309C4 3.12 4.05 2.944 4.149 2.783C4.249 2.622 4.383 2.499 4.553 2.415L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L10.447 2.415C10.617 2.499 10.751 2.622 10.851 2.783C10.95 2.944 11 3.12 11 3.309L11 6.191L13.447 7.415ZM5 3.309L5 6.191L6.829 7.106C7.04 7.211 7.264 7.264 7.5 7.264C7.736 7.264 7.96 7.211 8.171 7.106L10 6.191L10 3.309L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L5 3.309ZM8.618 11.5L9.829 12.106C10.04 12.211 10.264 12.264 10.5 12.264C10.736 12.264 10.96 12.211 11.171 12.106L13 11.191L13 8.309L10.553 7.085C10.535 7.077 10.518 7.068 10.502 7.058L8.618 8C8.419 8.1 8.213 8.171 8 8.214L8 11.286C8.213 11.329 8.419 11.4 8.618 11.5ZM4.498 7.058C4.482 7.068 4.465 7.077 4.447 7.085L2 8.309L2 11.191L3.829 12.106C4.04 12.211 4.264 12.264 4.5 12.264C4.736 12.264 4.96 12.211 5.171 12.106L6.382 11.5C6.581 11.4 6.787 11.329 7 11.286L7 8.214C6.787 8.171 6.581 8.1 6.382 8L4.498 7.058Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.447 7.415C13.617 7.499 13.751 7.622 13.851 7.783C13.95 7.944 14 8.12 14 8.309L14 11.191C14 11.38 13.95 11.556 13.851 11.717C13.751 11.878 13.617 12.001 13.447 12.085L11.618 13C11.266 13.176 10.893 13.264 10.5 13.264C10.107 13.264 9.734 13.176 9.382 13L8.171 12.394C7.96 12.289 7.736 12.236 7.5 12.236C7.264 12.236 7.04 12.289 6.829 12.394L5.618 13C5.266 13.176 4.893 13.264 4.5 13.264C4.107 13.264 3.734 13.176 3.382 13L1.553 12.085C1.383 12.001 1.249 11.878 1.149 11.717C1.05 11.556 1 11.38 1 11.191L1 8.309C1 8.12 1.05 7.944 1.149 7.783C1.249 7.622 1.383 7.499 1.553 7.415L4 6.191L4 3.309C4 3.12 4.05 2.944 4.149 2.783C4.249 2.622 4.383 2.499 4.553 2.415L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L10.447 2.415C10.617 2.499 10.751 2.622 10.851 2.783C10.95 2.944 11 3.12 11 3.309L11 6.191L13.447 7.415ZM5 3.309L5 6.191L6.829 7.106C7.04 7.211 7.264 7.264 7.5 7.264C7.736 7.264 7.96 7.211 8.171 7.106L10 6.191L10 3.309L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L5 3.309ZM8.618 11.5L9.829 12.106C10.04 12.211 10.264 12.264 10.5 12.264C10.736 12.264 10.96 12.211 11.171 12.106L13 11.191L13 8.309L10.553 7.085C10.535 7.077 10.518 7.068 10.502 7.058L8.618 8C8.419 8.1 8.213 8.171 8 8.214L8 11.286C8.213 11.329 8.419 11.4 8.618 11.5ZM4.498 7.058C4.482 7.068 4.465 7.077 4.447 7.085L2 8.309L2 11.191L3.829 12.106C4.04 12.211 4.264 12.264 4.5 12.264C4.736 12.264 4.96 12.211 5.171 12.106L6.382 11.5C6.581 11.4 6.787 11.329 7 11.286L7 8.214C6.787 8.171 6.581 8.1 6.382 8L4.498 7.058Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "honeycomb" (line-round), MIT. https://gentleface.com/icons/honeycomb import SwiftUI struct HoneycombIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 13.447, y: 7.415)) p.addCurve(to: CGPoint(x: 13.851, y: 7.783), control1: CGPoint(x: 13.617, y: 7.499), control2: CGPoint(x: 13.751, y: 7.622)) p.addCurve(to: CGPoint(x: 14, y: 8.309), control1: CGPoint(x: 13.95, y: 7.944), control2: CGPoint(x: 14, y: 8.12)) p.addLine(to: CGPoint(x: 14, y: 11.191)) p.addCurve(to: CGPoint(x: 13.851, y: 11.717), control1: CGPoint(x: 14, y: 11.38), control2: CGPoint(x: 13.95, y: 11.556)) p.addCurve(to: CGPoint(x: 13.447, y: 12.085), control1: CGPoint(x: 13.751, y: 11.878), control2: CGPoint(x: 13.617, y: 12.001)) p.addLine(to: CGPoint(x: 11.618, y: 13)) p.addCurve(to: CGPoint(x: 10.5, y: 13.264), control1: CGPoint(x: 11.266, y: 13.176), control2: CGPoint(x: 10.893, y: 13.264)) p.addCurve(to: CGPoint(x: 9.382, y: 13), control1: CGPoint(x: 10.107, y: 13.264), control2: CGPoint(x: 9.734, y: 13.176)) p.addLine(to: CGPoint(x: 8.171, y: 12.394)) p.addCurve(to: CGPoint(x: 7.5, y: 12.236), control1: CGPoint(x: 7.96, y: 12.289), control2: CGPoint(x: 7.736, y: 12.236)) p.addCurve(to: CGPoint(x: 6.829, y: 12.394), control1: CGPoint(x: 7.264, y: 12.236), control2: CGPoint(x: 7.04, y: 12.289)) p.addLine(to: CGPoint(x: 5.618, y: 13)) p.addCurve(to: CGPoint(x: 4.5, y: 13.264), control1: CGPoint(x: 5.266, y: 13.176), control2: CGPoint(x: 4.893, y: 13.264)) p.addCurve(to: CGPoint(x: 3.382, y: 13), control1: CGPoint(x: 4.107, y: 13.264), control2: CGPoint(x: 3.734, y: 13.176)) p.addLine(to: CGPoint(x: 1.553, y: 12.085)) p.addCurve(to: CGPoint(x: 1.149, y: 11.717), control1: CGPoint(x: 1.383, y: 12.001), control2: CGPoint(x: 1.249, y: 11.878)) p.addCurve(to: CGPoint(x: 1, y: 11.191), control1: CGPoint(x: 1.05, y: 11.556), control2: CGPoint(x: 1, y: 11.38)) p.addLine(to: CGPoint(x: 1, y: 8.309)) p.addCurve(to: CGPoint(x: 1.149, y: 7.783), control1: CGPoint(x: 1, y: 8.12), control2: CGPoint(x: 1.05, y: 7.944)) p.addCurve(to: CGPoint(x: 1.553, y: 7.415), control1: CGPoint(x: 1.249, y: 7.622), control2: CGPoint(x: 1.383, y: 7.499)) p.addLine(to: CGPoint(x: 4, y: 6.191)) p.addLine(to: CGPoint(x: 4, y: 3.309)) p.addCurve(to: CGPoint(x: 4.149, y: 2.783), control1: CGPoint(x: 4, y: 3.12), control2: CGPoint(x: 4.05, y: 2.944)) p.addCurve(to: CGPoint(x: 4.553, y: 2.415), control1: CGPoint(x: 4.249, y: 2.622), control2: CGPoint(x: 4.383, y: 2.499)) p.addLine(to: CGPoint(x: 6.382, y: 1.5)) p.addCurve(to: CGPoint(x: 7.5, y: 1.236), control1: CGPoint(x: 6.734, y: 1.324), control2: CGPoint(x: 7.107, y: 1.236)) p.addCurve(to: CGPoint(x: 8.618, y: 1.5), control1: CGPoint(x: 7.893, y: 1.236), control2: CGPoint(x: 8.266, y: 1.324)) p.addLine(to: CGPoint(x: 10.447, y: 2.415)) p.addCurve(to: CGPoint(x: 10.851, y: 2.783), control1: CGPoint(x: 10.617, y: 2.499), control2: CGPoint(x: 10.751, y: 2.622)) p.addCurve(to: CGPoint(x: 11, y: 3.309), control1: CGPoint(x: 10.95, y: 2.944), control2: CGPoint(x: 11, y: 3.12)) p.addLine(to: CGPoint(x: 11, y: 6.191)) p.addLine(to: CGPoint(x: 13.447, y: 7.415)) p.closeSubpath() p.move(to: CGPoint(x: 5, y: 3.309)) p.addLine(to: CGPoint(x: 5, y: 6.191)) p.addLine(to: CGPoint(x: 6.829, y: 7.106)) p.addCurve(to: CGPoint(x: 7.5, y: 7.264), control1: CGPoint(x: 7.04, y: 7.211), control2: CGPoint(x: 7.264, y: 7.264)) p.addCurve(to: CGPoint(x: 8.171, y: 7.106), control1: CGPoint(x: 7.736, y: 7.264), control2: CGPoint(x: 7.96, y: 7.211)) p.addLine(to: CGPoint(x: 10, y: 6.191)) p.addLine(to: CGPoint(x: 10, y: 3.309)) p.addLine(to: CGPoint(x: 8.171, y: 2.394)) p.addCurve(to: CGPoint(x: 7.5, y: 2.236), control1: CGPoint(x: 7.96, y: 2.289), control2: CGPoint(x: 7.736, y: 2.236)) p.addCurve(to: CGPoint(x: 6.829, y: 2.394), control1: CGPoint(x: 7.264, y: 2.236), control2: CGPoint(x: 7.04, y: 2.289)) p.addLine(to: CGPoint(x: 5, y: 3.309)) p.closeSubpath() p.move(to: CGPoint(x: 8.618, y: 11.5)) p.addLine(to: CGPoint(x: 9.829, y: 12.106)) p.addCurve(to: CGPoint(x: 10.5, y: 12.264), control1: CGPoint(x: 10.04, y: 12.211), control2: CGPoint(x: 10.264, y: 12.264)) p.addCurve(to: CGPoint(x: 11.171, y: 12.106), control1: CGPoint(x: 10.736, y: 12.264), control2: CGPoint(x: 10.96, y: 12.211)) p.addLine(to: CGPoint(x: 13, y: 11.191)) p.addLine(to: CGPoint(x: 13, y: 8.309)) p.addLine(to: CGPoint(x: 10.553, y: 7.085)) p.addCurve(to: CGPoint(x: 10.502, y: 7.058), control1: CGPoint(x: 10.535, y: 7.077), control2: CGPoint(x: 10.518, y: 7.068)) p.addLine(to: CGPoint(x: 8.618, y: 8)) p.addCurve(to: CGPoint(x: 8, y: 8.214), control1: CGPoint(x: 8.419, y: 8.1), control2: CGPoint(x: 8.213, y: 8.171)) p.addLine(to: CGPoint(x: 8, y: 11.286)) p.addCurve(to: CGPoint(x: 8.618, y: 11.5), control1: CGPoint(x: 8.213, y: 11.329), control2: CGPoint(x: 8.419, y: 11.4)) p.closeSubpath() p.move(to: CGPoint(x: 4.498, y: 7.058)) p.addCurve(to: CGPoint(x: 4.447, y: 7.085), control1: CGPoint(x: 4.482, y: 7.068), control2: CGPoint(x: 4.465, y: 7.077)) p.addLine(to: CGPoint(x: 2, y: 8.309)) p.addLine(to: CGPoint(x: 2, y: 11.191)) p.addLine(to: CGPoint(x: 3.829, y: 12.106)) p.addCurve(to: CGPoint(x: 4.5, y: 12.264), control1: CGPoint(x: 4.04, y: 12.211), control2: CGPoint(x: 4.264, y: 12.264)) p.addCurve(to: CGPoint(x: 5.171, y: 12.106), control1: CGPoint(x: 4.736, y: 12.264), control2: CGPoint(x: 4.96, y: 12.211)) p.addLine(to: CGPoint(x: 6.382, y: 11.5)) p.addCurve(to: CGPoint(x: 7, y: 11.286), control1: CGPoint(x: 6.581, y: 11.4), control2: CGPoint(x: 6.787, y: 11.329)) p.addLine(to: CGPoint(x: 7, y: 8.214)) p.addCurve(to: CGPoint(x: 6.382, y: 8), control1: CGPoint(x: 6.787, y: 8.171), control2: CGPoint(x: 6.581, y: 8.1)) p.addLine(to: CGPoint(x: 4.498, y: 7.058)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // HoneycombIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "honeycomb" (line-round), MIT. https://gentleface.com/icons/honeycomb import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val HoneycombIcon: ImageVector by lazy { ImageVector.Builder( name = "honeycomb", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M13.447 7.415C13.617 7.499 13.751 7.622 13.851 7.783C13.95 7.944 14 8.12 14 8.309L14 11.191C14 11.38 13.95 11.556 13.851 11.717C13.751 11.878 13.617 12.001 13.447 12.085L11.618 13C11.266 13.176 10.893 13.264 10.5 13.264C10.107 13.264 9.734 13.176 9.382 13L8.171 12.394C7.96 12.289 7.736 12.236 7.5 12.236C7.264 12.236 7.04 12.289 6.829 12.394L5.618 13C5.266 13.176 4.893 13.264 4.5 13.264C4.107 13.264 3.734 13.176 3.382 13L1.553 12.085C1.383 12.001 1.249 11.878 1.149 11.717C1.05 11.556 1 11.38 1 11.191L1 8.309C1 8.12 1.05 7.944 1.149 7.783C1.249 7.622 1.383 7.499 1.553 7.415L4 6.191L4 3.309C4 3.12 4.05 2.944 4.149 2.783C4.249 2.622 4.383 2.499 4.553 2.415L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L10.447 2.415C10.617 2.499 10.751 2.622 10.851 2.783C10.95 2.944 11 3.12 11 3.309L11 6.191L13.447 7.415ZM5 3.309L5 6.191L6.829 7.106C7.04 7.211 7.264 7.264 7.5 7.264C7.736 7.264 7.96 7.211 8.171 7.106L10 6.191L10 3.309L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L5 3.309ZM8.618 11.5L9.829 12.106C10.04 12.211 10.264 12.264 10.5 12.264C10.736 12.264 10.96 12.211 11.171 12.106L13 11.191L13 8.309L10.553 7.085C10.535 7.077 10.518 7.068 10.502 7.058L8.618 8C8.419 8.1 8.213 8.171 8 8.214L8 11.286C8.213 11.329 8.419 11.4 8.618 11.5ZM4.498 7.058C4.482 7.068 4.465 7.077 4.447 7.085L2 8.309L2 11.191L3.829 12.106C4.04 12.211 4.264 12.264 4.5 12.264C4.736 12.264 4.96 12.211 5.171 12.106L6.382 11.5C6.581 11.4 6.787 11.329 7 11.286L7 8.214C6.787 8.171 6.581 8.1 6.382 8L4.498 7.058Z"), fill = SolidColor(Color.Black), ).build() } // Icon(HoneycombIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "honeycomb" (line-round), MIT. https://gentleface.com/icons/honeycomb import 'package:flutter/widgets.dart'; class HoneycombIcon extends StatelessWidget { const HoneycombIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _HoneycombIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _HoneycombIconPainter extends CustomPainter { _HoneycombIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(13.447, 7.415) ..cubicTo(13.617, 7.499, 13.751, 7.622, 13.851, 7.783) ..cubicTo(13.95, 7.944, 14, 8.12, 14, 8.309) ..lineTo(14, 11.191) ..cubicTo(14, 11.38, 13.95, 11.556, 13.851, 11.717) ..cubicTo(13.751, 11.878, 13.617, 12.001, 13.447, 12.085) ..lineTo(11.618, 13) ..cubicTo(11.266, 13.176, 10.893, 13.264, 10.5, 13.264) ..cubicTo(10.107, 13.264, 9.734, 13.176, 9.382, 13) ..lineTo(8.171, 12.394) ..cubicTo(7.96, 12.289, 7.736, 12.236, 7.5, 12.236) ..cubicTo(7.264, 12.236, 7.04, 12.289, 6.829, 12.394) ..lineTo(5.618, 13) ..cubicTo(5.266, 13.176, 4.893, 13.264, 4.5, 13.264) ..cubicTo(4.107, 13.264, 3.734, 13.176, 3.382, 13) ..lineTo(1.553, 12.085) ..cubicTo(1.383, 12.001, 1.249, 11.878, 1.149, 11.717) ..cubicTo(1.05, 11.556, 1, 11.38, 1, 11.191) ..lineTo(1, 8.309) ..cubicTo(1, 8.12, 1.05, 7.944, 1.149, 7.783) ..cubicTo(1.249, 7.622, 1.383, 7.499, 1.553, 7.415) ..lineTo(4, 6.191) ..lineTo(4, 3.309) ..cubicTo(4, 3.12, 4.05, 2.944, 4.149, 2.783) ..cubicTo(4.249, 2.622, 4.383, 2.499, 4.553, 2.415) ..lineTo(6.382, 1.5) ..cubicTo(6.734, 1.324, 7.107, 1.236, 7.5, 1.236) ..cubicTo(7.893, 1.236, 8.266, 1.324, 8.618, 1.5) ..lineTo(10.447, 2.415) ..cubicTo(10.617, 2.499, 10.751, 2.622, 10.851, 2.783) ..cubicTo(10.95, 2.944, 11, 3.12, 11, 3.309) ..lineTo(11, 6.191) ..lineTo(13.447, 7.415) ..close() ..moveTo(5, 3.309) ..lineTo(5, 6.191) ..lineTo(6.829, 7.106) ..cubicTo(7.04, 7.211, 7.264, 7.264, 7.5, 7.264) ..cubicTo(7.736, 7.264, 7.96, 7.211, 8.171, 7.106) ..lineTo(10, 6.191) ..lineTo(10, 3.309) ..lineTo(8.171, 2.394) ..cubicTo(7.96, 2.289, 7.736, 2.236, 7.5, 2.236) ..cubicTo(7.264, 2.236, 7.04, 2.289, 6.829, 2.394) ..lineTo(5, 3.309) ..close() ..moveTo(8.618, 11.5) ..lineTo(9.829, 12.106) ..cubicTo(10.04, 12.211, 10.264, 12.264, 10.5, 12.264) ..cubicTo(10.736, 12.264, 10.96, 12.211, 11.171, 12.106) ..lineTo(13, 11.191) ..lineTo(13, 8.309) ..lineTo(10.553, 7.085) ..cubicTo(10.535, 7.077, 10.518, 7.068, 10.502, 7.058) ..lineTo(8.618, 8) ..cubicTo(8.419, 8.1, 8.213, 8.171, 8, 8.214) ..lineTo(8, 11.286) ..cubicTo(8.213, 11.329, 8.419, 11.4, 8.618, 11.5) ..close() ..moveTo(4.498, 7.058) ..cubicTo(4.482, 7.068, 4.465, 7.077, 4.447, 7.085) ..lineTo(2, 8.309) ..lineTo(2, 11.191) ..lineTo(3.829, 12.106) ..cubicTo(4.04, 12.211, 4.264, 12.264, 4.5, 12.264) ..cubicTo(4.736, 12.264, 4.96, 12.211, 5.171, 12.106) ..lineTo(6.382, 11.5) ..cubicTo(6.581, 11.4, 6.787, 11.329, 7, 11.286) ..lineTo(7, 8.214) ..cubicTo(6.787, 8.171, 6.581, 8.1, 6.382, 8) ..lineTo(4.498, 7.058) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_HoneycombIconPainter old) => old.color != color; } ```