melon emoji
melon from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- melon
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the melon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b1cc33" d="M52.6 12.6a28.14 28.14 0 0 1-39.8 39.8z"/><path fill="#f4aa41" d="M49.62 15.76c8.22 8.247 8.118 25.21-.115 33.45c-8.233 8.233-24.75 8.335-32.99.115z"/><path fill="#e27022" d="M41.67 23.53a12.9 12.9 0 0 1-17.94 17.94z"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2.251" d="M52.01 12.6q.252.252.495.508c10.49 11.02 10.32 28.47-.498 39.29c-10.99 10.99-28.81 10.99-39.8.002z"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2.251" d="M49.11 15.44c8.167 8.299 9.065 22.67-.053 32.99c-8.942 10.13-25.08 8.628-33.27.357z"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2.345" d="M41.09 23.53a12.9 12.9 0 0 1-17.94 17.94z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.251" d="M31.79 51.06c3.369.537 9.099-.913 13.52-5.585c3.186-3.371 5.996-9.423 5.673-13.39"/><circle cx="50.54" cy="28.03" r="1.173"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiMelon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b1cc33" d="M52.6 12.6a28.14 28.14 0 0 1-39.8 39.8z"/><path fill="#f4aa41" d="M49.62 15.76c8.22 8.247 8.118 25.21-.115 33.45c-8.233 8.233-24.75 8.335-32.99.115z"/><path fill="#e27022" d="M41.67 23.53a12.9 12.9 0 0 1-17.94 17.94z"/><path fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2.251" d="M52.01 12.6q.252.252.495.508c10.49 11.02 10.32 28.47-.498 39.29c-10.99 10.99-28.81 10.99-39.8.002z"/><path fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2.251" d="M49.11 15.44c8.167 8.299 9.065 22.67-.053 32.99c-8.942 10.13-25.08 8.628-33.27.357z"/><path fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2.345" d="M41.09 23.53a12.9 12.9 0 0 1-17.94 17.94z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.251" d="M31.79 51.06c3.369.537 9.099-.913 13.52-5.585c3.186-3.371 5.996-9.423 5.673-13.39"/><circle cx="50.54" cy="28.03" r="1.173"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b1cc33" d="M52.6 12.6a28.14 28.14 0 0 1-39.8 39.8z"/><path fill="#f4aa41" d="M49.62 15.76c8.22 8.247 8.118 25.21-.115 33.45c-8.233 8.233-24.75 8.335-32.99.115z"/><path fill="#e27022" d="M41.67 23.53a12.9 12.9 0 0 1-17.94 17.94z"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2.251" d="M52.01 12.6q.252.252.495.508c10.49 11.02 10.32 28.47-.498 39.29c-10.99 10.99-28.81 10.99-39.8.002z"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2.251" d="M49.11 15.44c8.167 8.299 9.065 22.67-.053 32.99c-8.942 10.13-25.08 8.628-33.27.357z"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2.345" d="M41.09 23.53a12.9 12.9 0 0 1-17.94 17.94z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.251" d="M31.79 51.06c3.369.537 9.099-.913 13.52-5.585c3.186-3.371 5.996-9.423 5.673-13.39"/><circle cx="50.54" cy="28.03" r="1.173"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M52.6%2012.6a28.14%2028.14%200%200%201-39.8%2039.8z%22%2F%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M49.62%2015.76c8.22%208.247%208.118%2025.21-.115%2033.45c-8.233%208.233-24.75%208.335-32.99.115z%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M41.67%2023.53a12.9%2012.9%200%200%201-17.94%2017.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.251%22%20d%3D%22M52.01%2012.6q.252.252.495.508c10.49%2011.02%2010.32%2028.47-.498%2039.29c-10.99%2010.99-28.81%2010.99-39.8.002z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.251%22%20d%3D%22M49.11%2015.44c8.167%208.299%209.065%2022.67-.053%2032.99c-8.942%2010.13-25.08%208.628-33.27.357z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.345%22%20d%3D%22M41.09%2023.53a12.9%2012.9%200%200%201-17.94%2017.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.251%22%20d%3D%22M31.79%2051.06c3.369.537%209.099-.913%2013.52-5.585c3.186-3.371%205.996-9.423%205.673-13.39%22%2F%3E%3Ccircle%20cx%3D%2250.54%22%20cy%3D%2228.03%22%20r%3D%221.173%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M52.6%2012.6a28.14%2028.14%200%200%201-39.8%2039.8z%22%2F%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M49.62%2015.76c8.22%208.247%208.118%2025.21-.115%2033.45c-8.233%208.233-24.75%208.335-32.99.115z%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M41.67%2023.53a12.9%2012.9%200%200%201-17.94%2017.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.251%22%20d%3D%22M52.01%2012.6q.252.252.495.508c10.49%2011.02%2010.32%2028.47-.498%2039.29c-10.99%2010.99-28.81%2010.99-39.8.002z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.251%22%20d%3D%22M49.11%2015.44c8.167%208.299%209.065%2022.67-.053%2032.99c-8.942%2010.13-25.08%208.628-33.27.357z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.345%22%20d%3D%22M41.09%2023.53a12.9%2012.9%200%200%201-17.94%2017.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.251%22%20d%3D%22M31.79%2051.06c3.369.537%209.099-.913%2013.52-5.585c3.186-3.371%205.996-9.423%205.673-13.39%22%2F%3E%3Ccircle%20cx%3D%2250.54%22%20cy%3D%2228.03%22%20r%3D%221.173%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/melon.svg?color=%231a73e8&size=48
