gentleface

Gentleface › Nature & animals › cannabis

cannabis icon

Cannabis: cannabis, marijuana, hemp, cbd. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2.5 3.5C3.363 3.569 4.157 3.981 4.892 4.816C4.893 4.818 4.895 4.819 4.896 4.821C5.629 5.656 6.301 6.913 6.923 8.671C6.347 6.639 6.136 5.04 6.244 3.791C6.244 3.786 6.245 3.781 6.245 3.775C6.245 3.773 6.246 3.77 6.246 3.768C6.358 2.521 6.791 1.626 7.5 1C8.21 1.627 8.643 2.524 8.755 3.775C8.755 3.783 8.756 3.79 8.757 3.797C8.864 5.045 8.652 6.643 8.077 8.671C8.696 6.919 9.366 5.666 10.095 4.831C10.1 4.826 10.104 4.821 10.108 4.816C10.112 4.812 10.116 4.807 10.119 4.803C10.85 3.977 11.641 3.569 12.5 3.5C12.689 4.232 12.611 5.002 12.219 5.83L12.217 5.835C11.823 6.664 11.113 7.553 10.039 8.522C10.876 8.008 11.609 7.725 12.259 7.644C12.264 7.643 12.269 7.643 12.274 7.642C12.278 7.642 12.282 7.641 12.285 7.641C12.934 7.566 13.499 7.695 14 8C13.82 8.602 13.45 9.103 12.851 9.494L12.851 9.494L12.851 9.494C12.252 9.886 11.423 10.168 10.325 10.332C10.355 10.337 10.385 10.342 10.414 10.347C10.811 10.42 11.14 10.549 11.4 10.734C11.675 10.93 11.872 11.187 12 11.5C11.589 11.879 11.076 12.04 10.422 11.944C9.837 11.859 9.138 11.567 8.3 11.042C8.202 10.98 8.102 10.916 8 10.848L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 10.848C5.053 12.145 3.822 12.257 3 11.5C3.128 11.187 3.325 10.93 3.6 10.734C3.862 10.548 4.192 10.419 4.592 10.346C4.619 10.341 4.647 10.336 4.675 10.332C3.583 10.169 2.758 9.889 2.159 9.501C2.156 9.499 2.152 9.497 2.149 9.494C2.146 9.492 2.143 9.49 2.14 9.489C1.546 9.098 1.179 8.599 1 8C2.008 7.386 3.273 7.486 4.961 8.522C3.887 7.553 3.177 6.664 2.783 5.835C2.389 5.005 2.311 4.234 2.5 3.5Z"/></svg>
React
// Gentleface "cannabis" (line-round), MIT. https://gentleface.com/icons/cannabis
import type { SVGProps } from 'react';

export function CannabisIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M2.5 3.5C3.363 3.569 4.157 3.981 4.892 4.816C4.893 4.818 4.895 4.819 4.896 4.821C5.629 5.656 6.301 6.913 6.923 8.671C6.347 6.639 6.136 5.04 6.244 3.791C6.244 3.786 6.245 3.781 6.245 3.775C6.245 3.773 6.246 3.77 6.246 3.768C6.358 2.521 6.791 1.626 7.5 1C8.21 1.627 8.643 2.524 8.755 3.775C8.755 3.783 8.756 3.79 8.757 3.797C8.864 5.045 8.652 6.643 8.077 8.671C8.696 6.919 9.366 5.666 10.095 4.831C10.1 4.826 10.104 4.821 10.108 4.816C10.112 4.812 10.116 4.807 10.119 4.803C10.85 3.977 11.641 3.569 12.5 3.5C12.689 4.232 12.611 5.002 12.219 5.83L12.217 5.835C11.823 6.664 11.113 7.553 10.039 8.522C10.876 8.008 11.609 7.725 12.259 7.644C12.264 7.643 12.269 7.643 12.274 7.642C12.278 7.642 12.282 7.641 12.285 7.641C12.934 7.566 13.499 7.695 14 8C13.82 8.602 13.45 9.103 12.851 9.494L12.851 9.494L12.851 9.494C12.252 9.886 11.423 10.168 10.325 10.332C10.355 10.337 10.385 10.342 10.414 10.347C10.811 10.42 11.14 10.549 11.4 10.734C11.675 10.93 11.872 11.187 12 11.5C11.589 11.879 11.076 12.04 10.422 11.944C9.837 11.859 9.138 11.567 8.3 11.042C8.202 10.98 8.102 10.916 8 10.848L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 10.848C5.053 12.145 3.822 12.257 3 11.5C3.128 11.187 3.325 10.93 3.6 10.734C3.862 10.548 4.192 10.419 4.592 10.346C4.619 10.341 4.647 10.336 4.675 10.332C3.583 10.169 2.758 9.889 2.159 9.501C2.156 9.499 2.152 9.497 2.149 9.494C2.146 9.492 2.143 9.49 2.14 9.489C1.546 9.098 1.179 8.599 1 8C2.008 7.386 3.273 7.486 4.961 8.522C3.887 7.553 3.177 6.664 2.783 5.835C2.389 5.005 2.311 4.234 2.5 3.5Z" />
    </svg>
  );
}
Vue
Vue: see /icons/cannabis.md
Svelte
Svelte: see /icons/cannabis.md
HTML img
HTML img: see /icons/cannabis.md
CSS
CSS: see /icons/cannabis.md
Data URL
Data URL: see /icons/cannabis.md
Sprite
Sprite: see /icons/cannabis.md
SwiftUI
SwiftUI: see /icons/cannabis.md
Compose
Compose: see /icons/cannabis.md
Android XML
Android XML: see /icons/cannabis.md
Flutter
Flutter: see /icons/cannabis.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { CannabisIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
cannabis, marijuana, hemp, cbd
Tags
cannabis, marijuana, hemp, cbd, weed, pot, thc, leaf, plant, dispensary, medical cannabis, ganja
Category
Nature & animals
Component name
CannabisIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More nature & animals icons

bird birdhouse butterfly cactus cat clover co2 compost cow dog dog-bark feather fish fish-off flower grass · all nature & animals icons

For agents

Metadata: /icons/cannabis.json · Markdown: /icons/cannabis.md · SVG: https://gentleface.com/svg/{style}/16/cannabis.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/cannabis.png