cannabis negative icon
cannabis-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- cannabis-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Use the cannabis 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(#healthiconsCannabisNegative)"><path fill="currentColor" fill-rule="evenodd" d="M48 0H0v48h48zM24.43 5.744L24 5.022l-.43.722C21.623 9.014 20.5 12.871 20.5 17q.001 1.453.182 2.856A18.68 18.68 0 0 0 9.224 12.39l-.748-.156l.156.747a18.68 18.68 0 0 0 7.628 11.572A15 15 0 0 0 15 24.5c-3.417 0-6.603 1.137-9.294 3.096L5.15 28l.556.404C8.397 30.363 11.583 31.5 15 31.5c1.471 0 2.9-.21 4.263-.607q-.376.5-.696 1.053c-1.158 2.006-1.57 4.26-1.332 6.498l.072.684l.628-.28c2.058-.913 3.804-2.396 4.962-4.402q.053-.09.103-.183V41h2v-6.737l.103.183c1.158 2.006 2.904 3.489 4.962 4.403l.628.279l.072-.684c.237-2.238-.174-4.492-1.332-6.498q-.32-.554-.696-1.053c1.364.396 2.792.607 4.263.607c3.417 0 6.603-1.137 9.294-3.096L42.85 28l-.556-.404C39.603 25.637 36.417 24.5 33 24.5q-.636 0-1.26.052a18.68 18.68 0 0 0 7.628-11.571l.156-.748l-.747.156a18.68 18.68 0 0 0-11.459 7.467Q27.5 18.454 27.5 17c0-4.129-1.123-7.986-3.07-11.256" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsCannabisNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsCannabisNegative(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(#healthiconsCannabisNegative)"><path fill="currentColor" fillRule="evenodd" d="M48 0H0v48h48zM24.43 5.744L24 5.022l-.43.722C21.623 9.014 20.5 12.871 20.5 17q.001 1.453.182 2.856A18.68 18.68 0 0 0 9.224 12.39l-.748-.156l.156.747a18.68 18.68 0 0 0 7.628 11.572A15 15 0 0 0 15 24.5c-3.417 0-6.603 1.137-9.294 3.096L5.15 28l.556.404C8.397 30.363 11.583 31.5 15 31.5c1.471 0 2.9-.21 4.263-.607q-.376.5-.696 1.053c-1.158 2.006-1.57 4.26-1.332 6.498l.072.684l.628-.28c2.058-.913 3.804-2.396 4.962-4.402q.053-.09.103-.183V41h2v-6.737l.103.183c1.158 2.006 2.904 3.489 4.962 4.403l.628.279l.072-.684c.237-2.238-.174-4.492-1.332-6.498q-.32-.554-.696-1.053c1.364.396 2.792.607 4.263.607c3.417 0 6.603-1.137 9.294-3.096L42.85 28l-.556-.404C39.603 25.637 36.417 24.5 33 24.5q-.636 0-1.26.052a18.68 18.68 0 0 0 7.628-11.571l.156-.748l-.747.156a18.68 18.68 0 0 0-11.459 7.467Q27.5 18.454 27.5 17c0-4.129-1.123-7.986-3.07-11.256" clipRule="evenodd"/></g><defs><clipPath id="healthiconsCannabisNegative"><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(#healthiconsCannabisNegative)"><path fill="currentColor" fill-rule="evenodd" d="M48 0H0v48h48zM24.43 5.744L24 5.022l-.43.722C21.623 9.014 20.5 12.871 20.5 17q.001 1.453.182 2.856A18.68 18.68 0 0 0 9.224 12.39l-.748-.156l.156.747a18.68 18.68 0 0 0 7.628 11.572A15 15 0 0 0 15 24.5c-3.417 0-6.603 1.137-9.294 3.096L5.15 28l.556.404C8.397 30.363 11.583 31.5 15 31.5c1.471 0 2.9-.21 4.263-.607q-.376.5-.696 1.053c-1.158 2.006-1.57 4.26-1.332 6.498l.072.684l.628-.28c2.058-.913 3.804-2.396 4.962-4.402q.053-.09.103-.183V41h2v-6.737l.103.183c1.158 2.006 2.904 3.489 4.962 4.403l.628.279l.072-.684c.237-2.238-.174-4.492-1.332-6.498q-.32-.554-.696-1.053c1.364.396 2.792.607 4.263.607c3.417 0 6.603-1.137 9.294-3.096L42.85 28l-.556-.404C39.603 25.637 36.417 24.5 33 24.5q-.636 0-1.26.052a18.68 18.68 0 0 0 7.628-11.571l.156-.748l-.747.156a18.68 18.68 0 0 0-11.459 7.467Q27.5 18.454 27.5 17c0-4.129-1.123-7.986-3.07-11.256" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsCannabisNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-cannabis-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(%23healthiconsCannabisNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM24.43%205.744L24%205.022l-.43.722C21.623%209.014%2020.5%2012.871%2020.5%2017q.001%201.453.182%202.856A18.68%2018.68%200%200%200%209.224%2012.39l-.748-.156l.156.747a18.68%2018.68%200%200%200%207.628%2011.572A15%2015%200%200%200%2015%2024.5c-3.417%200-6.603%201.137-9.294%203.096L5.15%2028l.556.404C8.397%2030.363%2011.583%2031.5%2015%2031.5c1.471%200%202.9-.21%204.263-.607q-.376.5-.696%201.053c-1.158%202.006-1.57%204.26-1.332%206.498l.072.684l.628-.28c2.058-.913%203.804-2.396%204.962-4.402q.053-.09.103-.183V41h2v-6.737l.103.183c1.158%202.006%202.904%203.489%204.962%204.403l.628.279l.072-.684c.237-2.238-.174-4.492-1.332-6.498q-.32-.554-.696-1.053c1.364.396%202.792.607%204.263.607c3.417%200%206.603-1.137%209.294-3.096L42.85%2028l-.556-.404C39.603%2025.637%2036.417%2024.5%2033%2024.5q-.636%200-1.26.052a18.68%2018.68%200%200%200%207.628-11.571l.156-.748l-.747.156a18.68%2018.68%200%200%200-11.459%207.467Q27.5%2018.454%2027.5%2017c0-4.129-1.123-7.986-3.07-11.256%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsCannabisNegative%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(%23healthiconsCannabisNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM24.43%205.744L24%205.022l-.43.722C21.623%209.014%2020.5%2012.871%2020.5%2017q.001%201.453.182%202.856A18.68%2018.68%200%200%200%209.224%2012.39l-.748-.156l.156.747a18.68%2018.68%200%200%200%207.628%2011.572A15%2015%200%200%200%2015%2024.5c-3.417%200-6.603%201.137-9.294%203.096L5.15%2028l.556.404C8.397%2030.363%2011.583%2031.5%2015%2031.5c1.471%200%202.9-.21%204.263-.607q-.376.5-.696%201.053c-1.158%202.006-1.57%204.26-1.332%206.498l.072.684l.628-.28c2.058-.913%203.804-2.396%204.962-4.402q.053-.09.103-.183V41h2v-6.737l.103.183c1.158%202.006%202.904%203.489%204.962%204.403l.628.279l.072-.684c.237-2.238-.174-4.492-1.332-6.498q-.32-.554-.696-1.053c1.364.396%202.792.607%204.263.607c3.417%200%206.603-1.137%209.294-3.096L42.85%2028l-.556-.404C39.603%2025.637%2036.417%2024.5%2033%2024.5q-.636%200-1.26.052a18.68%2018.68%200%200%200%207.628-11.571l.156-.748l-.747.156a18.68%2018.68%200%200%200-11.459%207.467Q27.5%2018.454%2027.5%2017c0-4.129-1.123-7.986-3.07-11.256%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsCannabisNegative%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/cannabis-negative.svg?color=%231a73e8&size=48
