# kettle-cone icon Kettle cone. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/kettle-cone - Category: Home & household - Use it for: kettle - Built from: variant of kettle - Tags: kettle - Family: kettle - Component name: KettleConeIcon - Added: 2026-10-30 ## 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/kettle-cone.svg · PNG https://gentleface.com/png/line-round/16/kettle-cone.png · https://gentleface.com/png/line-round/32/kettle-cone.png · https://gentleface.com/png/line-round/48/kettle-cone.png - line-soft: https://gentleface.com/svg/line-soft/16/kettle-cone.svg · PNG https://gentleface.com/png/line-soft/16/kettle-cone.png · https://gentleface.com/png/line-soft/32/kettle-cone.png · https://gentleface.com/png/line-soft/48/kettle-cone.png - line-sharp: https://gentleface.com/svg/line-sharp/16/kettle-cone.svg · PNG https://gentleface.com/png/line-sharp/16/kettle-cone.png · https://gentleface.com/png/line-sharp/32/kettle-cone.png · https://gentleface.com/png/line-sharp/48/kettle-cone.png - solid-round: https://gentleface.com/svg/solid-round/16/kettle-cone.svg · PNG https://gentleface.com/png/solid-round/16/kettle-cone.png · https://gentleface.com/png/solid-round/32/kettle-cone.png · https://gentleface.com/png/solid-round/48/kettle-cone.png - solid-soft: https://gentleface.com/svg/solid-soft/16/kettle-cone.svg · PNG https://gentleface.com/png/solid-soft/16/kettle-cone.png · https://gentleface.com/png/solid-soft/32/kettle-cone.png · https://gentleface.com/png/solid-soft/48/kettle-cone.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/kettle-cone.svg · PNG https://gentleface.com/png/solid-sharp/16/kettle-cone.png · https://gentleface.com/png/solid-sharp/32/kettle-cone.png · https://gentleface.com/png/solid-sharp/48/kettle-cone.png The SVG of every style: https://gentleface.com/icons/kettle-cone.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 "kettle-cone" (line-round), MIT. https://gentleface.com/icons/kettle-cone import type { SVGProps } from 'react'; export function KettleConeIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "kettle-cone" (line-round), MIT. https://gentleface.com/icons/kettle-cone. Takes the text color. */ .icon-kettle-cone { 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='M14.585 12.553C14.657 12.697 14.693 12.849 14.691 13.01C14.689 13.196 14.639 13.368 14.542 13.526C14.444 13.684 14.312 13.805 14.147 13.89C14.004 13.963 13.852 14 13.691 14L5.309 14C5.148 14 4.996 13.963 4.853 13.89C4.688 13.805 4.556 13.684 4.458 13.526C4.361 13.368 4.311 13.196 4.309 13.01C4.307 12.849 4.343 12.697 4.415 12.553L4.549 12.283C4.467 12.235 4.398 12.173 4.342 12.096L1.329 7.952C1.243 7.834 1.217 7.704 1.252 7.561C1.286 7.419 1.369 7.315 1.5 7.25C1.649 7.175 1.806 7.151 1.971 7.178C2.136 7.205 2.277 7.277 2.395 7.395L5.209 10.209C5.298 10.298 5.375 10.396 5.44 10.503L6.414 8.555C6.338 8.432 6.27 8.291 6.21 8.134C6.106 7.863 6.03 7.555 5.981 7.21C5.878 6.476 5.909 5.744 6.075 5.014C6.27 4.156 6.624 3.467 7.136 2.946C7.756 2.315 8.544 2 9.5 2C10.456 2 11.244 2.315 11.864 2.946C12.376 3.467 12.73 4.156 12.925 5.014C13.091 5.744 13.122 6.476 13.019 7.21C12.97 7.555 12.894 7.863 12.79 8.134C12.73 8.291 12.662 8.432 12.586 8.555L14.585 12.553ZM8.634 6.275C8.893 6.092 9.182 6 9.5 6C9.818 6 10.107 6.092 10.366 6.275C10.626 6.459 10.808 6.7 10.914 7L11.191 7C11.38 7 11.556 7.05 11.717 7.149C11.817 7.211 11.903 7.287 11.974 7.377C11.995 7.28 12.013 7.178 12.028 7.071C12.115 6.458 12.089 5.846 11.95 5.236C11.797 4.563 11.531 4.033 11.151 3.648C10.727 3.216 10.176 3 9.5 3C8.824 3 8.273 3.216 7.849 3.648C7.469 4.033 7.203 4.563 7.05 5.236C6.911 5.846 6.885 6.458 6.972 7.071C6.987 7.178 7.005 7.28 7.026 7.377C7.097 7.287 7.183 7.211 7.283 7.149C7.444 7.05 7.62 7 7.809 7L8.086 7C8.192 6.7 8.374 6.459 8.634 6.275ZM11.191 8L7.809 8L5.309 13L13.691 13L11.191 8Z'/%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='M14.585 12.553C14.657 12.697 14.693 12.849 14.691 13.01C14.689 13.196 14.639 13.368 14.542 13.526C14.444 13.684 14.312 13.805 14.147 13.89C14.004 13.963 13.852 14 13.691 14L5.309 14C5.148 14 4.996 13.963 4.853 13.89C4.688 13.805 4.556 13.684 4.458 13.526C4.361 13.368 4.311 13.196 4.309 13.01C4.307 12.849 4.343 12.697 4.415 12.553L4.549 12.283C4.467 12.235 4.398 12.173 4.342 12.096L1.329 7.952C1.243 7.834 1.217 7.704 1.252 7.561C1.286 7.419 1.369 7.315 1.5 7.25C1.649 7.175 1.806 7.151 1.971 7.178C2.136 7.205 2.277 7.277 2.395 7.395L5.209 10.209C5.298 10.298 5.375 10.396 5.44 10.503L6.414 8.555C6.338 8.432 6.27 8.291 6.21 8.134C6.106 7.863 6.03 7.555 5.981 7.21C5.878 6.476 5.909 5.744 6.075 5.014C6.27 4.156 6.624 3.467 7.136 2.946C7.756 2.315 8.544 2 9.5 2C10.456 2 11.244 2.315 11.864 2.946C12.376 3.467 12.73 4.156 12.925 5.014C13.091 5.744 13.122 6.476 13.019 7.21C12.97 7.555 12.894 7.863 12.79 8.134C12.73 8.291 12.662 8.432 12.586 8.555L14.585 12.553ZM8.634 6.275C8.893 6.092 9.182 6 9.5 6C9.818 6 10.107 6.092 10.366 6.275C10.626 6.459 10.808 6.7 10.914 7L11.191 7C11.38 7 11.556 7.05 11.717 7.149C11.817 7.211 11.903 7.287 11.974 7.377C11.995 7.28 12.013 7.178 12.028 7.071C12.115 6.458 12.089 5.846 11.95 5.236C11.797 4.563 11.531 4.033 11.151 3.648C10.727 3.216 10.176 3 9.5 3C8.824 3 8.273 3.216 7.849 3.648C7.469 4.033 7.203 4.563 7.05 5.236C6.911 5.846 6.885 6.458 6.972 7.071C6.987 7.178 7.005 7.28 7.026 7.377C7.097 7.287 7.183 7.211 7.283 7.149C7.444 7.05 7.62 7 7.809 7L8.086 7C8.192 6.7 8.374 6.459 8.634 6.275ZM11.191 8L7.809 8L5.309 13L13.691 13L11.191 8Z'/%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='M14.585 12.553C14.657 12.697 14.693 12.849 14.691 13.01C14.689 13.196 14.639 13.368 14.542 13.526C14.444 13.684 14.312 13.805 14.147 13.89C14.004 13.963 13.852 14 13.691 14L5.309 14C5.148 14 4.996 13.963 4.853 13.89C4.688 13.805 4.556 13.684 4.458 13.526C4.361 13.368 4.311 13.196 4.309 13.01C4.307 12.849 4.343 12.697 4.415 12.553L4.549 12.283C4.467 12.235 4.398 12.173 4.342 12.096L1.329 7.952C1.243 7.834 1.217 7.704 1.252 7.561C1.286 7.419 1.369 7.315 1.5 7.25C1.649 7.175 1.806 7.151 1.971 7.178C2.136 7.205 2.277 7.277 2.395 7.395L5.209 10.209C5.298 10.298 5.375 10.396 5.44 10.503L6.414 8.555C6.338 8.432 6.27 8.291 6.21 8.134C6.106 7.863 6.03 7.555 5.981 7.21C5.878 6.476 5.909 5.744 6.075 5.014C6.27 4.156 6.624 3.467 7.136 2.946C7.756 2.315 8.544 2 9.5 2C10.456 2 11.244 2.315 11.864 2.946C12.376 3.467 12.73 4.156 12.925 5.014C13.091 5.744 13.122 6.476 13.019 7.21C12.97 7.555 12.894 7.863 12.79 8.134C12.73 8.291 12.662 8.432 12.586 8.555L14.585 12.553ZM8.634 6.275C8.893 6.092 9.182 6 9.5 6C9.818 6 10.107 6.092 10.366 6.275C10.626 6.459 10.808 6.7 10.914 7L11.191 7C11.38 7 11.556 7.05 11.717 7.149C11.817 7.211 11.903 7.287 11.974 7.377C11.995 7.28 12.013 7.178 12.028 7.071C12.115 6.458 12.089 5.846 11.95 5.236C11.797 4.563 11.531 4.033 11.151 3.648C10.727 3.216 10.176 3 9.5 3C8.824 3 8.273 3.216 7.849 3.648C7.469 4.033 7.203 4.563 7.05 5.236C6.911 5.846 6.885 6.458 6.972 7.071C6.987 7.178 7.005 7.28 7.026 7.377C7.097 7.287 7.183 7.211 7.283 7.149C7.444 7.05 7.62 7 7.809 7L8.086 7C8.192 6.7 8.374 6.459 8.634 6.275ZM11.191 8L7.809 8L5.309 13L13.691 13L11.191 8Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "kettle-cone" (line-round), MIT. https://gentleface.com/icons/kettle-cone import SwiftUI struct KettleConeIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 14.585, y: 12.553)) p.addCurve(to: CGPoint(x: 14.691, y: 13.01), control1: CGPoint(x: 14.657, y: 12.697), control2: CGPoint(x: 14.693, y: 12.849)) p.addCurve(to: CGPoint(x: 14.542, y: 13.526), control1: CGPoint(x: 14.689, y: 13.196), control2: CGPoint(x: 14.639, y: 13.368)) p.addCurve(to: CGPoint(x: 14.147, y: 13.89), control1: CGPoint(x: 14.444, y: 13.684), control2: CGPoint(x: 14.312, y: 13.805)) p.addCurve(to: CGPoint(x: 13.691, y: 14), control1: CGPoint(x: 14.004, y: 13.963), control2: CGPoint(x: 13.852, y: 14)) p.addLine(to: CGPoint(x: 5.309, y: 14)) p.addCurve(to: CGPoint(x: 4.853, y: 13.89), control1: CGPoint(x: 5.148, y: 14), control2: CGPoint(x: 4.996, y: 13.963)) p.addCurve(to: CGPoint(x: 4.458, y: 13.526), control1: CGPoint(x: 4.688, y: 13.805), control2: CGPoint(x: 4.556, y: 13.684)) p.addCurve(to: CGPoint(x: 4.309, y: 13.01), control1: CGPoint(x: 4.361, y: 13.368), control2: CGPoint(x: 4.311, y: 13.196)) p.addCurve(to: CGPoint(x: 4.415, y: 12.553), control1: CGPoint(x: 4.307, y: 12.849), control2: CGPoint(x: 4.343, y: 12.697)) p.addLine(to: CGPoint(x: 4.549, y: 12.283)) p.addCurve(to: CGPoint(x: 4.342, y: 12.096), control1: CGPoint(x: 4.467, y: 12.235), control2: CGPoint(x: 4.398, y: 12.173)) p.addLine(to: CGPoint(x: 1.329, y: 7.952)) p.addCurve(to: CGPoint(x: 1.252, y: 7.561), control1: CGPoint(x: 1.243, y: 7.834), control2: CGPoint(x: 1.217, y: 7.704)) p.addCurve(to: CGPoint(x: 1.5, y: 7.25), control1: CGPoint(x: 1.286, y: 7.419), control2: CGPoint(x: 1.369, y: 7.315)) p.addCurve(to: CGPoint(x: 1.971, y: 7.178), control1: CGPoint(x: 1.649, y: 7.175), control2: CGPoint(x: 1.806, y: 7.151)) p.addCurve(to: CGPoint(x: 2.395, y: 7.395), control1: CGPoint(x: 2.136, y: 7.205), control2: CGPoint(x: 2.277, y: 7.277)) p.addLine(to: CGPoint(x: 5.209, y: 10.209)) p.addCurve(to: CGPoint(x: 5.44, y: 10.503), control1: CGPoint(x: 5.298, y: 10.298), control2: CGPoint(x: 5.375, y: 10.396)) p.addLine(to: CGPoint(x: 6.414, y: 8.555)) p.addCurve(to: CGPoint(x: 6.21, y: 8.134), control1: CGPoint(x: 6.338, y: 8.432), control2: CGPoint(x: 6.27, y: 8.291)) p.addCurve(to: CGPoint(x: 5.981, y: 7.21), control1: CGPoint(x: 6.106, y: 7.863), control2: CGPoint(x: 6.03, y: 7.555)) p.addCurve(to: CGPoint(x: 6.075, y: 5.014), control1: CGPoint(x: 5.878, y: 6.476), control2: CGPoint(x: 5.909, y: 5.744)) p.addCurve(to: CGPoint(x: 7.136, y: 2.946), control1: CGPoint(x: 6.27, y: 4.156), control2: CGPoint(x: 6.624, y: 3.467)) p.addCurve(to: CGPoint(x: 9.5, y: 2), control1: CGPoint(x: 7.756, y: 2.315), control2: CGPoint(x: 8.544, y: 2)) p.addCurve(to: CGPoint(x: 11.864, y: 2.946), control1: CGPoint(x: 10.456, y: 2), control2: CGPoint(x: 11.244, y: 2.315)) p.addCurve(to: CGPoint(x: 12.925, y: 5.014), control1: CGPoint(x: 12.376, y: 3.467), control2: CGPoint(x: 12.73, y: 4.156)) p.addCurve(to: CGPoint(x: 13.019, y: 7.21), control1: CGPoint(x: 13.091, y: 5.744), control2: CGPoint(x: 13.122, y: 6.476)) p.addCurve(to: CGPoint(x: 12.79, y: 8.134), control1: CGPoint(x: 12.97, y: 7.555), control2: CGPoint(x: 12.894, y: 7.863)) p.addCurve(to: CGPoint(x: 12.586, y: 8.555), control1: CGPoint(x: 12.73, y: 8.291), control2: CGPoint(x: 12.662, y: 8.432)) p.addLine(to: CGPoint(x: 14.585, y: 12.553)) p.closeSubpath() p.move(to: CGPoint(x: 8.634, y: 6.275)) p.addCurve(to: CGPoint(x: 9.5, y: 6), control1: CGPoint(x: 8.893, y: 6.092), control2: CGPoint(x: 9.182, y: 6)) p.addCurve(to: CGPoint(x: 10.366, y: 6.275), control1: CGPoint(x: 9.818, y: 6), control2: CGPoint(x: 10.107, y: 6.092)) p.addCurve(to: CGPoint(x: 10.914, y: 7), control1: CGPoint(x: 10.626, y: 6.459), control2: CGPoint(x: 10.808, y: 6.7)) p.addLine(to: CGPoint(x: 11.191, y: 7)) p.addCurve(to: CGPoint(x: 11.717, y: 7.149), control1: CGPoint(x: 11.38, y: 7), control2: CGPoint(x: 11.556, y: 7.05)) p.addCurve(to: CGPoint(x: 11.974, y: 7.377), control1: CGPoint(x: 11.817, y: 7.211), control2: CGPoint(x: 11.903, y: 7.287)) p.addCurve(to: CGPoint(x: 12.028, y: 7.071), control1: CGPoint(x: 11.995, y: 7.28), control2: CGPoint(x: 12.013, y: 7.178)) p.addCurve(to: CGPoint(x: 11.95, y: 5.236), control1: CGPoint(x: 12.115, y: 6.458), control2: CGPoint(x: 12.089, y: 5.846)) p.addCurve(to: CGPoint(x: 11.151, y: 3.648), control1: CGPoint(x: 11.797, y: 4.563), control2: CGPoint(x: 11.531, y: 4.033)) p.addCurve(to: CGPoint(x: 9.5, y: 3), control1: CGPoint(x: 10.727, y: 3.216), control2: CGPoint(x: 10.176, y: 3)) p.addCurve(to: CGPoint(x: 7.849, y: 3.648), control1: CGPoint(x: 8.824, y: 3), control2: CGPoint(x: 8.273, y: 3.216)) p.addCurve(to: CGPoint(x: 7.05, y: 5.236), control1: CGPoint(x: 7.469, y: 4.033), control2: CGPoint(x: 7.203, y: 4.563)) p.addCurve(to: CGPoint(x: 6.972, y: 7.071), control1: CGPoint(x: 6.911, y: 5.846), control2: CGPoint(x: 6.885, y: 6.458)) p.addCurve(to: CGPoint(x: 7.026, y: 7.377), control1: CGPoint(x: 6.987, y: 7.178), control2: CGPoint(x: 7.005, y: 7.28)) p.addCurve(to: CGPoint(x: 7.283, y: 7.149), control1: CGPoint(x: 7.097, y: 7.287), control2: CGPoint(x: 7.183, y: 7.211)) p.addCurve(to: CGPoint(x: 7.809, y: 7), control1: CGPoint(x: 7.444, y: 7.05), control2: CGPoint(x: 7.62, y: 7)) p.addLine(to: CGPoint(x: 8.086, y: 7)) p.addCurve(to: CGPoint(x: 8.634, y: 6.275), control1: CGPoint(x: 8.192, y: 6.7), control2: CGPoint(x: 8.374, y: 6.459)) p.closeSubpath() p.move(to: CGPoint(x: 11.191, y: 8)) p.addLine(to: CGPoint(x: 7.809, y: 8)) p.addLine(to: CGPoint(x: 5.309, y: 13)) p.addLine(to: CGPoint(x: 13.691, y: 13)) p.addLine(to: CGPoint(x: 11.191, y: 8)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // KettleConeIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "kettle-cone" (line-round), MIT. https://gentleface.com/icons/kettle-cone 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 KettleConeIcon: ImageVector by lazy { ImageVector.Builder( name = "kettle-cone", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M14.585 12.553C14.657 12.697 14.693 12.849 14.691 13.01C14.689 13.196 14.639 13.368 14.542 13.526C14.444 13.684 14.312 13.805 14.147 13.89C14.004 13.963 13.852 14 13.691 14L5.309 14C5.148 14 4.996 13.963 4.853 13.89C4.688 13.805 4.556 13.684 4.458 13.526C4.361 13.368 4.311 13.196 4.309 13.01C4.307 12.849 4.343 12.697 4.415 12.553L4.549 12.283C4.467 12.235 4.398 12.173 4.342 12.096L1.329 7.952C1.243 7.834 1.217 7.704 1.252 7.561C1.286 7.419 1.369 7.315 1.5 7.25C1.649 7.175 1.806 7.151 1.971 7.178C2.136 7.205 2.277 7.277 2.395 7.395L5.209 10.209C5.298 10.298 5.375 10.396 5.44 10.503L6.414 8.555C6.338 8.432 6.27 8.291 6.21 8.134C6.106 7.863 6.03 7.555 5.981 7.21C5.878 6.476 5.909 5.744 6.075 5.014C6.27 4.156 6.624 3.467 7.136 2.946C7.756 2.315 8.544 2 9.5 2C10.456 2 11.244 2.315 11.864 2.946C12.376 3.467 12.73 4.156 12.925 5.014C13.091 5.744 13.122 6.476 13.019 7.21C12.97 7.555 12.894 7.863 12.79 8.134C12.73 8.291 12.662 8.432 12.586 8.555L14.585 12.553ZM8.634 6.275C8.893 6.092 9.182 6 9.5 6C9.818 6 10.107 6.092 10.366 6.275C10.626 6.459 10.808 6.7 10.914 7L11.191 7C11.38 7 11.556 7.05 11.717 7.149C11.817 7.211 11.903 7.287 11.974 7.377C11.995 7.28 12.013 7.178 12.028 7.071C12.115 6.458 12.089 5.846 11.95 5.236C11.797 4.563 11.531 4.033 11.151 3.648C10.727 3.216 10.176 3 9.5 3C8.824 3 8.273 3.216 7.849 3.648C7.469 4.033 7.203 4.563 7.05 5.236C6.911 5.846 6.885 6.458 6.972 7.071C6.987 7.178 7.005 7.28 7.026 7.377C7.097 7.287 7.183 7.211 7.283 7.149C7.444 7.05 7.62 7 7.809 7L8.086 7C8.192 6.7 8.374 6.459 8.634 6.275ZM11.191 8L7.809 8L5.309 13L13.691 13L11.191 8Z"), fill = SolidColor(Color.Black), ).build() } // Icon(KettleConeIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "kettle-cone" (line-round), MIT. https://gentleface.com/icons/kettle-cone import 'package:flutter/widgets.dart'; class KettleConeIcon extends StatelessWidget { const KettleConeIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _KettleConeIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _KettleConeIconPainter extends CustomPainter { _KettleConeIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(14.585, 12.553) ..cubicTo(14.657, 12.697, 14.693, 12.849, 14.691, 13.01) ..cubicTo(14.689, 13.196, 14.639, 13.368, 14.542, 13.526) ..cubicTo(14.444, 13.684, 14.312, 13.805, 14.147, 13.89) ..cubicTo(14.004, 13.963, 13.852, 14, 13.691, 14) ..lineTo(5.309, 14) ..cubicTo(5.148, 14, 4.996, 13.963, 4.853, 13.89) ..cubicTo(4.688, 13.805, 4.556, 13.684, 4.458, 13.526) ..cubicTo(4.361, 13.368, 4.311, 13.196, 4.309, 13.01) ..cubicTo(4.307, 12.849, 4.343, 12.697, 4.415, 12.553) ..lineTo(4.549, 12.283) ..cubicTo(4.467, 12.235, 4.398, 12.173, 4.342, 12.096) ..lineTo(1.329, 7.952) ..cubicTo(1.243, 7.834, 1.217, 7.704, 1.252, 7.561) ..cubicTo(1.286, 7.419, 1.369, 7.315, 1.5, 7.25) ..cubicTo(1.649, 7.175, 1.806, 7.151, 1.971, 7.178) ..cubicTo(2.136, 7.205, 2.277, 7.277, 2.395, 7.395) ..lineTo(5.209, 10.209) ..cubicTo(5.298, 10.298, 5.375, 10.396, 5.44, 10.503) ..lineTo(6.414, 8.555) ..cubicTo(6.338, 8.432, 6.27, 8.291, 6.21, 8.134) ..cubicTo(6.106, 7.863, 6.03, 7.555, 5.981, 7.21) ..cubicTo(5.878, 6.476, 5.909, 5.744, 6.075, 5.014) ..cubicTo(6.27, 4.156, 6.624, 3.467, 7.136, 2.946) ..cubicTo(7.756, 2.315, 8.544, 2, 9.5, 2) ..cubicTo(10.456, 2, 11.244, 2.315, 11.864, 2.946) ..cubicTo(12.376, 3.467, 12.73, 4.156, 12.925, 5.014) ..cubicTo(13.091, 5.744, 13.122, 6.476, 13.019, 7.21) ..cubicTo(12.97, 7.555, 12.894, 7.863, 12.79, 8.134) ..cubicTo(12.73, 8.291, 12.662, 8.432, 12.586, 8.555) ..lineTo(14.585, 12.553) ..close() ..moveTo(8.634, 6.275) ..cubicTo(8.893, 6.092, 9.182, 6, 9.5, 6) ..cubicTo(9.818, 6, 10.107, 6.092, 10.366, 6.275) ..cubicTo(10.626, 6.459, 10.808, 6.7, 10.914, 7) ..lineTo(11.191, 7) ..cubicTo(11.38, 7, 11.556, 7.05, 11.717, 7.149) ..cubicTo(11.817, 7.211, 11.903, 7.287, 11.974, 7.377) ..cubicTo(11.995, 7.28, 12.013, 7.178, 12.028, 7.071) ..cubicTo(12.115, 6.458, 12.089, 5.846, 11.95, 5.236) ..cubicTo(11.797, 4.563, 11.531, 4.033, 11.151, 3.648) ..cubicTo(10.727, 3.216, 10.176, 3, 9.5, 3) ..cubicTo(8.824, 3, 8.273, 3.216, 7.849, 3.648) ..cubicTo(7.469, 4.033, 7.203, 4.563, 7.05, 5.236) ..cubicTo(6.911, 5.846, 6.885, 6.458, 6.972, 7.071) ..cubicTo(6.987, 7.178, 7.005, 7.28, 7.026, 7.377) ..cubicTo(7.097, 7.287, 7.183, 7.211, 7.283, 7.149) ..cubicTo(7.444, 7.05, 7.62, 7, 7.809, 7) ..lineTo(8.086, 7) ..cubicTo(8.192, 6.7, 8.374, 6.459, 8.634, 6.275) ..close() ..moveTo(11.191, 8) ..lineTo(7.809, 8) ..lineTo(5.309, 13) ..lineTo(13.691, 13) ..lineTo(11.191, 8) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_KettleConeIconPainter old) => old.color != color; } ```