gentleface

Gentleface › Home & household › toilet

toilet icon

Toilet: toilet, restroom, wc, lavatory. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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.5 6C14.641 6 14.759 6.048 14.856 6.144C14.952 6.241 15 6.359 15 6.5C15 7.072 14.895 7.624 14.684 8.156C14.455 8.734 14.121 9.243 13.682 9.682C13.243 10.121 12.734 10.455 12.156 10.684C11.781 10.833 11.395 10.929 11 10.973L11 13C11 13.254 10.953 13.5 10.86 13.736C10.758 13.993 10.609 14.219 10.414 14.414C10.219 14.609 9.993 14.758 9.736 14.86C9.5 14.953 9.254 15 9 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 11.95C2.857 11.921 2.717 11.879 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L5 1C5.276 1 5.512 1.098 5.707 1.293C5.902 1.488 6 1.724 6 2L6 6L14.5 6ZM5 6L5 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 6L5 6ZM2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11C3.641 11 3.759 11.048 3.856 11.144C3.952 11.241 4 11.359 4 11.5L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L9 14C9.276 14 9.512 13.902 9.707 13.707C9.902 13.512 10 13.276 10 13L10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10C10.945 10 11.375 9.918 11.788 9.754C12.238 9.576 12.633 9.317 12.975 8.975C13.317 8.633 13.576 8.238 13.754 7.788C13.856 7.532 13.926 7.269 13.965 7L6 7C5.815 7 5.649 6.956 5.5 6.869C5.416 6.953 5.301 7 5.182 7L2 7L2 9.5Z"/></svg>
React
// Gentleface "toilet" (line-round), MIT. https://gentleface.com/icons/toilet
import type { SVGProps } from 'react';

export function ToiletIcon(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.5 6C14.641 6 14.759 6.048 14.856 6.144C14.952 6.241 15 6.359 15 6.5C15 7.072 14.895 7.624 14.684 8.156C14.455 8.734 14.121 9.243 13.682 9.682C13.243 10.121 12.734 10.455 12.156 10.684C11.781 10.833 11.395 10.929 11 10.973L11 13C11 13.254 10.953 13.5 10.86 13.736C10.758 13.993 10.609 14.219 10.414 14.414C10.219 14.609 9.993 14.758 9.736 14.86C9.5 14.953 9.254 15 9 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 11.95C2.857 11.921 2.717 11.879 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L5 1C5.276 1 5.512 1.098 5.707 1.293C5.902 1.488 6 1.724 6 2L6 6L14.5 6ZM5 6L5 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 6L5 6ZM2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11C3.641 11 3.759 11.048 3.856 11.144C3.952 11.241 4 11.359 4 11.5L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L9 14C9.276 14 9.512 13.902 9.707 13.707C9.902 13.512 10 13.276 10 13L10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10C10.945 10 11.375 9.918 11.788 9.754C12.238 9.576 12.633 9.317 12.975 8.975C13.317 8.633 13.576 8.238 13.754 7.788C13.856 7.532 13.926 7.269 13.965 7L6 7C5.815 7 5.649 6.956 5.5 6.869C5.416 6.953 5.301 7 5.182 7L2 7L2 9.5Z" />
    </svg>
  );
}
Vue
Vue: see /icons/toilet.md
Svelte
Svelte: see /icons/toilet.md
HTML img
HTML img: see /icons/toilet.md
CSS
CSS: see /icons/toilet.md
Data URL
Data URL: see /icons/toilet.md
Sprite
Sprite: see /icons/toilet.md
SwiftUI
SwiftUI: see /icons/toilet.md
Compose
Compose: see /icons/toilet.md
Android XML
Android XML: see /icons/toilet.md
Flutter
Flutter: see /icons/toilet.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
toilet, restroom, wc, lavatory, washroom, toilets
Alternatives
  • bath: a bathroom with a bath (hotel amenity)
Also fits
  • bathroom: a restroom or WC sign; US 'bathroom' often means the toilet
Tags
toilet, restroom, wc, bathroom, lavatory, loo, washroom, amenity
Category
Home & household
Component name
ToiletIcon
History
  • added
  • 16 px redrawn

More home & household icons

armchair bath bed bed-person blender broom bucket chair desk door door-lock door-open door-plus door-unlock fan faucet · all home & household icons

For agents

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

Feedback