Cannabis icon
Download the Cannabis icon as free SVG or PNG. Compare outline and filled styles. Copy React, Vue or Svelte code.
- marijuana
- weed
- hemp
- cbd
- leaf
- drug
- medical
Style
Size
Stroke
Filled icons have no stroke
Color
- Category
- general
- Styles
- Outline, filled
- Component
- IconCannabis
- License
- MIT · Paweł Kuna
outline/cannabis.svg
filled/cannabis.svgCode
Copy it the way you use it
cannabis.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M7 20s0 -2 1 -3.5c-1.5 0 -2 -.5 -4 -1.5c0 0 1.839 -1.38 5 -1c-1.789 -.97 -3.279 -2.03 -5 -6c0 0 3.98 -.3 6.5 3.5c-2.284 -4.9 1.5 -9.5 1.5 -9.5c2.734 5.47 2.389 7.5 1.5 9.5c2.531 -3.77 6.5 -3.5 6.5 -3.5c-1.721 3.97 -3.211 5.03 -5 6c3.161 -.38 5 1 5 1c-2 1 -2.5 1.5 -4 1.5c1 1.5 1 3.5 1 3.5c-2 0 -4.438 -2.22 -5 -3c-.563 .78 -3 3 -5 3" />
<path d="M12 22v-5" />
</svg>Use the Cannabis icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconCannabis } from '@tabler/icons-react';
<IconCannabis size={24} stroke={2} />Vue example
import { IconCannabis } from '@tabler/icons-vue';
<IconCannabis :size="24" :stroke="2" />Svelte 5 example
import { IconCannabis } from '@tabler/icons-svelte-runes';
<IconCannabis size={24} stroke={2} />Related