Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Flat Color Icons · FcDoNotInhale

Do Not Inhale icon

A free do not inhale icon from Flat Color Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/flat-color/do-not-inhale.json

components/icons/flat-color-do-not-inhale.tsx

import * as React from "react";

/**
 * Do Not Inhale from Flat Color Icons (https://github.com/icons8/flat-color-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/flat-color/do-not-inhale. Sized in em, colored by currentColor.
 */
export function FcDoNotInhaleIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1"
      viewBox="0 0 48 48"
      enableBackground="new 0 0 48 48"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fill="#FFA726"
        d="M33.5,20C31.2,17.7,30,13.9,30,9c0-3.2,0-3,0-3H18c0,0,0-0.2,0,3c0,4.9-1.2,8.7-3.5,11 C12.1,20.2,9,22,9,25.4c0,4.5,5.1,4.6,6,4.6c1.2,0,6.1,4,8,4c0,0,0.7,0,1,0s1,0,1,0c1.9,0,6.8-4,8-4c0.9,0,6-0.1,6-4.6 C39,22,35.9,20.2,33.5,20z"
      />
      <path
        fill="#FFA726"
        d="M33.5,20C31.2,17.7,30,13.9,30,9c0-3.2,0-3,0-3H18c0,0,0-0.2,0,3c0,4.9-1.2,8.7-3.5,11 C12.1,20.2,9,22,9,25.4c0,4.5,5.1,4.6,6,4.6c1.2,0,6.1,4,8,4c0,0,0.7,0,1,0s1,0,1,0c1.9,0,6.8-4,8-4c0.9,0,6-0.1,6-4.6 C39,22,35.9,20.2,33.5,20z"
      />
      <path
        fill="#FFB74D"
        d="M26,9c0-3.2,0-3,0-3h-4c0,0,0-0.2,0,3c0,4.9-3,19-3,19s1.6,2,5,2s5-2,5-2S26,13.9,26,9z"
      />
      <path fill="#CC861E" d="M23,34c-3.3,0-6.4-3.1-8-4c0,0,0.7,0,1.8,0C19.9,30,21.3,34,23,34z" />
      <path fill="#CC861E" d="M25,34c3.3,0,6.4-3.1,8-4c0,0-0.7,0-1.8,0C28.1,30,26.7,34,25,34z" />
      <rect
        x="22"
        y="-2.9"
        transform="matrix(.707 -.707 .707 .707 -9.941 24)"
        fill="#37474F"
        width="4"
        height="53.7"
      />
      <g fill="#FF5722">
        <polygon points="18,35 22,39 14,39" />
        <rect x="17" y="38" width="2" height="4" />
        <polygon points="30,35 34,39 26,39" />
        <rect x="29" y="38" width="2" height="4" />
      </g>
    </svg>
  );
}

With react-icons

import { FcDoNotInhale } from "react-icons/fc";

export function Example() {
  return <FcDoNotInhale className="size-5" />;
}

do-not-inhale.svg

<svg
  version="1"
  viewBox="0 0 48 48"
  enable-background="new 0 0 48 48"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill="#FFA726"
    d="M33.5,20C31.2,17.7,30,13.9,30,9c0-3.2,0-3,0-3H18c0,0,0-0.2,0,3c0,4.9-1.2,8.7-3.5,11 C12.1,20.2,9,22,9,25.4c0,4.5,5.1,4.6,6,4.6c1.2,0,6.1,4,8,4c0,0,0.7,0,1,0s1,0,1,0c1.9,0,6.8-4,8-4c0.9,0,6-0.1,6-4.6 C39,22,35.9,20.2,33.5,20z"
  />
  <path
    fill="#FFA726"
    d="M33.5,20C31.2,17.7,30,13.9,30,9c0-3.2,0-3,0-3H18c0,0,0-0.2,0,3c0,4.9-1.2,8.7-3.5,11 C12.1,20.2,9,22,9,25.4c0,4.5,5.1,4.6,6,4.6c1.2,0,6.1,4,8,4c0,0,0.7,0,1,0s1,0,1,0c1.9,0,6.8-4,8-4c0.9,0,6-0.1,6-4.6 C39,22,35.9,20.2,33.5,20z"
  />
  <path
    fill="#FFB74D"
    d="M26,9c0-3.2,0-3,0-3h-4c0,0,0-0.2,0,3c0,4.9-3,19-3,19s1.6,2,5,2s5-2,5-2S26,13.9,26,9z"
  />
  <path fill="#CC861E" d="M23,34c-3.3,0-6.4-3.1-8-4c0,0,0.7,0,1.8,0C19.9,30,21.3,34,23,34z" />
  <path fill="#CC861E" d="M25,34c3.3,0,6.4-3.1,8-4c0,0-0.7,0-1.8,0C28.1,30,26.7,34,25,34z" />
  <rect
    x="22"
    y="-2.9"
    transform="matrix(.707 -.707 .707 .707 -9.941 24)"
    fill="#37474F"
    width="4"
    height="53.7"
  />
  <g fill="#FF5722">
    <polygon points="18,35 22,39 14,39" />
    <rect x="17" y="38" width="2" height="4" />
    <polygon points="30,35 34,39 26,39" />
    <rect x="29" y="38" width="2" height="4" />
  </g>
</svg>

Attribution

"Do Not Inhale" icon from Flat Color Icons (https://github.com/icons8/flat-color-icons), licensed under MIT license.

Related icons:

Similar Flat Color Icons icons