cigarette icon
cigarette from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- cigarette
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the cigarette icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 128H32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16M32 144h48v32H32Zm192 32H96v-32h128zM201 60.08c8-14.23 7.42-21.71 6.36-24.91a7.8 7.8 0 0 0-2.64-3.86a8 8 0 1 1 6.5-14.62a22.57 22.57 0 0 1 11.32 13.44c3.36 10.14.81 22.85-7.6 37.79c-8 14.23-7.42 21.72-6.36 24.91a7.8 7.8 0 0 0 2.64 3.86a8 8 0 1 1-6.5 14.62a22.57 22.57 0 0 1-11.32-13.44c-3.33-10.14-.78-22.87 7.6-37.79m-40 0c8-14.23 7.42-21.71 6.36-24.91a7.8 7.8 0 0 0-2.64-3.86a8 8 0 1 1 6.5-14.62a22.57 22.57 0 0 1 11.32 13.44c3.36 10.14.81 22.85-7.6 37.79c-8 14.23-7.42 21.72-6.36 24.91a7.8 7.8 0 0 0 2.64 3.86a8 8 0 1 1-6.5 14.62a22.57 22.57 0 0 1-11.32-13.44c-3.33-10.14-.78-22.87 7.6-37.79"/></svg>
React
import type { SVGProps } from "react";
export function PhCigarette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 128H32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16M32 144h48v32H32Zm192 32H96v-32h128zM201 60.08c8-14.23 7.42-21.71 6.36-24.91a7.8 7.8 0 0 0-2.64-3.86a8 8 0 1 1 6.5-14.62a22.57 22.57 0 0 1 11.32 13.44c3.36 10.14.81 22.85-7.6 37.79c-8 14.23-7.42 21.72-6.36 24.91a7.8 7.8 0 0 0 2.64 3.86a8 8 0 1 1-6.5 14.62a22.57 22.57 0 0 1-11.32-13.44c-3.33-10.14-.78-22.87 7.6-37.79m-40 0c8-14.23 7.42-21.71 6.36-24.91a7.8 7.8 0 0 0-2.64-3.86a8 8 0 1 1 6.5-14.62a22.57 22.57 0 0 1 11.32 13.44c3.36 10.14.81 22.85-7.6 37.79c-8 14.23-7.42 21.72-6.36 24.91a7.8 7.8 0 0 0 2.64 3.86a8 8 0 1 1-6.5 14.62a22.57 22.57 0 0 1-11.32-13.44c-3.33-10.14-.78-22.87 7.6-37.79"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 128H32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16M32 144h48v32H32Zm192 32H96v-32h128zM201 60.08c8-14.23 7.42-21.71 6.36-24.91a7.8 7.8 0 0 0-2.64-3.86a8 8 0 1 1 6.5-14.62a22.57 22.57 0 0 1 11.32 13.44c3.36 10.14.81 22.85-7.6 37.79c-8 14.23-7.42 21.72-6.36 24.91a7.8 7.8 0 0 0 2.64 3.86a8 8 0 1 1-6.5 14.62a22.57 22.57 0 0 1-11.32-13.44c-3.33-10.14-.78-22.87 7.6-37.79m-40 0c8-14.23 7.42-21.71 6.36-24.91a7.8 7.8 0 0 0-2.64-3.86a8 8 0 1 1 6.5-14.62a22.57 22.57 0 0 1 11.32 13.44c3.36 10.14.81 22.85-7.6 37.79c-8 14.23-7.42 21.72-6.36 24.91a7.8 7.8 0 0 0 2.64 3.86a8 8 0 1 1-6.5 14.62a22.57 22.57 0 0 1-11.32-13.44c-3.33-10.14-.78-22.87 7.6-37.79"/></svg> </template>
CSS
.icon-cigarette {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20128H32a16%2016%200%200%200-16%2016v32a16%2016%200%200%200%2016%2016h192a16%2016%200%200%200%2016-16v-32a16%2016%200%200%200-16-16M32%20144h48v32H32Zm192%2032H96v-32h128zM201%2060.08c8-14.23%207.42-21.71%206.36-24.91a7.8%207.8%200%200%200-2.64-3.86a8%208%200%201%201%206.5-14.62a22.57%2022.57%200%200%201%2011.32%2013.44c3.36%2010.14.81%2022.85-7.6%2037.79c-8%2014.23-7.42%2021.72-6.36%2024.91a7.8%207.8%200%200%200%202.64%203.86a8%208%200%201%201-6.5%2014.62a22.57%2022.57%200%200%201-11.32-13.44c-3.33-10.14-.78-22.87%207.6-37.79m-40%200c8-14.23%207.42-21.71%206.36-24.91a7.8%207.8%200%200%200-2.64-3.86a8%208%200%201%201%206.5-14.62a22.57%2022.57%200%200%201%2011.32%2013.44c3.36%2010.14.81%2022.85-7.6%2037.79c-8%2014.23-7.42%2021.72-6.36%2024.91a7.8%207.8%200%200%200%202.64%203.86a8%208%200%201%201-6.5%2014.62a22.57%2022.57%200%200%201-11.32-13.44c-3.33-10.14-.78-22.87%207.6-37.79%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20128H32a16%2016%200%200%200-16%2016v32a16%2016%200%200%200%2016%2016h192a16%2016%200%200%200%2016-16v-32a16%2016%200%200%200-16-16M32%20144h48v32H32Zm192%2032H96v-32h128zM201%2060.08c8-14.23%207.42-21.71%206.36-24.91a7.8%207.8%200%200%200-2.64-3.86a8%208%200%201%201%206.5-14.62a22.57%2022.57%200%200%201%2011.32%2013.44c3.36%2010.14.81%2022.85-7.6%2037.79c-8%2014.23-7.42%2021.72-6.36%2024.91a7.8%207.8%200%200%200%202.64%203.86a8%208%200%201%201-6.5%2014.62a22.57%2022.57%200%200%201-11.32-13.44c-3.33-10.14-.78-22.87%207.6-37.79m-40%200c8-14.23%207.42-21.71%206.36-24.91a7.8%207.8%200%200%200-2.64-3.86a8%208%200%201%201%206.5-14.62a22.57%2022.57%200%200%201%2011.32%2013.44c3.36%2010.14.81%2022.85-7.6%2037.79c-8%2014.23-7.42%2021.72-6.36%2024.91a7.8%207.8%200%200%200%202.64%203.86a8%208%200%201%201-6.5%2014.62a22.57%2022.57%200%200%201-11.32-13.44c-3.33-10.14-.78-22.87%207.6-37.79%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cigarette.svg?color=%231a73e8&size=48
