melon emoji
melon from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- melon
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji High Contrast
Use the melon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.463 1.06c.376.92.792 1.277 1.338 1.377c.63.114 1.553-.08 3.017-.653l.008-.003L12.01.97c1.025-.383 2.422.279 3.127 1.752a.5.5 0 0 1-.902.432c-.566-1.182-1.498-1.388-1.874-1.248l-2.055.765l1.245 3.111A13 13 0 0 1 16 5c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 25.18 3 18c0-5.263 3.127-9.795 7.625-11.84L9.368 3.016c-1.087.37-1.991.542-2.746.404c-1.018-.185-1.642-.9-2.085-1.98a.5.5 0 1 1 .926-.38m1.8 10.256A10.95 10.95 0 0 0 5 18c0 5.584 4.16 10.195 9.55 10.905c-1.824-.988-4.533-3.137-6.403-7.652c-1.87-4.514-1.475-7.948-.884-9.937m.373-.461c-.371 1.807-.55 5.221 1.435 10.015s4.527 7.082 6.068 8.097Q15.565 29 16 29a11 11 0 0 0 4.117-.797c-.763-1.46-2.4-4.752-4.579-10.012S12.19 9.446 11.697 7.874a11 11 0 0 0-4.06 2.981m4.247-3.058c.763 1.46 2.4 4.752 4.579 10.012s3.348 8.745 3.842 10.317a11 11 0 0 0 4.06-2.981c.371-1.808.55-5.221-1.435-10.015s-4.527-7.082-6.068-8.097a11 11 0 0 0-4.979.763M27 18c0-5.583-4.16-10.195-9.55-10.905c1.825.988 4.533 3.137 6.403 7.652c1.87 4.514 1.475 7.948.884 9.936A10.95 10.95 0 0 0 27 18"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastMelon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.463 1.06c.376.92.792 1.277 1.338 1.377c.63.114 1.553-.08 3.017-.653l.008-.003L12.01.97c1.025-.383 2.422.279 3.127 1.752a.5.5 0 0 1-.902.432c-.566-1.182-1.498-1.388-1.874-1.248l-2.055.765l1.245 3.111A13 13 0 0 1 16 5c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 25.18 3 18c0-5.263 3.127-9.795 7.625-11.84L9.368 3.016c-1.087.37-1.991.542-2.746.404c-1.018-.185-1.642-.9-2.085-1.98a.5.5 0 1 1 .926-.38m1.8 10.256A10.95 10.95 0 0 0 5 18c0 5.584 4.16 10.195 9.55 10.905c-1.824-.988-4.533-3.137-6.403-7.652c-1.87-4.514-1.475-7.948-.884-9.937m.373-.461c-.371 1.807-.55 5.221 1.435 10.015s4.527 7.082 6.068 8.097Q15.565 29 16 29a11 11 0 0 0 4.117-.797c-.763-1.46-2.4-4.752-4.579-10.012S12.19 9.446 11.697 7.874a11 11 0 0 0-4.06 2.981m4.247-3.058c.763 1.46 2.4 4.752 4.579 10.012s3.348 8.745 3.842 10.317a11 11 0 0 0 4.06-2.981c.371-1.808.55-5.221-1.435-10.015s-4.527-7.082-6.068-8.097a11 11 0 0 0-4.979.763M27 18c0-5.583-4.16-10.195-9.55-10.905c1.825.988 4.533 3.137 6.403 7.652c1.87 4.514 1.475 7.948.884 9.936A10.95 10.95 0 0 0 27 18"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.463 1.06c.376.92.792 1.277 1.338 1.377c.63.114 1.553-.08 3.017-.653l.008-.003L12.01.97c1.025-.383 2.422.279 3.127 1.752a.5.5 0 0 1-.902.432c-.566-1.182-1.498-1.388-1.874-1.248l-2.055.765l1.245 3.111A13 13 0 0 1 16 5c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 25.18 3 18c0-5.263 3.127-9.795 7.625-11.84L9.368 3.016c-1.087.37-1.991.542-2.746.404c-1.018-.185-1.642-.9-2.085-1.98a.5.5 0 1 1 .926-.38m1.8 10.256A10.95 10.95 0 0 0 5 18c0 5.584 4.16 10.195 9.55 10.905c-1.824-.988-4.533-3.137-6.403-7.652c-1.87-4.514-1.475-7.948-.884-9.937m.373-.461c-.371 1.807-.55 5.221 1.435 10.015s4.527 7.082 6.068 8.097Q15.565 29 16 29a11 11 0 0 0 4.117-.797c-.763-1.46-2.4-4.752-4.579-10.012S12.19 9.446 11.697 7.874a11 11 0 0 0-4.06 2.981m4.247-3.058c.763 1.46 2.4 4.752 4.579 10.012s3.348 8.745 3.842 10.317a11 11 0 0 0 4.06-2.981c.371-1.808.55-5.221-1.435-10.015s-4.527-7.082-6.068-8.097a11 11 0 0 0-4.979.763M27 18c0-5.583-4.16-10.195-9.55-10.905c1.825.988 4.533 3.137 6.403 7.652c1.87 4.514 1.475 7.948.884 9.936A10.95 10.95 0 0 0 27 18"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.463%201.06c.376.92.792%201.277%201.338%201.377c.63.114%201.553-.08%203.017-.653l.008-.003L12.01.97c1.025-.383%202.422.279%203.127%201.752a.5.5%200%200%201-.902.432c-.566-1.182-1.498-1.388-1.874-1.248l-2.055.765l1.245%203.111A13%2013%200%200%201%2016%205c7.18%200%2013%205.82%2013%2013s-5.82%2013-13%2013S3%2025.18%203%2018c0-5.263%203.127-9.795%207.625-11.84L9.368%203.016c-1.087.37-1.991.542-2.746.404c-1.018-.185-1.642-.9-2.085-1.98a.5.5%200%201%201%20.926-.38m1.8%2010.256A10.95%2010.95%200%200%200%205%2018c0%205.584%204.16%2010.195%209.55%2010.905c-1.824-.988-4.533-3.137-6.403-7.652c-1.87-4.514-1.475-7.948-.884-9.937m.373-.461c-.371%201.807-.55%205.221%201.435%2010.015s4.527%207.082%206.068%208.097Q15.565%2029%2016%2029a11%2011%200%200%200%204.117-.797c-.763-1.46-2.4-4.752-4.579-10.012S12.19%209.446%2011.697%207.874a11%2011%200%200%200-4.06%202.981m4.247-3.058c.763%201.46%202.4%204.752%204.579%2010.012s3.348%208.745%203.842%2010.317a11%2011%200%200%200%204.06-2.981c.371-1.808.55-5.221-1.435-10.015s-4.527-7.082-6.068-8.097a11%2011%200%200%200-4.979.763M27%2018c0-5.583-4.16-10.195-9.55-10.905c1.825.988%204.533%203.137%206.403%207.652c1.87%204.514%201.475%207.948.884%209.936A10.95%2010.95%200%200%200%2027%2018%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.463%201.06c.376.92.792%201.277%201.338%201.377c.63.114%201.553-.08%203.017-.653l.008-.003L12.01.97c1.025-.383%202.422.279%203.127%201.752a.5.5%200%200%201-.902.432c-.566-1.182-1.498-1.388-1.874-1.248l-2.055.765l1.245%203.111A13%2013%200%200%201%2016%205c7.18%200%2013%205.82%2013%2013s-5.82%2013-13%2013S3%2025.18%203%2018c0-5.263%203.127-9.795%207.625-11.84L9.368%203.016c-1.087.37-1.991.542-2.746.404c-1.018-.185-1.642-.9-2.085-1.98a.5.5%200%201%201%20.926-.38m1.8%2010.256A10.95%2010.95%200%200%200%205%2018c0%205.584%204.16%2010.195%209.55%2010.905c-1.824-.988-4.533-3.137-6.403-7.652c-1.87-4.514-1.475-7.948-.884-9.937m.373-.461c-.371%201.807-.55%205.221%201.435%2010.015s4.527%207.082%206.068%208.097Q15.565%2029%2016%2029a11%2011%200%200%200%204.117-.797c-.763-1.46-2.4-4.752-4.579-10.012S12.19%209.446%2011.697%207.874a11%2011%200%200%200-4.06%202.981m4.247-3.058c.763%201.46%202.4%204.752%204.579%2010.012s3.348%208.745%203.842%2010.317a11%2011%200%200%200%204.06-2.981c.371-1.808.55-5.221-1.435-10.015s-4.527-7.082-6.068-8.097a11%2011%200%200%200-4.979.763M27%2018c0-5.583-4.16-10.195-9.55-10.905c1.825.988%204.533%203.137%206.403%207.652c1.87%204.514%201.475%207.948.884%209.936A10.95%2010.95%200%200%200%2027%2018%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/melon.svg?color=%231a73e8&size=48
