mushroom icon
mushroom-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- mushroom-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-width="2" d="m13 14l1.272 4.451a2 2 0 0 1-1.924 2.55h-.697a2 2 0 0 1-1.923-2.55L11 14.001m3.401-9.5A3 3 0 0 0 19 8.236M6 7c-.675.81-1.32 1.7-1.908 2.583c-1.465 2.197.429 4.895 3.06 4.668C8.805 14.109 10.538 14 12 14s3.195.108 4.848.25c2.631.228 4.525-2.47 3.06-4.667A31 31 0 0 0 18 7C14.397 2.677 9.603 2.677 6 7Z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteMushroomLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="2" d="m13 14l1.272 4.451a2 2 0 0 1-1.924 2.55h-.697a2 2 0 0 1-1.923-2.55L11 14.001m3.401-9.5A3 3 0 0 0 19 8.236M6 7c-.675.81-1.32 1.7-1.908 2.583c-1.465 2.197.429 4.895 3.06 4.668C8.805 14.109 10.538 14 12 14s3.195.108 4.848.25c2.631.228 4.525-2.47 3.06-4.667A31 31 0 0 0 18 7C14.397 2.677 9.603 2.677 6 7Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="m13 14l1.272 4.451a2 2 0 0 1-1.924 2.55h-.697a2 2 0 0 1-1.923-2.55L11 14.001m3.401-9.5A3 3 0 0 0 19 8.236M6 7c-.675.81-1.32 1.7-1.908 2.583c-1.465 2.197.429 4.895 3.06 4.668C8.805 14.109 10.538 14 12 14s3.195.108 4.848.25c2.631.228 4.525-2.47 3.06-4.667A31 31 0 0 0 18 7C14.397 2.677 9.603 2.677 6 7Z"/></svg> </template>
CSS
.icon-mushroom-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22m13%2014l1.272%204.451a2%202%200%200%201-1.924%202.55h-.697a2%202%200%200%201-1.923-2.55L11%2014.001m3.401-9.5A3%203%200%200%200%2019%208.236M6%207c-.675.81-1.32%201.7-1.908%202.583c-1.465%202.197.429%204.895%203.06%204.668C8.805%2014.109%2010.538%2014%2012%2014s3.195.108%204.848.25c2.631.228%204.525-2.47%203.06-4.667A31%2031%200%200%200%2018%207C14.397%202.677%209.603%202.677%206%207Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22m13%2014l1.272%204.451a2%202%200%200%201-1.924%202.55h-.697a2%202%200%200%201-1.923-2.55L11%2014.001m3.401-9.5A3%203%200%200%200%2019%208.236M6%207c-.675.81-1.32%201.7-1.908%202.583c-1.465%202.197.429%204.895%203.06%204.668C8.805%2014.109%2010.538%2014%2012%2014s3.195.108%204.848.25c2.631.228%204.525-2.47%203.06-4.667A31%2031%200%200%200%2018%207C14.397%202.677%209.603%202.677%206%207Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/mushroom-line.svg?color=%231a73e8&size=48
