Gentleface › Food & drink › mushroom
mushroom icon
mushroomMushroom: fungi, mushroom. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M9.193 9.011C9.27 9.329 9.406 9.771 9.6 10.338C9.733 10.724 9.823 11.006 9.872 11.183C9.957 11.498 10 11.77 10 12C10 12.331 9.92 12.634 9.76 12.908C9.615 13.157 9.413 13.368 9.152 13.541C8.923 13.694 8.659 13.81 8.363 13.889C8.087 13.963 7.799 14 7.5 14C7.201 14 6.913 13.963 6.637 13.889C6.341 13.81 6.077 13.694 5.848 13.541C5.587 13.368 5.385 13.157 5.24 12.908C5.08 12.634 5 12.331 5 12C5 11.77 5.043 11.498 5.128 11.183C5.177 11.006 5.267 10.724 5.4 10.338C5.594 9.771 5.73 9.329 5.807 9.011C5.892 8.662 5.948 8.325 5.977 8L5.5 8C4.245 8 2.987 8.316 1.724 8.947C1.598 9.01 1.47 9.02 1.341 8.977C1.212 8.934 1.116 8.85 1.053 8.724C1.018 8.653 1 8.579 1 8.5C1 7.673 1.152 6.876 1.456 6.107C1.787 5.273 2.269 4.538 2.904 3.904C3.538 3.269 4.273 2.787 5.107 2.456C5.876 2.152 6.673 2 7.5 2C8.327 2 9.124 2.152 9.893 2.456C10.727 2.787 11.462 3.269 12.096 3.904C12.731 4.538 13.213 5.273 13.544 6.107C13.848 6.876 14 7.673 14 8.5C14 8.641 13.952 8.759 13.856 8.856C13.759 8.952 13.641 9 13.5 9C13.421 9 13.347 8.982 13.276 8.947C12.013 8.316 10.755 8 9.5 8L9.023 8C9.052 8.325 9.108 8.662 9.193 9.011ZM12.942 7.698C12.881 7.282 12.772 6.874 12.614 6.475C12.334 5.769 11.926 5.148 11.389 4.611C10.852 4.074 10.231 3.666 9.525 3.386C8.874 3.129 8.199 3 7.5 3C6.801 3 6.126 3.129 5.475 3.386C4.769 3.666 4.148 4.074 3.611 4.611C3.074 5.148 2.666 5.769 2.386 6.475C2.228 6.874 2.119 7.282 2.058 7.698C3.203 7.233 4.35 7 5.5 7L9.5 7C10.65 7 11.797 7.233 12.942 7.698ZM6.346 10.662C6.22 11.028 6.136 11.289 6.093 11.446C6.031 11.674 6 11.859 6 12C6 12.294 6.134 12.53 6.402 12.709C6.693 12.903 7.059 13 7.5 13C7.941 13 8.307 12.903 8.598 12.709C8.866 12.53 9 12.294 9 12C9 11.859 8.969 11.674 8.907 11.446C8.864 11.289 8.78 11.028 8.654 10.662C8.45 10.067 8.306 9.595 8.221 9.247C8.117 8.818 8.05 8.403 8.019 8L6.981 8C6.95 8.403 6.883 8.818 6.779 9.247C6.694 9.595 6.55 10.067 6.346 10.662Z"/></svg>
// Gentleface "mushroom" (line-round), MIT. https://gentleface.com/icons/mushroom
import type { SVGProps } from 'react';
export function MushroomIcon(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="M9.193 9.011C9.27 9.329 9.406 9.771 9.6 10.338C9.733 10.724 9.823 11.006 9.872 11.183C9.957 11.498 10 11.77 10 12C10 12.331 9.92 12.634 9.76 12.908C9.615 13.157 9.413 13.368 9.152 13.541C8.923 13.694 8.659 13.81 8.363 13.889C8.087 13.963 7.799 14 7.5 14C7.201 14 6.913 13.963 6.637 13.889C6.341 13.81 6.077 13.694 5.848 13.541C5.587 13.368 5.385 13.157 5.24 12.908C5.08 12.634 5 12.331 5 12C5 11.77 5.043 11.498 5.128 11.183C5.177 11.006 5.267 10.724 5.4 10.338C5.594 9.771 5.73 9.329 5.807 9.011C5.892 8.662 5.948 8.325 5.977 8L5.5 8C4.245 8 2.987 8.316 1.724 8.947C1.598 9.01 1.47 9.02 1.341 8.977C1.212 8.934 1.116 8.85 1.053 8.724C1.018 8.653 1 8.579 1 8.5C1 7.673 1.152 6.876 1.456 6.107C1.787 5.273 2.269 4.538 2.904 3.904C3.538 3.269 4.273 2.787 5.107 2.456C5.876 2.152 6.673 2 7.5 2C8.327 2 9.124 2.152 9.893 2.456C10.727 2.787 11.462 3.269 12.096 3.904C12.731 4.538 13.213 5.273 13.544 6.107C13.848 6.876 14 7.673 14 8.5C14 8.641 13.952 8.759 13.856 8.856C13.759 8.952 13.641 9 13.5 9C13.421 9 13.347 8.982 13.276 8.947C12.013 8.316 10.755 8 9.5 8L9.023 8C9.052 8.325 9.108 8.662 9.193 9.011ZM12.942 7.698C12.881 7.282 12.772 6.874 12.614 6.475C12.334 5.769 11.926 5.148 11.389 4.611C10.852 4.074 10.231 3.666 9.525 3.386C8.874 3.129 8.199 3 7.5 3C6.801 3 6.126 3.129 5.475 3.386C4.769 3.666 4.148 4.074 3.611 4.611C3.074 5.148 2.666 5.769 2.386 6.475C2.228 6.874 2.119 7.282 2.058 7.698C3.203 7.233 4.35 7 5.5 7L9.5 7C10.65 7 11.797 7.233 12.942 7.698ZM6.346 10.662C6.22 11.028 6.136 11.289 6.093 11.446C6.031 11.674 6 11.859 6 12C6 12.294 6.134 12.53 6.402 12.709C6.693 12.903 7.059 13 7.5 13C7.941 13 8.307 12.903 8.598 12.709C8.866 12.53 9 12.294 9 12C9 11.859 8.969 11.674 8.907 11.446C8.864 11.289 8.78 11.028 8.654 10.662C8.45 10.067 8.306 9.595 8.221 9.247C8.117 8.818 8.05 8.403 8.019 8L6.981 8C6.95 8.403 6.883 8.818 6.779 9.247C6.694 9.595 6.55 10.067 6.346 10.662Z" />
</svg>
);
}Vue: see /icons/mushroom.md
Svelte: see /icons/mushroom.md
HTML img: see /icons/mushroom.md
CSS: see /icons/mushroom.md
Data URL: see /icons/mushroom.md
Sprite: see /icons/mushroom.md
SwiftUI: see /icons/mushroom.md
Compose: see /icons/mushroom.md
Android XML: see /icons/mushroom.md
Flutter: see /icons/mushroom.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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.
Meaning
- Use it for
- fungi, mushroom
- Tags
- mushroom, fungi, fungus, champignon, toadstool, porcini, vegetable, food, ingredient, forest
- Category
- Food & drink
- Component name
MushroomIcon- History
- 20 px drawn, 24 px drawn, added
Family 1
More food & drink icons
amphora apple apron avocado banana barrel barrel-off bean bean-off beef beef-off beer bento bottle bottle-off bowl · all food & drink icons
For agents
Metadata: /icons/mushroom.json · Markdown: /icons/mushroom.md · SVG: https://gentleface.com/svg/{style}/16/mushroom.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/mushroom.png