melon emoji
melon from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- melon
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the melon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M5.463 1.06a.5.5 0 1 0-.926.38c.443 1.08 1.067 1.795 2.085 1.98c.754.138 1.659-.034 2.746-.404l3.168 7.92a.5.5 0 0 0 .928-.372L10.306 2.67l2.054-.764c.376-.141 1.309.065 1.874 1.247a.5.5 0 0 0 .902-.432c-.704-1.473-2.1-2.135-3.125-1.753l-2.185.813l-.008.003c-1.464.573-2.388.767-3.017.653c-.546-.1-.962-.457-1.338-1.377"/><path fill="#bfcc82" d="M28 18c0 6.627-5.373 12-12 12S4 24.627 4 18S9.373 6 16 6s12 5.373 12 12"/><path fill="#608842" d="M22.93 15.13c-3.062-7.391-7.444-8.823-7.444-8.823s5.306 1.05 8.367 8.44c3.061 7.391.052 11.885.052 11.885s2.086-4.111-.976-11.502m-7.391 3.061c-3.062-7.39-4.13-11.278-4.13-11.278s1.992 3.505 5.054 10.896c3.061 7.39 4.13 11.278 4.13 11.278S18.6 25.582 15.538 18.19M8.095 9.368s-3.01 4.494.052 11.885c3.062 7.39 8.367 8.44 8.367 8.44s-4.382-1.432-7.443-8.823s-.976-11.502-.976-11.502"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatMelon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M5.463 1.06a.5.5 0 1 0-.926.38c.443 1.08 1.067 1.795 2.085 1.98c.754.138 1.659-.034 2.746-.404l3.168 7.92a.5.5 0 0 0 .928-.372L10.306 2.67l2.054-.764c.376-.141 1.309.065 1.874 1.247a.5.5 0 0 0 .902-.432c-.704-1.473-2.1-2.135-3.125-1.753l-2.185.813l-.008.003c-1.464.573-2.388.767-3.017.653c-.546-.1-.962-.457-1.338-1.377"/><path fill="#bfcc82" d="M28 18c0 6.627-5.373 12-12 12S4 24.627 4 18S9.373 6 16 6s12 5.373 12 12"/><path fill="#608842" d="M22.93 15.13c-3.062-7.391-7.444-8.823-7.444-8.823s5.306 1.05 8.367 8.44c3.061 7.391.052 11.885.052 11.885s2.086-4.111-.976-11.502m-7.391 3.061c-3.062-7.39-4.13-11.278-4.13-11.278s1.992 3.505 5.054 10.896c3.061 7.39 4.13 11.278 4.13 11.278S18.6 25.582 15.538 18.19M8.095 9.368s-3.01 4.494.052 11.885c3.062 7.39 8.367 8.44 8.367 8.44s-4.382-1.432-7.443-8.823s-.976-11.502-.976-11.502"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M5.463 1.06a.5.5 0 1 0-.926.38c.443 1.08 1.067 1.795 2.085 1.98c.754.138 1.659-.034 2.746-.404l3.168 7.92a.5.5 0 0 0 .928-.372L10.306 2.67l2.054-.764c.376-.141 1.309.065 1.874 1.247a.5.5 0 0 0 .902-.432c-.704-1.473-2.1-2.135-3.125-1.753l-2.185.813l-.008.003c-1.464.573-2.388.767-3.017.653c-.546-.1-.962-.457-1.338-1.377"/><path fill="#bfcc82" d="M28 18c0 6.627-5.373 12-12 12S4 24.627 4 18S9.373 6 16 6s12 5.373 12 12"/><path fill="#608842" d="M22.93 15.13c-3.062-7.391-7.444-8.823-7.444-8.823s5.306 1.05 8.367 8.44c3.061 7.391.052 11.885.052 11.885s2.086-4.111-.976-11.502m-7.391 3.061c-3.062-7.39-4.13-11.278-4.13-11.278s1.992 3.505 5.054 10.896c3.061 7.39 4.13 11.278 4.13 11.278S18.6 25.582 15.538 18.19M8.095 9.368s-3.01 4.494.052 11.885c3.062 7.39 8.367 8.44 8.367 8.44s-4.382-1.432-7.443-8.823s-.976-11.502-.976-11.502"/></g></svg> </template>
CSS
.icon-melon {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M5.463%201.06a.5.5%200%201%200-.926.38c.443%201.08%201.067%201.795%202.085%201.98c.754.138%201.659-.034%202.746-.404l3.168%207.92a.5.5%200%200%200%20.928-.372L10.306%202.67l2.054-.764c.376-.141%201.309.065%201.874%201.247a.5.5%200%200%200%20.902-.432c-.704-1.473-2.1-2.135-3.125-1.753l-2.185.813l-.008.003c-1.464.573-2.388.767-3.017.653c-.546-.1-.962-.457-1.338-1.377%22%2F%3E%3Cpath%20fill%3D%22%23bfcc82%22%20d%3D%22M28%2018c0%206.627-5.373%2012-12%2012S4%2024.627%204%2018S9.373%206%2016%206s12%205.373%2012%2012%22%2F%3E%3Cpath%20fill%3D%22%23608842%22%20d%3D%22M22.93%2015.13c-3.062-7.391-7.444-8.823-7.444-8.823s5.306%201.05%208.367%208.44c3.061%207.391.052%2011.885.052%2011.885s2.086-4.111-.976-11.502m-7.391%203.061c-3.062-7.39-4.13-11.278-4.13-11.278s1.992%203.505%205.054%2010.896c3.061%207.39%204.13%2011.278%204.13%2011.278S18.6%2025.582%2015.538%2018.19M8.095%209.368s-3.01%204.494.052%2011.885c3.062%207.39%208.367%208.44%208.367%208.44s-4.382-1.432-7.443-8.823s-.976-11.502-.976-11.502%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M5.463%201.06a.5.5%200%201%200-.926.38c.443%201.08%201.067%201.795%202.085%201.98c.754.138%201.659-.034%202.746-.404l3.168%207.92a.5.5%200%200%200%20.928-.372L10.306%202.67l2.054-.764c.376-.141%201.309.065%201.874%201.247a.5.5%200%200%200%20.902-.432c-.704-1.473-2.1-2.135-3.125-1.753l-2.185.813l-.008.003c-1.464.573-2.388.767-3.017.653c-.546-.1-.962-.457-1.338-1.377%22%2F%3E%3Cpath%20fill%3D%22%23bfcc82%22%20d%3D%22M28%2018c0%206.627-5.373%2012-12%2012S4%2024.627%204%2018S9.373%206%2016%206s12%205.373%2012%2012%22%2F%3E%3Cpath%20fill%3D%22%23608842%22%20d%3D%22M22.93%2015.13c-3.062-7.391-7.444-8.823-7.444-8.823s5.306%201.05%208.367%208.44c3.061%207.391.052%2011.885.052%2011.885s2.086-4.111-.976-11.502m-7.391%203.061c-3.062-7.39-4.13-11.278-4.13-11.278s1.992%203.505%205.054%2010.896c3.061%207.39%204.13%2011.278%204.13%2011.278S18.6%2025.582%2015.538%2018.19M8.095%209.368s-3.01%204.494.052%2011.885c3.062%207.39%208.367%208.44%208.367%208.44s-4.382-1.432-7.443-8.823s-.976-11.502-.976-11.502%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/melon.svg?color=%231a73e8&size=48
