Gentleface › Health & medical › cigarette

cigarette icon

Cigarette: smoking, smoking area, cigarette, smoking allowed. 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="M8.144 3.144C8.241 3.048 8.359 3 8.5 3C8.641 3 8.759 3.048 8.856 3.144C8.952 3.241 9 3.359 9 3.5L9 5C9 5.352 9.08 5.662 9.241 5.93C9.309 6.043 9.398 6.162 9.508 6.286C9.579 6.367 9.694 6.487 9.854 6.646C10.13 6.923 10.331 7.146 10.455 7.315C10.678 7.616 10.831 7.937 10.916 8.278C10.95 8.415 10.932 8.542 10.861 8.658C10.791 8.775 10.688 8.85 10.551 8.884C10.414 8.918 10.287 8.9 10.171 8.829C10.054 8.759 9.979 8.656 9.945 8.519C9.893 8.307 9.795 8.103 9.651 7.908C9.556 7.78 9.388 7.595 9.146 7.354C8.972 7.18 8.843 7.044 8.758 6.948C8.608 6.778 8.483 6.61 8.384 6.445C8.128 6.018 8 5.537 8 5L8 3.5C8 3.359 8.048 3.241 8.144 3.144ZM11 3.5C11 3.359 11.048 3.241 11.144 3.144C11.241 3.048 11.359 3 11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 5C12 5.352 12.08 5.662 12.241 5.93C12.309 6.043 12.398 6.162 12.508 6.286C12.579 6.367 12.694 6.487 12.854 6.646C13.13 6.923 13.331 7.146 13.455 7.315C13.678 7.616 13.831 7.937 13.916 8.278C13.95 8.415 13.932 8.542 13.861 8.658C13.791 8.775 13.688 8.85 13.551 8.884C13.414 8.918 13.287 8.9 13.171 8.829C13.054 8.759 12.979 8.656 12.945 8.519C12.893 8.307 12.795 8.103 12.651 7.908C12.556 7.78 12.388 7.595 12.146 7.354C11.972 7.18 11.843 7.044 11.758 6.948C11.608 6.778 11.483 6.61 11.384 6.445C11.128 6.018 11 5.537 11 5L11 3.5ZM15 10.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14L1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5L1 10.5C1 10.359 1.048 10.241 1.144 10.144C1.241 10.048 1.359 10 1.5 10L14.5 10C14.641 10 14.759 10.048 14.856 10.144C14.952 10.241 15 10.359 15 10.5ZM4 13L4 11L2 11L2 13L4 13ZM14 13L14 11L5 11L5 13L14 13Z"/></svg>

React

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

export function CigaretteIcon(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="M8.144 3.144C8.241 3.048 8.359 3 8.5 3C8.641 3 8.759 3.048 8.856 3.144C8.952 3.241 9 3.359 9 3.5L9 5C9 5.352 9.08 5.662 9.241 5.93C9.309 6.043 9.398 6.162 9.508 6.286C9.579 6.367 9.694 6.487 9.854 6.646C10.13 6.923 10.331 7.146 10.455 7.315C10.678 7.616 10.831 7.937 10.916 8.278C10.95 8.415 10.932 8.542 10.861 8.658C10.791 8.775 10.688 8.85 10.551 8.884C10.414 8.918 10.287 8.9 10.171 8.829C10.054 8.759 9.979 8.656 9.945 8.519C9.893 8.307 9.795 8.103 9.651 7.908C9.556 7.78 9.388 7.595 9.146 7.354C8.972 7.18 8.843 7.044 8.758 6.948C8.608 6.778 8.483 6.61 8.384 6.445C8.128 6.018 8 5.537 8 5L8 3.5C8 3.359 8.048 3.241 8.144 3.144ZM11 3.5C11 3.359 11.048 3.241 11.144 3.144C11.241 3.048 11.359 3 11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 5C12 5.352 12.08 5.662 12.241 5.93C12.309 6.043 12.398 6.162 12.508 6.286C12.579 6.367 12.694 6.487 12.854 6.646C13.13 6.923 13.331 7.146 13.455 7.315C13.678 7.616 13.831 7.937 13.916 8.278C13.95 8.415 13.932 8.542 13.861 8.658C13.791 8.775 13.688 8.85 13.551 8.884C13.414 8.918 13.287 8.9 13.171 8.829C13.054 8.759 12.979 8.656 12.945 8.519C12.893 8.307 12.795 8.103 12.651 7.908C12.556 7.78 12.388 7.595 12.146 7.354C11.972 7.18 11.843 7.044 11.758 6.948C11.608 6.778 11.483 6.61 11.384 6.445C11.128 6.018 11 5.537 11 5L11 3.5ZM15 10.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14L1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5L1 10.5C1 10.359 1.048 10.241 1.144 10.144C1.241 10.048 1.359 10 1.5 10L14.5 10C14.641 10 14.759 10.048 14.856 10.144C14.952 10.241 15 10.359 15 10.5ZM4 13L4 11L2 11L2 13L4 13ZM14 13L14 11L5 11L5 13L14 13Z" />
    </svg>
  );
}

Vue

Vue: see /icons/cigarette.md

Svelte

Svelte: see /icons/cigarette.md

HTML img

HTML img: see /icons/cigarette.md

CSS

CSS: see /icons/cigarette.md

Data URL

Data URL: see /icons/cigarette.md

Sprite

Sprite: see /icons/cigarette.md

SwiftUI

SwiftUI: see /icons/cigarette.md

Compose

Compose: see /icons/cigarette.md

Android XML

Android XML: see /icons/cigarette.md

Flutter

Flutter: see /icons/cigarette.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

smoking, smoking area, cigarette, smoking allowed, tobacco, smoking room

Alternatives

cigarette-off: no smoking

Also fits

no smoking: a smoking area

Tags

cigarette, smoking, smoke, tobacco, nicotine, smoking-area

Category

Health & medical

Component name

CigaretteIcon

History

2026-10-15 added

Family 1

cigarette-off

More health & medical icons

bandage bone face-mask first-aid-kit heart-pulse heart-pulse-alert hospital-bed lungs pill pill-bottle pill-check pill-clock pill-plus prescription stethoscope syringe · all health & medical icons

For agents

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

cigarette icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp