mushroom icon
mushroom-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- mushroom-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
mushroomEmoji One (Colored)mushroomFluent EmojimushroomFluent Emoji FlatmushroomFluent Emoji High ContrastmushroomFirefox OS EmojimushroomHuge IconsmushroomMaterial Line IconsmushroomMaterial Design IconsmushroomNoto EmojimushroomOpenMojimushroomStreamline EmojismushroomTabler IconsmushroomTDesign IconsmushroomTwitter Emoji
Use the mushroom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.656c.787 0 1.562.128 2.316.376a4 4 0 1 0 6.002 5.201q.26.37.505.739c1 1.499.851 3.208.004 4.468c-.836 1.243-2.349 2.055-4.074 1.906a79 79 0 0 0-2.377-.172l.857 3A3 3 0 0 1 12.348 22h-.697a3 3 0 0 1-2.884-3.824l.858-3.001c-.78.043-1.586.103-2.378.172c-1.725.149-3.237-.663-4.074-1.906c-.847-1.26-.996-2.969.003-4.468a32 32 0 0 1 1.979-2.677C7.108 3.95 9.494 2.656 12 2.656m4.432 1.425c.856.576 1.667 1.318 2.413 2.214l.108.133a2 2 0 1 1-2.52-2.347"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteMushroomFill(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 2.656c.787 0 1.562.128 2.316.376a4 4 0 1 0 6.002 5.201q.26.37.505.739c1 1.499.851 3.208.004 4.468c-.836 1.243-2.349 2.055-4.074 1.906a79 79 0 0 0-2.377-.172l.857 3A3 3 0 0 1 12.348 22h-.697a3 3 0 0 1-2.884-3.824l.858-3.001c-.78.043-1.586.103-2.378.172c-1.725.149-3.237-.663-4.074-1.906c-.847-1.26-.996-2.969.003-4.468a32 32 0 0 1 1.979-2.677C7.108 3.95 9.494 2.656 12 2.656m4.432 1.425c.856.576 1.667 1.318 2.413 2.214l.108.133a2 2 0 1 1-2.52-2.347"/></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 2.656c.787 0 1.562.128 2.316.376a4 4 0 1 0 6.002 5.201q.26.37.505.739c1 1.499.851 3.208.004 4.468c-.836 1.243-2.349 2.055-4.074 1.906a79 79 0 0 0-2.377-.172l.857 3A3 3 0 0 1 12.348 22h-.697a3 3 0 0 1-2.884-3.824l.858-3.001c-.78.043-1.586.103-2.378.172c-1.725.149-3.237-.663-4.074-1.906c-.847-1.26-.996-2.969.003-4.468a32 32 0 0 1 1.979-2.677C7.108 3.95 9.494 2.656 12 2.656m4.432 1.425c.856.576 1.667 1.318 2.413 2.214l.108.133a2 2 0 1 1-2.52-2.347"/></svg> </template>
CSS
.icon-mushroom-fill {
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%202.656c.787%200%201.562.128%202.316.376a4%204%200%201%200%206.002%205.201q.26.37.505.739c1%201.499.851%203.208.004%204.468c-.836%201.243-2.349%202.055-4.074%201.906a79%2079%200%200%200-2.377-.172l.857%203A3%203%200%200%201%2012.348%2022h-.697a3%203%200%200%201-2.884-3.824l.858-3.001c-.78.043-1.586.103-2.378.172c-1.725.149-3.237-.663-4.074-1.906c-.847-1.26-.996-2.969.003-4.468a32%2032%200%200%201%201.979-2.677C7.108%203.95%209.494%202.656%2012%202.656m4.432%201.425c.856.576%201.667%201.318%202.413%202.214l.108.133a2%202%200%201%201-2.52-2.347%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%202.656c.787%200%201.562.128%202.316.376a4%204%200%201%200%206.002%205.201q.26.37.505.739c1%201.499.851%203.208.004%204.468c-.836%201.243-2.349%202.055-4.074%201.906a79%2079%200%200%200-2.377-.172l.857%203A3%203%200%200%201%2012.348%2022h-.697a3%203%200%200%201-2.884-3.824l.858-3.001c-.78.043-1.586.103-2.378.172c-1.725.149-3.237-.663-4.074-1.906c-.847-1.26-.996-2.969.003-4.468a32%2032%200%200%201%201.979-2.677C7.108%203.95%209.494%202.656%2012%202.656m4.432%201.425c.856.576%201.667%201.318%202.413%202.214l.108.133a2%202%200%201%201-2.52-2.347%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/mushroom-fill.svg?color=%231a73e8&size=48
