cannabis icon
cannabis-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- cannabis-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
Use the cannabis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.894 1.553c1.472 2.945 2.17 5.028 2.244 6.812l.001.091l.032-.022a8.7 8.7 0 0 1 2.73-1.191l.352-.079a8 8 0 0 1 1.562-.169l.253.007a1 1 0 0 1 .85 1.396c-.949 2.187-1.818 3.595-2.902 4.664l-.061.058l.25.055q.45.108.869.259l.276.104c.586.235 1.006.479 1.25.662a1 1 0 0 1-.042 1.63l-.199.112l-1.133.587c-.567.289-1.166.584-1.404.67q-.123.045-.244.083l-.074.019l.016.042c.327.912.456 1.789.477 2.462L18 20a1 1 0 0 1-1 1c-1.257 0-2.77-.729-4.001-1.647L13 22a1 1 0 0 1-2 0v-2.647c-1.16.866-2.57 1.563-3.781 1.64L7 21a1 1 0 0 1-1-1c0-.624.098-1.464.379-2.358l.116-.341l-.073-.02l-.244-.081c-.343-.125-1.442-.686-2.106-1.032l-.52-.274A1 1 0 0 1 3.4 14.2c.244-.183.664-.427 1.25-.662a8 8 0 0 1 1.145-.363l.249-.055l-.06-.058C4.96 12.052 4.128 10.74 3.24 8.755l-.157-.357a1 1 0 0 1 .724-1.38l.149-.017l.058-.003a7.5 7.5 0 0 1 1.744.159a8.6 8.6 0 0 1 2.727 1.045l.27.169v-.037C8.727 6.74 9.13 5.154 9.85 3.63l.139-.285c.455-.908.914-1.586 1.238-1.98a1 1 0 0 1 1.666.189"/></svg>
React
import type { SVGProps } from "react";
export function TablerCannabisFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.894 1.553c1.472 2.945 2.17 5.028 2.244 6.812l.001.091l.032-.022a8.7 8.7 0 0 1 2.73-1.191l.352-.079a8 8 0 0 1 1.562-.169l.253.007a1 1 0 0 1 .85 1.396c-.949 2.187-1.818 3.595-2.902 4.664l-.061.058l.25.055q.45.108.869.259l.276.104c.586.235 1.006.479 1.25.662a1 1 0 0 1-.042 1.63l-.199.112l-1.133.587c-.567.289-1.166.584-1.404.67q-.123.045-.244.083l-.074.019l.016.042c.327.912.456 1.789.477 2.462L18 20a1 1 0 0 1-1 1c-1.257 0-2.77-.729-4.001-1.647L13 22a1 1 0 0 1-2 0v-2.647c-1.16.866-2.57 1.563-3.781 1.64L7 21a1 1 0 0 1-1-1c0-.624.098-1.464.379-2.358l.116-.341l-.073-.02l-.244-.081c-.343-.125-1.442-.686-2.106-1.032l-.52-.274A1 1 0 0 1 3.4 14.2c.244-.183.664-.427 1.25-.662a8 8 0 0 1 1.145-.363l.249-.055l-.06-.058C4.96 12.052 4.128 10.74 3.24 8.755l-.157-.357a1 1 0 0 1 .724-1.38l.149-.017l.058-.003a7.5 7.5 0 0 1 1.744.159a8.6 8.6 0 0 1 2.727 1.045l.27.169v-.037C8.727 6.74 9.13 5.154 9.85 3.63l.139-.285c.455-.908.914-1.586 1.238-1.98a1 1 0 0 1 1.666.189"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.894 1.553c1.472 2.945 2.17 5.028 2.244 6.812l.001.091l.032-.022a8.7 8.7 0 0 1 2.73-1.191l.352-.079a8 8 0 0 1 1.562-.169l.253.007a1 1 0 0 1 .85 1.396c-.949 2.187-1.818 3.595-2.902 4.664l-.061.058l.25.055q.45.108.869.259l.276.104c.586.235 1.006.479 1.25.662a1 1 0 0 1-.042 1.63l-.199.112l-1.133.587c-.567.289-1.166.584-1.404.67q-.123.045-.244.083l-.074.019l.016.042c.327.912.456 1.789.477 2.462L18 20a1 1 0 0 1-1 1c-1.257 0-2.77-.729-4.001-1.647L13 22a1 1 0 0 1-2 0v-2.647c-1.16.866-2.57 1.563-3.781 1.64L7 21a1 1 0 0 1-1-1c0-.624.098-1.464.379-2.358l.116-.341l-.073-.02l-.244-.081c-.343-.125-1.442-.686-2.106-1.032l-.52-.274A1 1 0 0 1 3.4 14.2c.244-.183.664-.427 1.25-.662a8 8 0 0 1 1.145-.363l.249-.055l-.06-.058C4.96 12.052 4.128 10.74 3.24 8.755l-.157-.357a1 1 0 0 1 .724-1.38l.149-.017l.058-.003a7.5 7.5 0 0 1 1.744.159a8.6 8.6 0 0 1 2.727 1.045l.27.169v-.037C8.727 6.74 9.13 5.154 9.85 3.63l.139-.285c.455-.908.914-1.586 1.238-1.98a1 1 0 0 1 1.666.189"/></svg> </template>
CSS
.icon-cannabis-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.894%201.553c1.472%202.945%202.17%205.028%202.244%206.812l.001.091l.032-.022a8.7%208.7%200%200%201%202.73-1.191l.352-.079a8%208%200%200%201%201.562-.169l.253.007a1%201%200%200%201%20.85%201.396c-.949%202.187-1.818%203.595-2.902%204.664l-.061.058l.25.055q.45.108.869.259l.276.104c.586.235%201.006.479%201.25.662a1%201%200%200%201-.042%201.63l-.199.112l-1.133.587c-.567.289-1.166.584-1.404.67q-.123.045-.244.083l-.074.019l.016.042c.327.912.456%201.789.477%202.462L18%2020a1%201%200%200%201-1%201c-1.257%200-2.77-.729-4.001-1.647L13%2022a1%201%200%200%201-2%200v-2.647c-1.16.866-2.57%201.563-3.781%201.64L7%2021a1%201%200%200%201-1-1c0-.624.098-1.464.379-2.358l.116-.341l-.073-.02l-.244-.081c-.343-.125-1.442-.686-2.106-1.032l-.52-.274A1%201%200%200%201%203.4%2014.2c.244-.183.664-.427%201.25-.662a8%208%200%200%201%201.145-.363l.249-.055l-.06-.058C4.96%2012.052%204.128%2010.74%203.24%208.755l-.157-.357a1%201%200%200%201%20.724-1.38l.149-.017l.058-.003a7.5%207.5%200%200%201%201.744.159a8.6%208.6%200%200%201%202.727%201.045l.27.169v-.037C8.727%206.74%209.13%205.154%209.85%203.63l.139-.285c.455-.908.914-1.586%201.238-1.98a1%201%200%200%201%201.666.189%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.894%201.553c1.472%202.945%202.17%205.028%202.244%206.812l.001.091l.032-.022a8.7%208.7%200%200%201%202.73-1.191l.352-.079a8%208%200%200%201%201.562-.169l.253.007a1%201%200%200%201%20.85%201.396c-.949%202.187-1.818%203.595-2.902%204.664l-.061.058l.25.055q.45.108.869.259l.276.104c.586.235%201.006.479%201.25.662a1%201%200%200%201-.042%201.63l-.199.112l-1.133.587c-.567.289-1.166.584-1.404.67q-.123.045-.244.083l-.074.019l.016.042c.327.912.456%201.789.477%202.462L18%2020a1%201%200%200%201-1%201c-1.257%200-2.77-.729-4.001-1.647L13%2022a1%201%200%200%201-2%200v-2.647c-1.16.866-2.57%201.563-3.781%201.64L7%2021a1%201%200%200%201-1-1c0-.624.098-1.464.379-2.358l.116-.341l-.073-.02l-.244-.081c-.343-.125-1.442-.686-2.106-1.032l-.52-.274A1%201%200%200%201%203.4%2014.2c.244-.183.664-.427%201.25-.662a8%208%200%200%201%201.145-.363l.249-.055l-.06-.058C4.96%2012.052%204.128%2010.74%203.24%208.755l-.157-.357a1%201%200%200%201%20.724-1.38l.149-.017l.058-.003a7.5%207.5%200%200%201%201.744.159a8.6%208.6%200%200%201%202.727%201.045l.27.169v-.037C8.727%206.74%209.13%205.154%209.85%203.63l.139-.285c.455-.908.914-1.586%201.238-1.98a1%201%200%200%201%201.666.189%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/cannabis-filled.svg?color=%231a73e8&size=48
