alcohol cessation negative icon
alcohol-cessation-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- alcohol-cessation-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Related icons in Health Icons
Use the alcohol cessation negative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsAlcoholCessationNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm24 42c4.61 0 8.817-1.734 12.001-4.584L29 30.414v5.936c0 .911-.754 1.65-1.683 1.65h-6.74c-.87 0-1.577-.692-1.577-1.546v-9.368a9.98 9.98 0 0 1 3.402-7.487a.5.5 0 0 0 .17-.372V10.7c0-.387.32-.7.714-.7h1.785c.395 0 .715.313.715.7v8.54c0 .134.054.264.152.36A10.14 10.14 0 0 1 29 26.843v.742L37.416 36A17.93 17.93 0 0 0 42 24c0-9.941-8.059-18-18-18a17.93 17.93 0 0 0-11.735 4.35l7.442 7.443a1 1 0 0 1-1.414 1.414l-7.47-7.47A17.94 17.94 0 0 0 6 24c0 9.941 8.059 18 18 18m3-16h-6v5h6zm-3 18c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsAlcoholCessationNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsAlcoholCessationNegative(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clipPath="url(#healthiconsAlcoholCessationNegative)"><path fill="currentColor" fillRule="evenodd" d="M0 0h48v48H0zm24 42c4.61 0 8.817-1.734 12.001-4.584L29 30.414v5.936c0 .911-.754 1.65-1.683 1.65h-6.74c-.87 0-1.577-.692-1.577-1.546v-9.368a9.98 9.98 0 0 1 3.402-7.487a.5.5 0 0 0 .17-.372V10.7c0-.387.32-.7.714-.7h1.785c.395 0 .715.313.715.7v8.54c0 .134.054.264.152.36A10.14 10.14 0 0 1 29 26.843v.742L37.416 36A17.93 17.93 0 0 0 42 24c0-9.941-8.059-18-18-18a17.93 17.93 0 0 0-11.735 4.35l7.442 7.443a1 1 0 0 1-1.414 1.414l-7.47-7.47A17.94 17.94 0 0 0 6 24c0 9.941 8.059 18 18 18m3-16h-6v5h6zm-3 18c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20" clipRule="evenodd"/></g><defs><clipPath id="healthiconsAlcoholCessationNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsAlcoholCessationNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm24 42c4.61 0 8.817-1.734 12.001-4.584L29 30.414v5.936c0 .911-.754 1.65-1.683 1.65h-6.74c-.87 0-1.577-.692-1.577-1.546v-9.368a9.98 9.98 0 0 1 3.402-7.487a.5.5 0 0 0 .17-.372V10.7c0-.387.32-.7.714-.7h1.785c.395 0 .715.313.715.7v8.54c0 .134.054.264.152.36A10.14 10.14 0 0 1 29 26.843v.742L37.416 36A17.93 17.93 0 0 0 42 24c0-9.941-8.059-18-18-18a17.93 17.93 0 0 0-11.735 4.35l7.442 7.443a1 1 0 0 1-1.414 1.414l-7.47-7.47A17.94 17.94 0 0 0 6 24c0 9.941 8.059 18 18 18m3-16h-6v5h6zm-3 18c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsAlcoholCessationNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-alcohol-cessation-negative {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsAlcoholCessationNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm24%2042c4.61%200%208.817-1.734%2012.001-4.584L29%2030.414v5.936c0%20.911-.754%201.65-1.683%201.65h-6.74c-.87%200-1.577-.692-1.577-1.546v-9.368a9.98%209.98%200%200%201%203.402-7.487a.5.5%200%200%200%20.17-.372V10.7c0-.387.32-.7.714-.7h1.785c.395%200%20.715.313.715.7v8.54c0%20.134.054.264.152.36A10.14%2010.14%200%200%201%2029%2026.843v.742L37.416%2036A17.93%2017.93%200%200%200%2042%2024c0-9.941-8.059-18-18-18a17.93%2017.93%200%200%200-11.735%204.35l7.442%207.443a1%201%200%200%201-1.414%201.414l-7.47-7.47A17.94%2017.94%200%200%200%206%2024c0%209.941%208.059%2018%2018%2018m3-16h-6v5h6zm-3%2018c11.046%200%2020-8.954%2020-20S35.046%204%2024%204S4%2012.954%204%2024s8.954%2020%2020%2020%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsAlcoholCessationNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsAlcoholCessationNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm24%2042c4.61%200%208.817-1.734%2012.001-4.584L29%2030.414v5.936c0%20.911-.754%201.65-1.683%201.65h-6.74c-.87%200-1.577-.692-1.577-1.546v-9.368a9.98%209.98%200%200%201%203.402-7.487a.5.5%200%200%200%20.17-.372V10.7c0-.387.32-.7.714-.7h1.785c.395%200%20.715.313.715.7v8.54c0%20.134.054.264.152.36A10.14%2010.14%200%200%201%2029%2026.843v.742L37.416%2036A17.93%2017.93%200%200%200%2042%2024c0-9.941-8.059-18-18-18a17.93%2017.93%200%200%200-11.735%204.35l7.442%207.443a1%201%200%200%201-1.414%201.414l-7.47-7.47A17.94%2017.94%200%200%200%206%2024c0%209.941%208.059%2018%2018%2018m3-16h-6v5h6zm-3%2018c11.046%200%2020-8.954%2020-20S35.046%204%2024%204S4%2012.954%204%2024s8.954%2020%2020%2020%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsAlcoholCessationNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/alcohol-cessation-negative.svg?color=%231a73e8&size=48
