mushroom emoji
mushroom from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- mushroom
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
mushroomEmoji One (Colored)mushroomFluent EmojimushroomFluent Emoji FlatmushroomFluent Emoji High ContrastmushroomFirefox OS EmojimushroomHuge IconsmushroomMaterial Line IconsmushroomMaterial Design Iconsmushroom-fillMingCute IconmushroomNoto EmojimushroomOpenMojimushroomStreamline EmojismushroomTabler IconsmushroomTDesign Icons
More animals & nature icons from Twitter Emoji
Use the mushroom emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M27 33c0 2.209-1.791 3-4 3H13c-2.209 0-4-.791-4-3s3-7 3-13s12-6 12 0s3 10.791 3 13"/><path fill="#dd2e44" d="m34.666 11.189l-.001-.002a17.9 17.9 0 0 0-4.208-6.182h-.003A17.92 17.92 0 0 0 18 0A17.96 17.96 0 0 0 0 18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4c0-2.417-.48-4.713-1.334-6.811"/><g fill="#f4abba"><path d="M7.708 16.583A6.292 6.292 0 1 0 7.708 4c-.405 0-.8.042-1.184.115A17.96 17.96 0 0 0 1.448 10.9a6.29 6.29 0 0 0 6.26 5.683"/><path d="M7.708 4.25c3.331 0 6.041 2.71 6.041 6.042s-2.71 6.042-6.041 6.042a6.014 6.014 0 0 1-6.006-5.394a17.8 17.8 0 0 1 4.931-6.59c.364-.067.726-.1 1.075-.1m0-.25c-.405 0-.8.042-1.184.115A17.96 17.96 0 0 0 1.448 10.9A6.291 6.291 0 1 0 7.708 4M26 9.5a4.497 4.497 0 0 0 8.666 1.689l-.001-.002a17.9 17.9 0 0 0-4.208-6.182A4.496 4.496 0 0 0 26 9.5"/><circle cx="21.5" cy="16" r="4.5"/><circle cx="20" cy="5" r="3"/></g></svg>
React
import type { SVGProps } from "react";
export function TwemojiMushroom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M27 33c0 2.209-1.791 3-4 3H13c-2.209 0-4-.791-4-3s3-7 3-13s12-6 12 0s3 10.791 3 13"/><path fill="#dd2e44" d="m34.666 11.189l-.001-.002a17.9 17.9 0 0 0-4.208-6.182h-.003A17.92 17.92 0 0 0 18 0A17.96 17.96 0 0 0 0 18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4c0-2.417-.48-4.713-1.334-6.811"/><g fill="#f4abba"><path d="M7.708 16.583A6.292 6.292 0 1 0 7.708 4c-.405 0-.8.042-1.184.115A17.96 17.96 0 0 0 1.448 10.9a6.29 6.29 0 0 0 6.26 5.683"/><path d="M7.708 4.25c3.331 0 6.041 2.71 6.041 6.042s-2.71 6.042-6.041 6.042a6.014 6.014 0 0 1-6.006-5.394a17.8 17.8 0 0 1 4.931-6.59c.364-.067.726-.1 1.075-.1m0-.25c-.405 0-.8.042-1.184.115A17.96 17.96 0 0 0 1.448 10.9A6.291 6.291 0 1 0 7.708 4M26 9.5a4.497 4.497 0 0 0 8.666 1.689l-.001-.002a17.9 17.9 0 0 0-4.208-6.182A4.496 4.496 0 0 0 26 9.5"/><circle cx="21.5" cy="16" r="4.5"/><circle cx="20" cy="5" r="3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M27 33c0 2.209-1.791 3-4 3H13c-2.209 0-4-.791-4-3s3-7 3-13s12-6 12 0s3 10.791 3 13"/><path fill="#dd2e44" d="m34.666 11.189l-.001-.002a17.9 17.9 0 0 0-4.208-6.182h-.003A17.92 17.92 0 0 0 18 0A17.96 17.96 0 0 0 0 18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4c0-2.417-.48-4.713-1.334-6.811"/><g fill="#f4abba"><path d="M7.708 16.583A6.292 6.292 0 1 0 7.708 4c-.405 0-.8.042-1.184.115A17.96 17.96 0 0 0 1.448 10.9a6.29 6.29 0 0 0 6.26 5.683"/><path d="M7.708 4.25c3.331 0 6.041 2.71 6.041 6.042s-2.71 6.042-6.041 6.042a6.014 6.014 0 0 1-6.006-5.394a17.8 17.8 0 0 1 4.931-6.59c.364-.067.726-.1 1.075-.1m0-.25c-.405 0-.8.042-1.184.115A17.96 17.96 0 0 0 1.448 10.9A6.291 6.291 0 1 0 7.708 4M26 9.5a4.497 4.497 0 0 0 8.666 1.689l-.001-.002a17.9 17.9 0 0 0-4.208-6.182A4.496 4.496 0 0 0 26 9.5"/><circle cx="21.5" cy="16" r="4.5"/><circle cx="20" cy="5" r="3"/></g></svg> </template>
CSS
.icon-mushroom {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M27%2033c0%202.209-1.791%203-4%203H13c-2.209%200-4-.791-4-3s3-7%203-13s12-6%2012%200s3%2010.791%203%2013%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m34.666%2011.189l-.001-.002a17.9%2017.9%200%200%200-4.208-6.182h-.003A17.92%2017.92%200%200%200%2018%200A17.96%2017.96%200%200%200%200%2018a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4c0-2.417-.48-4.713-1.334-6.811%22%2F%3E%3Cg%20fill%3D%22%23f4abba%22%3E%3Cpath%20d%3D%22M7.708%2016.583A6.292%206.292%200%201%200%207.708%204c-.405%200-.8.042-1.184.115A17.96%2017.96%200%200%200%201.448%2010.9a6.29%206.29%200%200%200%206.26%205.683%22%2F%3E%3Cpath%20d%3D%22M7.708%204.25c3.331%200%206.041%202.71%206.041%206.042s-2.71%206.042-6.041%206.042a6.014%206.014%200%200%201-6.006-5.394a17.8%2017.8%200%200%201%204.931-6.59c.364-.067.726-.1%201.075-.1m0-.25c-.405%200-.8.042-1.184.115A17.96%2017.96%200%200%200%201.448%2010.9A6.291%206.291%200%201%200%207.708%204M26%209.5a4.497%204.497%200%200%200%208.666%201.689l-.001-.002a17.9%2017.9%200%200%200-4.208-6.182A4.496%204.496%200%200%200%2026%209.5%22%2F%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2216%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3C%2Fg%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M27%2033c0%202.209-1.791%203-4%203H13c-2.209%200-4-.791-4-3s3-7%203-13s12-6%2012%200s3%2010.791%203%2013%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m34.666%2011.189l-.001-.002a17.9%2017.9%200%200%200-4.208-6.182h-.003A17.92%2017.92%200%200%200%2018%200A17.96%2017.96%200%200%200%200%2018a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4c0-2.417-.48-4.713-1.334-6.811%22%2F%3E%3Cg%20fill%3D%22%23f4abba%22%3E%3Cpath%20d%3D%22M7.708%2016.583A6.292%206.292%200%201%200%207.708%204c-.405%200-.8.042-1.184.115A17.96%2017.96%200%200%200%201.448%2010.9a6.29%206.29%200%200%200%206.26%205.683%22%2F%3E%3Cpath%20d%3D%22M7.708%204.25c3.331%200%206.041%202.71%206.041%206.042s-2.71%206.042-6.041%206.042a6.014%206.014%200%200%201-6.006-5.394a17.8%2017.8%200%200%201%204.931-6.59c.364-.067.726-.1%201.075-.1m0-.25c-.405%200-.8.042-1.184.115A17.96%2017.96%200%200%200%201.448%2010.9A6.291%206.291%200%201%200%207.708%204M26%209.5a4.497%204.497%200%200%200%208.666%201.689l-.001-.002a17.9%2017.9%200%200%200-4.208-6.182A4.496%204.496%200%200%200%2026%209.5%22%2F%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2216%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/mushroom.svg?color=%231a73e8&size=48
