cannabis icon
cannabis-outline from Health Icons by Resolve to Save Lives · Outline · Symbols · MIT Free for personal and commercial use.
- Name
- cannabis-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
- Aliases
- cannabis2x-outline
1 other variant in Health Icons
The same icon in other sets
More symbols icons from Health Icons
2g3galertalert-circlealert-triangleamerican-sign-languagearm-circumferenceartificial-intelligenceassembly-pointaward-ribbonbio-pharmabiomarkerblood-transfusionbody-mass-indexbreeding-sitescalendar-quarantinecancelcardiogramcardiogram-echoleraclinical-fclinical-feclose-policy-gapsclose-policy-gaps-alt
Use the cannabis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24.86 5.488a1 1 0 0 0-1.72 0C21.149 8.834 20 12.78 20 17q0 .611.032 1.213q-.48-.561-1.011-1.092A19.2 19.2 0 0 0 9.325 11.9a1 1 0 0 0-1.183 1.183a19.18 19.18 0 0 0 7.94 11.954A16 16 0 0 0 15 25c-3.531 0-6.819 1.176-9.588 3.191a1 1 0 0 0 0 1.618C8.182 31.824 11.469 33 15 33a15.7 15.7 0 0 0 3.14-.316l-.006.012c-1.215 2.105-1.644 4.466-1.396 6.801a1 1 0 0 0 1.4.809c1.96-.87 3.657-2.24 4.862-4.074V41h2v-4.768c1.205 1.834 2.902 3.203 4.862 4.074a1 1 0 0 0 1.4-.809c.248-2.335-.18-4.696-1.396-6.801l-.007-.012A15.7 15.7 0 0 0 33 33c3.532 0 6.819-1.176 9.588-3.191a1 1 0 0 0 0-1.618C39.818 26.176 36.532 25 33 25q-.545 0-1.083.037a19.18 19.18 0 0 0 7.94-11.954a1 1 0 0 0-1.182-1.183a19.18 19.18 0 0 0-10.707 6.313Q28 17.611 28 17c0-4.22-1.148-8.166-3.14-11.512M24 25.791a19.4 19.4 0 0 1 1.345-3.597A20.8 20.8 0 0 0 26 17c0-3.196-.72-6.213-2-8.884c-1.28 2.671-2 5.688-2 8.884c0 1.798.228 3.539.655 5.194A19.4 19.4 0 0 1 24 25.79m9.222-4.427a17.1 17.1 0 0 1-6.895 4.204a22 22 0 0 0 .9-2.666c.8-1.58 1.855-3.055 3.166-4.367a17.1 17.1 0 0 1 7.097-4.267a17.1 17.1 0 0 1-4.268 7.096m-12.448 1.538q.369 1.374.899 2.666a17.1 17.1 0 0 1-6.895-4.204a17.1 17.1 0 0 1-4.268-7.096a17.1 17.1 0 0 1 7.097 4.267a17 17 0 0 1 3.167 4.367m1.985 8.072a17 17 0 0 1-1.172.59a8.9 8.9 0 0 0-1.72 2.132a8.95 8.95 0 0 0-1.184 4.05a8.95 8.95 0 0 0 2.915-3.05a8.9 8.9 0 0 0 1.161-3.722M15 27c2.464 0 4.804.656 6.901 1.837q-.741.458-1.404 1.022A13.8 13.8 0 0 1 15 31c-2.576 0-5.015-.716-7.183-2c2.168-1.284 4.607-2 7.183-2m12.503 2.859q-.662-.565-1.404-1.022C28.196 27.656 30.536 27 33 27c2.576 0 5.015.716 7.183 2c-2.168 1.284-4.607 2-7.183 2a13.8 13.8 0 0 1-5.497-1.141m-2.262 1.115a8.9 8.9 0 0 0 1.16 3.722a8.95 8.95 0 0 0 2.916 3.05a8.95 8.95 0 0 0-1.183-4.05a8.9 8.9 0 0 0-1.72-2.132a17 17 0 0 1-1.173-.59" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsCannabisOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M24.86 5.488a1 1 0 0 0-1.72 0C21.149 8.834 20 12.78 20 17q0 .611.032 1.213q-.48-.561-1.011-1.092A19.2 19.2 0 0 0 9.325 11.9a1 1 0 0 0-1.183 1.183a19.18 19.18 0 0 0 7.94 11.954A16 16 0 0 0 15 25c-3.531 0-6.819 1.176-9.588 3.191a1 1 0 0 0 0 1.618C8.182 31.824 11.469 33 15 33a15.7 15.7 0 0 0 3.14-.316l-.006.012c-1.215 2.105-1.644 4.466-1.396 6.801a1 1 0 0 0 1.4.809c1.96-.87 3.657-2.24 4.862-4.074V41h2v-4.768c1.205 1.834 2.902 3.203 4.862 4.074a1 1 0 0 0 1.4-.809c.248-2.335-.18-4.696-1.396-6.801l-.007-.012A15.7 15.7 0 0 0 33 33c3.532 0 6.819-1.176 9.588-3.191a1 1 0 0 0 0-1.618C39.818 26.176 36.532 25 33 25q-.545 0-1.083.037a19.18 19.18 0 0 0 7.94-11.954a1 1 0 0 0-1.182-1.183a19.18 19.18 0 0 0-10.707 6.313Q28 17.611 28 17c0-4.22-1.148-8.166-3.14-11.512M24 25.791a19.4 19.4 0 0 1 1.345-3.597A20.8 20.8 0 0 0 26 17c0-3.196-.72-6.213-2-8.884c-1.28 2.671-2 5.688-2 8.884c0 1.798.228 3.539.655 5.194A19.4 19.4 0 0 1 24 25.79m9.222-4.427a17.1 17.1 0 0 1-6.895 4.204a22 22 0 0 0 .9-2.666c.8-1.58 1.855-3.055 3.166-4.367a17.1 17.1 0 0 1 7.097-4.267a17.1 17.1 0 0 1-4.268 7.096m-12.448 1.538q.369 1.374.899 2.666a17.1 17.1 0 0 1-6.895-4.204a17.1 17.1 0 0 1-4.268-7.096a17.1 17.1 0 0 1 7.097 4.267a17 17 0 0 1 3.167 4.367m1.985 8.072a17 17 0 0 1-1.172.59a8.9 8.9 0 0 0-1.72 2.132a8.95 8.95 0 0 0-1.184 4.05a8.95 8.95 0 0 0 2.915-3.05a8.9 8.9 0 0 0 1.161-3.722M15 27c2.464 0 4.804.656 6.901 1.837q-.741.458-1.404 1.022A13.8 13.8 0 0 1 15 31c-2.576 0-5.015-.716-7.183-2c2.168-1.284 4.607-2 7.183-2m12.503 2.859q-.662-.565-1.404-1.022C28.196 27.656 30.536 27 33 27c2.576 0 5.015.716 7.183 2c-2.168 1.284-4.607 2-7.183 2a13.8 13.8 0 0 1-5.497-1.141m-2.262 1.115a8.9 8.9 0 0 0 1.16 3.722a8.95 8.95 0 0 0 2.916 3.05a8.95 8.95 0 0 0-1.183-4.05a8.9 8.9 0 0 0-1.72-2.132a17 17 0 0 1-1.173-.59" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24.86 5.488a1 1 0 0 0-1.72 0C21.149 8.834 20 12.78 20 17q0 .611.032 1.213q-.48-.561-1.011-1.092A19.2 19.2 0 0 0 9.325 11.9a1 1 0 0 0-1.183 1.183a19.18 19.18 0 0 0 7.94 11.954A16 16 0 0 0 15 25c-3.531 0-6.819 1.176-9.588 3.191a1 1 0 0 0 0 1.618C8.182 31.824 11.469 33 15 33a15.7 15.7 0 0 0 3.14-.316l-.006.012c-1.215 2.105-1.644 4.466-1.396 6.801a1 1 0 0 0 1.4.809c1.96-.87 3.657-2.24 4.862-4.074V41h2v-4.768c1.205 1.834 2.902 3.203 4.862 4.074a1 1 0 0 0 1.4-.809c.248-2.335-.18-4.696-1.396-6.801l-.007-.012A15.7 15.7 0 0 0 33 33c3.532 0 6.819-1.176 9.588-3.191a1 1 0 0 0 0-1.618C39.818 26.176 36.532 25 33 25q-.545 0-1.083.037a19.18 19.18 0 0 0 7.94-11.954a1 1 0 0 0-1.182-1.183a19.18 19.18 0 0 0-10.707 6.313Q28 17.611 28 17c0-4.22-1.148-8.166-3.14-11.512M24 25.791a19.4 19.4 0 0 1 1.345-3.597A20.8 20.8 0 0 0 26 17c0-3.196-.72-6.213-2-8.884c-1.28 2.671-2 5.688-2 8.884c0 1.798.228 3.539.655 5.194A19.4 19.4 0 0 1 24 25.79m9.222-4.427a17.1 17.1 0 0 1-6.895 4.204a22 22 0 0 0 .9-2.666c.8-1.58 1.855-3.055 3.166-4.367a17.1 17.1 0 0 1 7.097-4.267a17.1 17.1 0 0 1-4.268 7.096m-12.448 1.538q.369 1.374.899 2.666a17.1 17.1 0 0 1-6.895-4.204a17.1 17.1 0 0 1-4.268-7.096a17.1 17.1 0 0 1 7.097 4.267a17 17 0 0 1 3.167 4.367m1.985 8.072a17 17 0 0 1-1.172.59a8.9 8.9 0 0 0-1.72 2.132a8.95 8.95 0 0 0-1.184 4.05a8.95 8.95 0 0 0 2.915-3.05a8.9 8.9 0 0 0 1.161-3.722M15 27c2.464 0 4.804.656 6.901 1.837q-.741.458-1.404 1.022A13.8 13.8 0 0 1 15 31c-2.576 0-5.015-.716-7.183-2c2.168-1.284 4.607-2 7.183-2m12.503 2.859q-.662-.565-1.404-1.022C28.196 27.656 30.536 27 33 27c2.576 0 5.015.716 7.183 2c-2.168 1.284-4.607 2-7.183 2a13.8 13.8 0 0 1-5.497-1.141m-2.262 1.115a8.9 8.9 0 0 0 1.16 3.722a8.95 8.95 0 0 0 2.916 3.05a8.95 8.95 0 0 0-1.183-4.05a8.9 8.9 0 0 0-1.72-2.132a17 17 0 0 1-1.173-.59" clip-rule="evenodd"/></svg> </template>
CSS
.icon-cannabis-outline {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24.86%205.488a1%201%200%200%200-1.72%200C21.149%208.834%2020%2012.78%2020%2017q0%20.611.032%201.213q-.48-.561-1.011-1.092A19.2%2019.2%200%200%200%209.325%2011.9a1%201%200%200%200-1.183%201.183a19.18%2019.18%200%200%200%207.94%2011.954A16%2016%200%200%200%2015%2025c-3.531%200-6.819%201.176-9.588%203.191a1%201%200%200%200%200%201.618C8.182%2031.824%2011.469%2033%2015%2033a15.7%2015.7%200%200%200%203.14-.316l-.006.012c-1.215%202.105-1.644%204.466-1.396%206.801a1%201%200%200%200%201.4.809c1.96-.87%203.657-2.24%204.862-4.074V41h2v-4.768c1.205%201.834%202.902%203.203%204.862%204.074a1%201%200%200%200%201.4-.809c.248-2.335-.18-4.696-1.396-6.801l-.007-.012A15.7%2015.7%200%200%200%2033%2033c3.532%200%206.819-1.176%209.588-3.191a1%201%200%200%200%200-1.618C39.818%2026.176%2036.532%2025%2033%2025q-.545%200-1.083.037a19.18%2019.18%200%200%200%207.94-11.954a1%201%200%200%200-1.182-1.183a19.18%2019.18%200%200%200-10.707%206.313Q28%2017.611%2028%2017c0-4.22-1.148-8.166-3.14-11.512M24%2025.791a19.4%2019.4%200%200%201%201.345-3.597A20.8%2020.8%200%200%200%2026%2017c0-3.196-.72-6.213-2-8.884c-1.28%202.671-2%205.688-2%208.884c0%201.798.228%203.539.655%205.194A19.4%2019.4%200%200%201%2024%2025.79m9.222-4.427a17.1%2017.1%200%200%201-6.895%204.204a22%2022%200%200%200%20.9-2.666c.8-1.58%201.855-3.055%203.166-4.367a17.1%2017.1%200%200%201%207.097-4.267a17.1%2017.1%200%200%201-4.268%207.096m-12.448%201.538q.369%201.374.899%202.666a17.1%2017.1%200%200%201-6.895-4.204a17.1%2017.1%200%200%201-4.268-7.096a17.1%2017.1%200%200%201%207.097%204.267a17%2017%200%200%201%203.167%204.367m1.985%208.072a17%2017%200%200%201-1.172.59a8.9%208.9%200%200%200-1.72%202.132a8.95%208.95%200%200%200-1.184%204.05a8.95%208.95%200%200%200%202.915-3.05a8.9%208.9%200%200%200%201.161-3.722M15%2027c2.464%200%204.804.656%206.901%201.837q-.741.458-1.404%201.022A13.8%2013.8%200%200%201%2015%2031c-2.576%200-5.015-.716-7.183-2c2.168-1.284%204.607-2%207.183-2m12.503%202.859q-.662-.565-1.404-1.022C28.196%2027.656%2030.536%2027%2033%2027c2.576%200%205.015.716%207.183%202c-2.168%201.284-4.607%202-7.183%202a13.8%2013.8%200%200%201-5.497-1.141m-2.262%201.115a8.9%208.9%200%200%200%201.16%203.722a8.95%208.95%200%200%200%202.916%203.05a8.95%208.95%200%200%200-1.183-4.05a8.9%208.9%200%200%200-1.72-2.132a17%2017%200%200%201-1.173-.59%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24.86%205.488a1%201%200%200%200-1.72%200C21.149%208.834%2020%2012.78%2020%2017q0%20.611.032%201.213q-.48-.561-1.011-1.092A19.2%2019.2%200%200%200%209.325%2011.9a1%201%200%200%200-1.183%201.183a19.18%2019.18%200%200%200%207.94%2011.954A16%2016%200%200%200%2015%2025c-3.531%200-6.819%201.176-9.588%203.191a1%201%200%200%200%200%201.618C8.182%2031.824%2011.469%2033%2015%2033a15.7%2015.7%200%200%200%203.14-.316l-.006.012c-1.215%202.105-1.644%204.466-1.396%206.801a1%201%200%200%200%201.4.809c1.96-.87%203.657-2.24%204.862-4.074V41h2v-4.768c1.205%201.834%202.902%203.203%204.862%204.074a1%201%200%200%200%201.4-.809c.248-2.335-.18-4.696-1.396-6.801l-.007-.012A15.7%2015.7%200%200%200%2033%2033c3.532%200%206.819-1.176%209.588-3.191a1%201%200%200%200%200-1.618C39.818%2026.176%2036.532%2025%2033%2025q-.545%200-1.083.037a19.18%2019.18%200%200%200%207.94-11.954a1%201%200%200%200-1.182-1.183a19.18%2019.18%200%200%200-10.707%206.313Q28%2017.611%2028%2017c0-4.22-1.148-8.166-3.14-11.512M24%2025.791a19.4%2019.4%200%200%201%201.345-3.597A20.8%2020.8%200%200%200%2026%2017c0-3.196-.72-6.213-2-8.884c-1.28%202.671-2%205.688-2%208.884c0%201.798.228%203.539.655%205.194A19.4%2019.4%200%200%201%2024%2025.79m9.222-4.427a17.1%2017.1%200%200%201-6.895%204.204a22%2022%200%200%200%20.9-2.666c.8-1.58%201.855-3.055%203.166-4.367a17.1%2017.1%200%200%201%207.097-4.267a17.1%2017.1%200%200%201-4.268%207.096m-12.448%201.538q.369%201.374.899%202.666a17.1%2017.1%200%200%201-6.895-4.204a17.1%2017.1%200%200%201-4.268-7.096a17.1%2017.1%200%200%201%207.097%204.267a17%2017%200%200%201%203.167%204.367m1.985%208.072a17%2017%200%200%201-1.172.59a8.9%208.9%200%200%200-1.72%202.132a8.95%208.95%200%200%200-1.184%204.05a8.95%208.95%200%200%200%202.915-3.05a8.9%208.9%200%200%200%201.161-3.722M15%2027c2.464%200%204.804.656%206.901%201.837q-.741.458-1.404%201.022A13.8%2013.8%200%200%201%2015%2031c-2.576%200-5.015-.716-7.183-2c2.168-1.284%204.607-2%207.183-2m12.503%202.859q-.662-.565-1.404-1.022C28.196%2027.656%2030.536%2027%2033%2027c2.576%200%205.015.716%207.183%202c-2.168%201.284-4.607%202-7.183%202a13.8%2013.8%200%200%201-5.497-1.141m-2.262%201.115a8.9%208.9%200%200%200%201.16%203.722a8.95%208.95%200%200%200%202.916%203.05a8.95%208.95%200%200%200-1.183-4.05a8.9%208.9%200%200%200-1.72-2.132a17%2017%200%200%201-1.173-.59%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/cannabis-outline.svg?color=%231a73e8&size=48
