smoking icon

smoking from Font Awesome 6 Solid by Dave Gandy · Regular · Hotel · CC-BY-4.0 Attribution required.

Name
smoking
Set
Font Awesome 6 Solid
Style
Regular
Category
Hotel
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

smokingElement PlussmokingFont Awesome SolidsmokingHealth IconssmokingIconoirsmokingLine AwesomesmokingMaterial Design IconssmokingTabler Icons

More hotel icons from Font Awesome 6 Solid

beddoor-closeddoor-opendumbbellinfinitykeyshowersnowflakesuitcasesuitcase-rollingumbrella-beachutensils

Use the smoking icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M448 32v11c0 38.2 15.2 74.8 42.2 101.8l21 21c21 21 32.8 49.5 32.8 79.2v11c0 17.7-14.3 32-32 32s-32-14.3-32-32v-11c0-12.7-5.1-24.9-14.1-33.9l-21-21c-39-39-60.9-92-60.9-147.1V32c0-17.7 14.3-32 32-32s32 14.3 32 32m128 224v-11c0-38.2-15.2-74.8-42.2-101.8l-21-21c-21-21-32.8-49.5-32.8-79.2V32c0-17.7 14.3-32 32-32s32 14.3 32 32v11c0 12.7 5.1 24.9 14.1 33.9l21 21c39 39 60.9 91.9 60.9 147.1v11c0 17.7-14.3 32-32 32s-32-14.3-32-32M0 416c0-35.3 28.7-64 64-64h352c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H64c-35.3 0-64-28.7-64-64zm224 0v32h160v-32zm288-64c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96c0-17.7 14.3-32 32-32m96 0c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96c0-17.7 14.3-32 32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidSmoking(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M448 32v11c0 38.2 15.2 74.8 42.2 101.8l21 21c21 21 32.8 49.5 32.8 79.2v11c0 17.7-14.3 32-32 32s-32-14.3-32-32v-11c0-12.7-5.1-24.9-14.1-33.9l-21-21c-39-39-60.9-92-60.9-147.1V32c0-17.7 14.3-32 32-32s32 14.3 32 32m128 224v-11c0-38.2-15.2-74.8-42.2-101.8l-21-21c-21-21-32.8-49.5-32.8-79.2V32c0-17.7 14.3-32 32-32s32 14.3 32 32v11c0 12.7 5.1 24.9 14.1 33.9l21 21c39 39 60.9 91.9 60.9 147.1v11c0 17.7-14.3 32-32 32s-32-14.3-32-32M0 416c0-35.3 28.7-64 64-64h352c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H64c-35.3 0-64-28.7-64-64zm224 0v32h160v-32zm288-64c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96c0-17.7 14.3-32 32-32m96 0c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96c0-17.7 14.3-32 32-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M448 32v11c0 38.2 15.2 74.8 42.2 101.8l21 21c21 21 32.8 49.5 32.8 79.2v11c0 17.7-14.3 32-32 32s-32-14.3-32-32v-11c0-12.7-5.1-24.9-14.1-33.9l-21-21c-39-39-60.9-92-60.9-147.1V32c0-17.7 14.3-32 32-32s32 14.3 32 32m128 224v-11c0-38.2-15.2-74.8-42.2-101.8l-21-21c-21-21-32.8-49.5-32.8-79.2V32c0-17.7 14.3-32 32-32s32 14.3 32 32v11c0 12.7 5.1 24.9 14.1 33.9l21 21c39 39 60.9 91.9 60.9 147.1v11c0 17.7-14.3 32-32 32s-32-14.3-32-32M0 416c0-35.3 28.7-64 64-64h352c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H64c-35.3 0-64-28.7-64-64zm224 0v32h160v-32zm288-64c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96c0-17.7 14.3-32 32-32m96 0c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96c0-17.7 14.3-32 32-32"/></svg>
</template>

CSS

.icon-smoking {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%2032v11c0%2038.2%2015.2%2074.8%2042.2%20101.8l21%2021c21%2021%2032.8%2049.5%2032.8%2079.2v11c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-11c0-12.7-5.1-24.9-14.1-33.9l-21-21c-39-39-60.9-92-60.9-147.1V32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032m128%20224v-11c0-38.2-15.2-74.8-42.2-101.8l-21-21c-21-21-32.8-49.5-32.8-79.2V32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032v11c0%2012.7%205.1%2024.9%2014.1%2033.9l21%2021c39%2039%2060.9%2091.9%2060.9%20147.1v11c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32M0%20416c0-35.3%2028.7-64%2064-64h352c17.7%200%2032%2014.3%2032%2032v96c0%2017.7-14.3%2032-32%2032H64c-35.3%200-64-28.7-64-64zm224%200v32h160v-32zm288-64c17.7%200%2032%2014.3%2032%2032v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96c0-17.7%2014.3-32%2032-32m96%200c17.7%200%2032%2014.3%2032%2032v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96c0-17.7%2014.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%2032v11c0%2038.2%2015.2%2074.8%2042.2%20101.8l21%2021c21%2021%2032.8%2049.5%2032.8%2079.2v11c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-11c0-12.7-5.1-24.9-14.1-33.9l-21-21c-39-39-60.9-92-60.9-147.1V32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032m128%20224v-11c0-38.2-15.2-74.8-42.2-101.8l-21-21c-21-21-32.8-49.5-32.8-79.2V32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032v11c0%2012.7%205.1%2024.9%2014.1%2033.9l21%2021c39%2039%2060.9%2091.9%2060.9%20147.1v11c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32M0%20416c0-35.3%2028.7-64%2064-64h352c17.7%200%2032%2014.3%2032%2032v96c0%2017.7-14.3%2032-32%2032H64c-35.3%200-64-28.7-64-64zm224%200v32h160v-32zm288-64c17.7%200%2032%2014.3%2032%2032v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96c0-17.7%2014.3-32%2032-32m96%200c17.7%200%2032%2014.3%2032%2032v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96c0-17.7%2014.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/smoking.svg?color=%231a73e8&size=48