kettle icon

Kettle: kettle, electric kettle, boil water. 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="M6.246 4.212C6.424 3.762 6.683 3.367 7.025 3.025C7.367 2.683 7.762 2.424 8.212 2.246C8.625 2.082 9.055 2 9.5 2C9.945 2 10.375 2.082 10.788 2.246C11.238 2.424 11.633 2.683 11.975 3.025C12.317 3.367 12.576 3.762 12.754 4.212C12.918 4.625 13 5.055 13 5.5L13 7.887C13.108 7.951 13.213 8.018 13.315 8.088C13.838 8.449 14.244 8.87 14.534 9.352C14.845 9.868 15 10.417 15 11L15 13C15 13.276 14.902 13.512 14.707 13.707C14.512 13.902 14.276 14 14 14L5 14C4.724 14 4.488 13.902 4.293 13.707C4.098 13.512 4 13.276 4 13L4 11.625L1.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.652 7.174 1.812 7.146 1.981 7.165C2.149 7.185 2.299 7.249 2.429 7.358L4.28 8.9C4.386 8.988 4.481 9.086 4.567 9.194C4.847 8.777 5.22 8.409 5.685 8.088C5.787 8.018 5.892 7.951 6 7.887L6 5.5C6 5.055 6.082 4.625 6.246 4.212ZM11.824 4.58C11.697 4.259 11.512 3.976 11.268 3.732C11.024 3.488 10.741 3.303 10.42 3.176C10.125 3.059 9.818 3 9.5 3C9.182 3 8.875 3.059 8.58 3.176C8.259 3.303 7.976 3.488 7.732 3.732C7.488 3.976 7.303 4.259 7.176 4.58C7.059 4.875 7 5.182 7 5.5L7 7.421C7.137 7.372 7.277 7.326 7.42 7.285C7.625 7.226 7.834 7.176 8.045 7.136C8.129 6.802 8.306 6.529 8.577 6.318C8.848 6.106 9.156 6 9.5 6C9.844 6 10.152 6.106 10.423 6.318C10.694 6.529 10.871 6.802 10.955 7.136C11.166 7.176 11.375 7.226 11.58 7.285C11.723 7.326 11.863 7.372 12 7.421L12 5.5C12 5.182 11.941 4.875 11.824 4.58ZM14 11C14 10.603 13.892 10.225 13.677 9.867C13.461 9.509 13.151 9.19 12.747 8.912C12.333 8.626 11.851 8.404 11.303 8.246C10.733 8.082 10.132 8 9.5 8C8.868 8 8.267 8.082 7.697 8.246C7.149 8.404 6.667 8.626 6.253 8.912C5.849 9.19 5.539 9.509 5.323 9.867C5.108 10.225 5 10.603 5 11L5 13L14 13L14 11Z"/></svg>

React

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

export function KettleIcon(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="M6.246 4.212C6.424 3.762 6.683 3.367 7.025 3.025C7.367 2.683 7.762 2.424 8.212 2.246C8.625 2.082 9.055 2 9.5 2C9.945 2 10.375 2.082 10.788 2.246C11.238 2.424 11.633 2.683 11.975 3.025C12.317 3.367 12.576 3.762 12.754 4.212C12.918 4.625 13 5.055 13 5.5L13 7.887C13.108 7.951 13.213 8.018 13.315 8.088C13.838 8.449 14.244 8.87 14.534 9.352C14.845 9.868 15 10.417 15 11L15 13C15 13.276 14.902 13.512 14.707 13.707C14.512 13.902 14.276 14 14 14L5 14C4.724 14 4.488 13.902 4.293 13.707C4.098 13.512 4 13.276 4 13L4 11.625L1.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.652 7.174 1.812 7.146 1.981 7.165C2.149 7.185 2.299 7.249 2.429 7.358L4.28 8.9C4.386 8.988 4.481 9.086 4.567 9.194C4.847 8.777 5.22 8.409 5.685 8.088C5.787 8.018 5.892 7.951 6 7.887L6 5.5C6 5.055 6.082 4.625 6.246 4.212ZM11.824 4.58C11.697 4.259 11.512 3.976 11.268 3.732C11.024 3.488 10.741 3.303 10.42 3.176C10.125 3.059 9.818 3 9.5 3C9.182 3 8.875 3.059 8.58 3.176C8.259 3.303 7.976 3.488 7.732 3.732C7.488 3.976 7.303 4.259 7.176 4.58C7.059 4.875 7 5.182 7 5.5L7 7.421C7.137 7.372 7.277 7.326 7.42 7.285C7.625 7.226 7.834 7.176 8.045 7.136C8.129 6.802 8.306 6.529 8.577 6.318C8.848 6.106 9.156 6 9.5 6C9.844 6 10.152 6.106 10.423 6.318C10.694 6.529 10.871 6.802 10.955 7.136C11.166 7.176 11.375 7.226 11.58 7.285C11.723 7.326 11.863 7.372 12 7.421L12 5.5C12 5.182 11.941 4.875 11.824 4.58ZM14 11C14 10.603 13.892 10.225 13.677 9.867C13.461 9.509 13.151 9.19 12.747 8.912C12.333 8.626 11.851 8.404 11.303 8.246C10.733 8.082 10.132 8 9.5 8C8.868 8 8.267 8.082 7.697 8.246C7.149 8.404 6.667 8.626 6.253 8.912C5.849 9.19 5.539 9.509 5.323 9.867C5.108 10.225 5 10.603 5 11L5 13L14 13L14 11Z" />
    </svg>
  );
}

Vue

Vue: see /icons/kettle.md

Svelte

Svelte: see /icons/kettle.md

HTML img

HTML img: see /icons/kettle.md

CSS

CSS: see /icons/kettle.md

Data URL

Data URL: see /icons/kettle.md

Sprite

Sprite: see /icons/kettle.md

SwiftUI

SwiftUI: see /icons/kettle.md

Compose

Compose: see /icons/kettle.md

Android XML

Android XML: see /icons/kettle.md

Flutter

Flutter: see /icons/kettle.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, electric kettle, boil water

Alternatives

teapot: tea or a teapot
coffee-maker: a coffee machine

Also fits

tea: the kettle appliance
coffee maker: boiling water or making tea

Tags

kettle

Category

Home & household

Component name

KettleIcon

History

2026-10-30 added

Family 2

kettle-cone kettle-electric

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.json · Markdown: /icons/kettle.md · SVG: https://gentleface.com/svg/{style}/16/kettle.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/kettle.png

kettle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp