Watermelon icon

emojione-v1:watermelon

The Watermelon icon (emojione-v1:watermelon) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (v1)
Author: Emoji One
License: CC-BY-SA-4.0
Size: 64 × 64
Category: Food

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#225e3a" d="m58.696 40.335l-.252.97l.035-.002a40 40 0 0 1-.957 1.971c-6.22 11.651-18.81 17.647-30.625 14.576a24.6 24.6 0 0 1-6.241-2.582C8.375 48.129 3.912 31.745 10.172 18.008a5.4 5.4 0 0 1-.916-.826c-1.07-1.217-2.162-2.442-3.042-3.813c-7.791 16.677-2.523 36.62 12.278 45.23a29.5 29.5 0 0 0 7.41 3.065c14.185 3.672 29.35-3.609 36.881-17.726c.415-.779.793-1.572 1.156-2.378c-1.754-.37-3.502-.768-5.243-1.225"/><path fill="#d32027" d="M58.824 40.65s-28.8-7.678-51.03-29.566L2.915 27.566l.833 9.314l2.447 10.894l7.265 8.135l7.132 1.718l8.363 2.968l9.201-1.344L48 54.68l7.841-5.93l2.979-8.1"/><path fill="#c0212b" d="M33.503 51.714C19.463 43.45 9.91 30.04 6.529 15.215L2.874 27.539l.835 9.315l2.442 10.893l7.265 8.136l7.136 1.715l8.357 2.97l9.207-1.348l6.179-2.868c-3.709-1.095-7.336-2.605-10.792-4.638"/><path fill="#fff" d="m54.866 39.409l-.287 1.097a46 46 0 0 1-.806 1.647c-4.887 9.148-13.886 14.831-23.481 14.831c-2.02 0-4.03-.258-5.985-.765a24 24 0 0 1-5.979-2.472c-12.346-7.18-16.485-24.08-9.232-37.672c.428-.802.929-1.605 1.45-2.405c-.264-.166-.527-.334-.81-.482c-.569-.299-1.267-.351-1.778-.758c-.279-.22-.495-.546-.665-.895c-.415.586-.831 1.173-1.256 1.749c-.249.334-.5.668-.748 1.01c-.127.166-.247.332-.372.502c-.029.042-.128.183-.193.272c-.964 1.392-1.79 2.835-2.394 4.422c-.025.079-.195.562-.212.627q-.114.337-.208.679a26 26 0 0 0-.365 1.381a30 30 0 0 0-.511 2.829q-.05.388-.092.779c-.004.079-.033.432-.037.461a32 32 0 0 0-.02 3.898c.1 1.863.299 3.72.548 5.57q.202 1.474.432 2.949q.05.33.108.66q.001.026.006.05c.008.038.015.087.023.156q.104.62.216 1.24c.05.289.112.578.174.866c.644.162 1.226.553 1.541 1.143c1.18 2.187 2.783 4.328 3.639 6.706c.025.035.058.075.085.112c.089.105.384.459.455.538c1 1.136 2.087 2.199 3.252 3.171c.561.47 1.134.929 1.726 1.362c.056.04.247.175.317.227c.083.061.175.12.262.181c.274.183.553.37.837.549a38 38 0 0 0 6.723 3.397c.062.027.291.107.361.133l.283.1c.361.123.723.245 1.09.357c1.591.486 3.217.866 4.862 1.121q.828.136 1.666.225q.148.017.204.022l.077.007q.353.03.704.052c.931.054 1.861.077 2.795.054a35 35 0 0 0 1.732-.081c.195-.28.45-.509.772-.652c2.999-1.346 6.081-2.461 9.113-3.724q.567-.235 1.132-.483l.096-.042l.035-.015q.183-.083.37-.172a34 34 0 0 0 2-1.01c1.265-.693 2.496-1.466 3.632-2.358c.05-.038.237-.193.308-.254q.155-.129.308-.264c.274-.243.542-.488.802-.748a20 20 0 0 0 1.703-1.851q.366-.458.71-.93c.021-.044.391-.592.453-.688c.382-.613.741-1.234 1.061-1.882q.284-.571.534-1.157c.05-.116.332-.852.291-.721c.24-.683.452-1.371.623-2.07c.105-.43.179-.868.266-1.302c-1.503-.306-2.969-.718-4.346-1.28"/><path fill="#338455" d="m56.25 39.658l-.118.494l-.31 1.194l.037-.004a40 40 0 0 1-.959 1.971c-6.222 11.656-18.81 17.649-30.627 14.578a24.6 24.6 0 0 1-6.235-2.577C5.219 47.859.898 30.343 8.416 16.274a32 32 0 0 1 1.715-2.839l.064-.098c-.27-.207-.531-.421-.805-.625c-.37-.272-.619-.457-.781-.582a156 156 0 0 0-2.231-1.502c-.322-.209-.648-.416-.968-.626a38 38 0 0 0-.91 1.587c-9.08 17.02-3.979 38.12 11.369 47.06a29.7 29.7 0 0 0 7.41 3.063c14.183 3.672 29.354-3.614 36.879-17.725c.509-.959.97-1.95 1.397-2.945a99 99 0 0 1-5.305-1.378"/><path fill="#231f20" d="M16.552 28.271c1.708 0 1.708-2.648 0-2.648c-1.709 0-1.709 2.648 0 2.648m-.663 12.049c1.709 0 1.709-2.648 0-2.648s-1.709 2.648 0 2.648m10.331-5.695c1.707 0 1.707-2.646 0-2.646c-1.712 0-1.712 2.646 0 2.646m15.753 8.605c1.707 0 1.707-2.648 0-2.648s-1.707 2.648 0 2.648m-8.743.401c1.707 0 1.707-2.648 0-2.648s-1.707 2.648 0 2.648m-9.66 8.87c1.705 0 1.705-2.646 0-2.646c-1.71 0-1.71 2.646 0 2.646m.926-11.119c1.707 0 1.707-2.652 0-2.652c-1.709 0-1.709 2.652 0 2.652m23.834 3.176c1.707 0 1.707-2.648 0-2.648s-1.707 2.648 0 2.648M35.09 52.9c1.709 0 1.709-2.65 0-2.65c-1.707 0-1.707 2.65 0 2.65M20.921 28.536c1.708 0 1.708-2.648 0-2.648s-1.707 2.648 0 2.648m-10.197 4.237c1.707 0 1.707-2.648 0-2.648s-1.707 2.648 0 2.648m24.893 4.633c1.71 0 1.71-2.648 0-2.648c-1.707 0-1.707 2.648 0 2.648M17.08 34.892c1.709 0 1.709-2.648 0-2.648c-1.708 0-1.708 2.648 0 2.648"/></svg>

How to use the Watermelon icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:watermelon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:watermelon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:watermelon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--watermelon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:watermelon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:watermelon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-v1/watermelon.svg" alt="Watermelon icon" width="24" height="24">

Watermelon icon in other icon sets

Watermelon icon FAQ

Is the Watermelon icon free for commercial use?

Yes. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Watermelon icon in React?

Install @iconify/react and render <Icon icon="emojione-v1:watermelon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Watermelon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-v1/watermelon.svg" alt="Watermelon icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (v1) icons →