# cannabis icon Cannabis. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/cannabis - Category: Nature & animals - Use it for: cannabis, marijuana, hemp, cbd - Tags: cannabis, marijuana, hemp, cbd, weed, pot, thc, leaf, plant, dispensary, medical cannabis, ganja - Component name: CannabisIcon - Added: 2026-10-29 - Since: version 0.2.0 - npm: `import { CannabisIcon } from '@gentleface/react';` (@gentleface/react 0.2.0) - Changed: 2026-10-30 (added) ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/cannabis.svg · PNG https://gentleface.com/png/line-round/16/cannabis.png · https://gentleface.com/png/line-round/32/cannabis.png · https://gentleface.com/png/line-round/48/cannabis.png - line-soft: https://gentleface.com/svg/line-soft/16/cannabis.svg · PNG https://gentleface.com/png/line-soft/16/cannabis.png · https://gentleface.com/png/line-soft/32/cannabis.png · https://gentleface.com/png/line-soft/48/cannabis.png - line-sharp: https://gentleface.com/svg/line-sharp/16/cannabis.svg · PNG https://gentleface.com/png/line-sharp/16/cannabis.png · https://gentleface.com/png/line-sharp/32/cannabis.png · https://gentleface.com/png/line-sharp/48/cannabis.png - solid-round: https://gentleface.com/svg/solid-round/16/cannabis.svg · PNG https://gentleface.com/png/solid-round/16/cannabis.png · https://gentleface.com/png/solid-round/32/cannabis.png · https://gentleface.com/png/solid-round/48/cannabis.png - solid-soft: https://gentleface.com/svg/solid-soft/16/cannabis.svg · PNG https://gentleface.com/png/solid-soft/16/cannabis.png · https://gentleface.com/png/solid-soft/32/cannabis.png · https://gentleface.com/png/solid-soft/48/cannabis.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/cannabis.svg · PNG https://gentleface.com/png/solid-sharp/16/cannabis.png · https://gentleface.com/png/solid-sharp/32/cannabis.png · https://gentleface.com/png/solid-sharp/48/cannabis.png The SVG of every style: https://gentleface.com/icons/cannabis.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "cannabis" (line-round), MIT. https://gentleface.com/icons/cannabis import type { SVGProps } from 'react'; export function CannabisIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "cannabis" (line-round), MIT. https://gentleface.com/icons/cannabis. Takes the text color. */ .icon-cannabis { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "cannabis" (line-round), MIT. https://gentleface.com/icons/cannabis import SwiftUI struct CannabisIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 2.5, y: 3.5)) p.addCurve(to: CGPoint(x: 4.892, y: 4.816), control1: CGPoint(x: 3.363, y: 3.569), control2: CGPoint(x: 4.157, y: 3.981)) p.addCurve(to: CGPoint(x: 4.896, y: 4.821), control1: CGPoint(x: 4.893, y: 4.818), control2: CGPoint(x: 4.895, y: 4.819)) p.addCurve(to: CGPoint(x: 6.923, y: 8.671), control1: CGPoint(x: 5.629, y: 5.656), control2: CGPoint(x: 6.301, y: 6.913)) p.addCurve(to: CGPoint(x: 6.244, y: 3.791), control1: CGPoint(x: 6.347, y: 6.639), control2: CGPoint(x: 6.136, y: 5.04)) p.addCurve(to: CGPoint(x: 6.245, y: 3.775), control1: CGPoint(x: 6.244, y: 3.786), control2: CGPoint(x: 6.245, y: 3.781)) p.addCurve(to: CGPoint(x: 6.246, y: 3.768), control1: CGPoint(x: 6.245, y: 3.773), control2: CGPoint(x: 6.246, y: 3.77)) p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 6.358, y: 2.521), control2: CGPoint(x: 6.791, y: 1.626)) p.addCurve(to: CGPoint(x: 8.755, y: 3.775), control1: CGPoint(x: 8.21, y: 1.627), control2: CGPoint(x: 8.643, y: 2.524)) p.addCurve(to: CGPoint(x: 8.757, y: 3.797), control1: CGPoint(x: 8.755, y: 3.783), control2: CGPoint(x: 8.756, y: 3.79)) p.addCurve(to: CGPoint(x: 8.077, y: 8.671), control1: CGPoint(x: 8.864, y: 5.045), control2: CGPoint(x: 8.652, y: 6.643)) p.addCurve(to: CGPoint(x: 10.095, y: 4.831), control1: CGPoint(x: 8.696, y: 6.919), control2: CGPoint(x: 9.366, y: 5.666)) p.addCurve(to: CGPoint(x: 10.108, y: 4.816), control1: CGPoint(x: 10.1, y: 4.826), control2: CGPoint(x: 10.104, y: 4.821)) p.addCurve(to: CGPoint(x: 10.119, y: 4.803), control1: CGPoint(x: 10.112, y: 4.812), control2: CGPoint(x: 10.116, y: 4.807)) p.addCurve(to: CGPoint(x: 12.5, y: 3.5), control1: CGPoint(x: 10.85, y: 3.977), control2: CGPoint(x: 11.641, y: 3.569)) p.addCurve(to: CGPoint(x: 12.219, y: 5.83), control1: CGPoint(x: 12.689, y: 4.232), control2: CGPoint(x: 12.611, y: 5.002)) p.addLine(to: CGPoint(x: 12.217, y: 5.835)) p.addCurve(to: CGPoint(x: 10.039, y: 8.522), control1: CGPoint(x: 11.823, y: 6.664), control2: CGPoint(x: 11.113, y: 7.553)) p.addCurve(to: CGPoint(x: 12.259, y: 7.644), control1: CGPoint(x: 10.876, y: 8.008), control2: CGPoint(x: 11.609, y: 7.725)) p.addCurve(to: CGPoint(x: 12.274, y: 7.642), control1: CGPoint(x: 12.264, y: 7.643), control2: CGPoint(x: 12.269, y: 7.643)) p.addCurve(to: CGPoint(x: 12.285, y: 7.641), control1: CGPoint(x: 12.278, y: 7.642), control2: CGPoint(x: 12.282, y: 7.641)) p.addCurve(to: CGPoint(x: 14, y: 8), control1: CGPoint(x: 12.934, y: 7.566), control2: CGPoint(x: 13.499, y: 7.695)) p.addCurve(to: CGPoint(x: 12.851, y: 9.494), control1: CGPoint(x: 13.82, y: 8.602), control2: CGPoint(x: 13.45, y: 9.103)) p.addLine(to: CGPoint(x: 12.851, y: 9.494)) p.addLine(to: CGPoint(x: 12.851, y: 9.494)) p.addCurve(to: CGPoint(x: 10.325, y: 10.332), control1: CGPoint(x: 12.252, y: 9.886), control2: CGPoint(x: 11.423, y: 10.168)) p.addCurve(to: CGPoint(x: 10.414, y: 10.347), control1: CGPoint(x: 10.355, y: 10.337), control2: CGPoint(x: 10.385, y: 10.342)) p.addCurve(to: CGPoint(x: 11.4, y: 10.734), control1: CGPoint(x: 10.811, y: 10.42), control2: CGPoint(x: 11.14, y: 10.549)) p.addCurve(to: CGPoint(x: 12, y: 11.5), control1: CGPoint(x: 11.675, y: 10.93), control2: CGPoint(x: 11.872, y: 11.187)) p.addCurve(to: CGPoint(x: 10.422, y: 11.944), control1: CGPoint(x: 11.589, y: 11.879), control2: CGPoint(x: 11.076, y: 12.04)) p.addCurve(to: CGPoint(x: 8.3, y: 11.042), control1: CGPoint(x: 9.837, y: 11.859), control2: CGPoint(x: 9.138, y: 11.567)) p.addCurve(to: CGPoint(x: 8, y: 10.848), control1: CGPoint(x: 8.202, y: 10.98), control2: CGPoint(x: 8.102, y: 10.916)) p.addLine(to: CGPoint(x: 8, y: 14.5)) p.addCurve(to: CGPoint(x: 7.856, y: 14.856), control1: CGPoint(x: 8, y: 14.641), control2: CGPoint(x: 7.952, y: 14.759)) p.addCurve(to: CGPoint(x: 7.5, y: 15), control1: CGPoint(x: 7.759, y: 14.952), control2: CGPoint(x: 7.641, y: 15)) p.addCurve(to: CGPoint(x: 7.144, y: 14.856), control1: CGPoint(x: 7.359, y: 15), control2: CGPoint(x: 7.241, y: 14.952)) p.addCurve(to: CGPoint(x: 7, y: 14.5), control1: CGPoint(x: 7.048, y: 14.759), control2: CGPoint(x: 7, y: 14.641)) p.addLine(to: CGPoint(x: 7, y: 10.848)) p.addCurve(to: CGPoint(x: 3, y: 11.5), control1: CGPoint(x: 5.053, y: 12.145), control2: CGPoint(x: 3.822, y: 12.257)) p.addCurve(to: CGPoint(x: 3.6, y: 10.734), control1: CGPoint(x: 3.128, y: 11.187), control2: CGPoint(x: 3.325, y: 10.93)) p.addCurve(to: CGPoint(x: 4.592, y: 10.346), control1: CGPoint(x: 3.862, y: 10.548), control2: CGPoint(x: 4.192, y: 10.419)) p.addCurve(to: CGPoint(x: 4.675, y: 10.332), control1: CGPoint(x: 4.619, y: 10.341), control2: CGPoint(x: 4.647, y: 10.336)) p.addCurve(to: CGPoint(x: 2.159, y: 9.501), control1: CGPoint(x: 3.583, y: 10.169), control2: CGPoint(x: 2.758, y: 9.889)) p.addCurve(to: CGPoint(x: 2.149, y: 9.494), control1: CGPoint(x: 2.156, y: 9.499), control2: CGPoint(x: 2.152, y: 9.497)) p.addCurve(to: CGPoint(x: 2.14, y: 9.489), control1: CGPoint(x: 2.146, y: 9.492), control2: CGPoint(x: 2.143, y: 9.49)) p.addCurve(to: CGPoint(x: 1, y: 8), control1: CGPoint(x: 1.546, y: 9.098), control2: CGPoint(x: 1.179, y: 8.599)) p.addCurve(to: CGPoint(x: 4.961, y: 8.522), control1: CGPoint(x: 2.008, y: 7.386), control2: CGPoint(x: 3.273, y: 7.486)) p.addCurve(to: CGPoint(x: 2.783, y: 5.835), control1: CGPoint(x: 3.887, y: 7.553), control2: CGPoint(x: 3.177, y: 6.664)) p.addCurve(to: CGPoint(x: 2.5, y: 3.5), control1: CGPoint(x: 2.389, y: 5.005), control2: CGPoint(x: 2.311, y: 4.234)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CannabisIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "cannabis" (line-round), MIT. https://gentleface.com/icons/cannabis import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val CannabisIcon: ImageVector by lazy { ImageVector.Builder( name = "cannabis", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(CannabisIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "cannabis" (line-round), MIT. https://gentleface.com/icons/cannabis import 'package:flutter/widgets.dart'; class CannabisIcon extends StatelessWidget { const CannabisIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CannabisIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CannabisIconPainter extends CustomPainter { _CannabisIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(2.5, 3.5) ..cubicTo(3.363, 3.569, 4.157, 3.981, 4.892, 4.816) ..cubicTo(4.893, 4.818, 4.895, 4.819, 4.896, 4.821) ..cubicTo(5.629, 5.656, 6.301, 6.913, 6.923, 8.671) ..cubicTo(6.347, 6.639, 6.136, 5.04, 6.244, 3.791) ..cubicTo(6.244, 3.786, 6.245, 3.781, 6.245, 3.775) ..cubicTo(6.245, 3.773, 6.246, 3.77, 6.246, 3.768) ..cubicTo(6.358, 2.521, 6.791, 1.626, 7.5, 1) ..cubicTo(8.21, 1.627, 8.643, 2.524, 8.755, 3.775) ..cubicTo(8.755, 3.783, 8.756, 3.79, 8.757, 3.797) ..cubicTo(8.864, 5.045, 8.652, 6.643, 8.077, 8.671) ..cubicTo(8.696, 6.919, 9.366, 5.666, 10.095, 4.831) ..cubicTo(10.1, 4.826, 10.104, 4.821, 10.108, 4.816) ..cubicTo(10.112, 4.812, 10.116, 4.807, 10.119, 4.803) ..cubicTo(10.85, 3.977, 11.641, 3.569, 12.5, 3.5) ..cubicTo(12.689, 4.232, 12.611, 5.002, 12.219, 5.83) ..lineTo(12.217, 5.835) ..cubicTo(11.823, 6.664, 11.113, 7.553, 10.039, 8.522) ..cubicTo(10.876, 8.008, 11.609, 7.725, 12.259, 7.644) ..cubicTo(12.264, 7.643, 12.269, 7.643, 12.274, 7.642) ..cubicTo(12.278, 7.642, 12.282, 7.641, 12.285, 7.641) ..cubicTo(12.934, 7.566, 13.499, 7.695, 14, 8) ..cubicTo(13.82, 8.602, 13.45, 9.103, 12.851, 9.494) ..lineTo(12.851, 9.494) ..lineTo(12.851, 9.494) ..cubicTo(12.252, 9.886, 11.423, 10.168, 10.325, 10.332) ..cubicTo(10.355, 10.337, 10.385, 10.342, 10.414, 10.347) ..cubicTo(10.811, 10.42, 11.14, 10.549, 11.4, 10.734) ..cubicTo(11.675, 10.93, 11.872, 11.187, 12, 11.5) ..cubicTo(11.589, 11.879, 11.076, 12.04, 10.422, 11.944) ..cubicTo(9.837, 11.859, 9.138, 11.567, 8.3, 11.042) ..cubicTo(8.202, 10.98, 8.102, 10.916, 8, 10.848) ..lineTo(8, 14.5) ..cubicTo(8, 14.641, 7.952, 14.759, 7.856, 14.856) ..cubicTo(7.759, 14.952, 7.641, 15, 7.5, 15) ..cubicTo(7.359, 15, 7.241, 14.952, 7.144, 14.856) ..cubicTo(7.048, 14.759, 7, 14.641, 7, 14.5) ..lineTo(7, 10.848) ..cubicTo(5.053, 12.145, 3.822, 12.257, 3, 11.5) ..cubicTo(3.128, 11.187, 3.325, 10.93, 3.6, 10.734) ..cubicTo(3.862, 10.548, 4.192, 10.419, 4.592, 10.346) ..cubicTo(4.619, 10.341, 4.647, 10.336, 4.675, 10.332) ..cubicTo(3.583, 10.169, 2.758, 9.889, 2.159, 9.501) ..cubicTo(2.156, 9.499, 2.152, 9.497, 2.149, 9.494) ..cubicTo(2.146, 9.492, 2.143, 9.49, 2.14, 9.489) ..cubicTo(1.546, 9.098, 1.179, 8.599, 1, 8) ..cubicTo(2.008, 7.386, 3.273, 7.486, 4.961, 8.522) ..cubicTo(3.887, 7.553, 3.177, 6.664, 2.783, 5.835) ..cubicTo(2.389, 5.005, 2.311, 4.234, 2.5, 3.5) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CannabisIconPainter old) => old.color != color; } ```