Gentleface › Home & household › kettle-cone

kettle-cone icon

Kettle cone: kettle. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path 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"/></svg>

React

// Gentleface "kettle-cone" (line-round), MIT. https://gentleface.com/icons/kettle-cone
import type { SVGProps } from 'react';

export function KettleConeIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path 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" />
    </svg>
  );
}

Vue

Vue: see /icons/kettle-cone.md

Svelte

Svelte: see /icons/kettle-cone.md

HTML img

HTML img: see /icons/kettle-cone.md

CSS

CSS: see /icons/kettle-cone.md

Data URL

Data URL: see /icons/kettle-cone.md

Sprite

Sprite: see /icons/kettle-cone.md

SwiftUI

SwiftUI: see /icons/kettle-cone.md

Compose

Compose: see /icons/kettle-cone.md

Android XML

Android XML: see /icons/kettle-cone.md

Flutter

Flutter: see /icons/kettle-cone.md

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. 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. More in how to use.

Meaning

Use it for

kettle

Built from

variant of kettle

Tags

kettle

Category

Home & household

Component name

KettleConeIcon

History

2026-10-30 added

Family 1

kettle

More home & household icons

armchair bath bed bed-double bed-person bed-single blender blinds broom bucket candle chair desk dishwasher door door-lock · all home & household icons

For agents

Metadata: /icons/kettle-cone.json · Markdown: /icons/kettle-cone.md · SVG: https://gentleface.com/svg/{style}/16/kettle-cone.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/kettle-cone.png

kettle-cone icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

Family 1

More home & household icons

For agents

kettle-cone icon