Watermelon icon

fxemoji:watermelon

The Watermelon icon (fxemoji:watermelon) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#16992B" d="M496.444 397.839c8.633 8.633 8.047 22.769-1.219 30.719c-114.791 98.487-287.892 93.367-396.619-15.361S-15.242 131.368 83.245 16.577c7.95-9.266 22.086-9.852 30.719-1.219z"/><path fill="#F4C3C3" d="M488.463 389.857c-101.211 101.211-265.307 101.211-366.518 0s-101.211-265.307 0-366.518z"/><path fill="#F44D61" d="M471.076 372.47c-91.609 91.609-240.136 91.609-331.745 0s-91.609-240.136 0-331.745z"/><path fill="#442A34" d="M182.476 128.163s-.105.187-.306.496c-.204.284-.493.787-.879 1.268c-.384.498-.846 1.147-1.389 1.765a32 32 0 0 1-4.047 3.965c-.792.644-1.63 1.285-2.509 1.849c-.874.606-1.79 1.124-2.724 1.612c-.935.484-1.891.918-2.855 1.282c-1.926.748-3.881 1.226-5.743 1.417a17.8 17.8 0 0 1-5.169-.192a15.4 15.4 0 0 1-3.777-1.225c-.463-.21-.836-.459-1.086-.595c-.252-.149-.389-.256-.389-.256c-5.567-4.32-6.578-12.334-2.258-17.901c.066-.085.169-.213.236-.295c0 0 .111-.134.324-.335c.215-.188.524-.512.929-.819a15.4 15.4 0 0 1 3.416-2.024a17.8 17.8 0 0 1 5-1.322c1.858-.222 3.871-.185 5.914.122a27 27 0 0 1 3.067.624c1.019.271 2.026.575 3.012.975c.981.357 1.94.798 2.854 1.253s1.785.952 2.594 1.456c.81.506 1.557 1.022 2.225 1.524c.666.483 1.258 1.015 1.742 1.417c.482.385.875.812 1.136 1.044c.264.257.407.417.407.417c.627.699.708 1.7.275 2.478m69.057 212.144s.167.135.468.347c.295.189.749.549 1.286.853c.541.321 1.21.753 1.943 1.126a32 32 0 0 0 5.228 2.186c.974.306 1.99.591 3.016.789c1.037.24 2.079.382 3.127.49c1.048.104 2.096.153 3.127.134c2.066-.018 4.059-.298 5.86-.809a17.9 17.9 0 0 0 4.731-2.091a15.5 15.5 0 0 0 3.056-2.535c.352-.367.607-.735.789-.955c.179-.232.267-.382.267-.382c.054-.092.135-.235.187-.329c3.392-6.176 1.134-13.933-5.043-17.324c0 0-.152-.084-.425-.191c-.269-.095-.676-.282-1.166-.417a15.4 15.4 0 0 0-3.922-.616a17.8 17.8 0 0 0-5.135.623c-1.809.481-3.665 1.26-5.449 2.302a27 27 0 0 0-2.618 1.714c-.846.629-1.669 1.284-2.437 2.02a28 28 0 0 0-2.188 2.22a31 31 0 0 0-1.871 2.313a32 32 0 0 0-1.503 2.239c-.44.695-.793 1.409-1.094 1.961c-.306.536-.512 1.078-.669 1.39c-.15.336-.224.538-.224.538a2.14 2.14 0 0 0 .659 2.404m-93.457-16.56s-.105.187-.264.519c-.136.322-.415.831-.624 1.411c-.225.587-.538 1.319-.782 2.105a31 31 0 0 0-.728 2.597a31 31 0 0 0-.546 2.925a28 28 0 0 0-.27 3.105c-.062 1.062-.026 2.113.044 3.165a27 27 0 0 0 .394 3.105c.365 2.033.977 3.951 1.785 5.64a17.8 17.8 0 0 0 2.858 4.311a15.4 15.4 0 0 0 3.014 2.585c.421.285.827.474 1.074.617c.258.137.421.199.421.199c.1.037.254.094.356.129c6.66 2.302 13.925-1.23 16.227-7.889c0 0 .057-.164.117-.451c.049-.281.164-.714.215-1.22c.127-1.024.166-2.42-.053-3.97a17.8 17.8 0 0 0-1.479-4.956c-.779-1.702-1.86-3.4-3.187-4.984a27 27 0 0 0-2.131-2.292c-.763-.728-1.547-1.429-2.402-2.062a28 28 0 0 0-2.557-1.782a32 32 0 0 0-5.055-2.56c-.76-.316-1.522-.545-2.117-.748c-.58-.211-1.149-.323-1.483-.425a10 10 0 0 0-.568-.13a2.15 2.15 0 0 0-2.259 1.056m-7.152-103.779s-.206.062-.55.191c-.322.137-.875.311-1.428.583c-.569.267-1.303.577-2.024.973a32 32 0 0 0-4.748 3.092a28 28 0 0 0-2.349 2.049c-.781.722-1.485 1.504-2.164 2.31a27 27 0 0 0-1.87 2.509c-1.148 1.718-2.038 3.523-2.628 5.3a17.8 17.8 0 0 0-.933 5.087c-.05 1.565.14 2.949.377 3.953c.105.497.267.915.346 1.189c.091.278.165.436.165.436c.046.096.118.244.167.34c3.198 6.279 10.881 8.776 17.159 5.578c0 0 .155-.079.397-.243c.23-.169.613-.4 1.001-.729a15.4 15.4 0 0 0 2.716-2.896a17.8 17.8 0 0 0 2.374-4.595c.62-1.766 1.02-3.739 1.163-5.8c.081-1.027.096-2.077.056-3.129c-.044-1.053-.123-2.102-.299-3.151a28 28 0 0 0-.605-3.058a31.7 31.7 0 0 0-1.864-5.35c-.328-.755-.718-1.449-1.006-2.008c-.271-.554-.603-1.03-.773-1.335a10 10 0 0 0-.318-.488a2.15 2.15 0 0 0-2.362-.808m122.773 23.439s-.047-.209-.152-.562c-.115-.33-.249-.895-.483-1.466c-.227-.587-.485-1.34-.83-2.087a32 32 0 0 0-1.2-2.415a31 31 0 0 0-1.555-2.536c-.576-.843-1.198-1.696-1.881-2.486c-.666-.83-1.397-1.586-2.154-2.32a27 27 0 0 0-2.373-2.04c-1.634-1.264-3.373-2.278-5.104-2.99a17.8 17.8 0 0 0-5.01-1.285a15.4 15.4 0 0 0-3.969.101c-.504.07-.932.202-1.21.262a4 4 0 0 0-.446.134c-.099.039-.252.101-.35.143c-6.486 2.753-9.512 10.244-6.759 16.73c0 0 .068.16.215.413c.152.241.357.64.658 1.049a15.4 15.4 0 0 0 2.7 2.911a17.8 17.8 0 0 0 4.419 2.688c1.719.741 3.659 1.278 5.705 1.564c1.019.152 2.065.24 3.118.273c1.054.029 2.105.024 3.164-.079a28 28 0 0 0 3.093-.391a31 31 0 0 0 2.901-.659c.92-.255 1.784-.537 2.566-.829c.776-.274 1.495-.616 2.073-.863c.572-.232 1.069-.53 1.386-.678c.326-.171.509-.284.509-.284a2.15 2.15 0 0 0 .969-2.298m83.736 98.309s.191.098.53.243c.327.123.847.381 1.435.567c.596.201 1.34.485 2.135.697c.803.229 1.686.442 2.624.624c.936.18 1.928.332 2.944.428c1.016.097 2.07.164 3.114.146c1.064.019 2.112-.058 3.161-.171a27 27 0 0 0 3.086-.518c2.017-.446 3.909-1.134 5.564-2.008a17.8 17.8 0 0 0 4.193-3.028a15.4 15.4 0 0 0 2.462-3.115c.268-.432.441-.845.573-1.098c.127-.264.182-.429.182-.429c.033-.101.084-.258.115-.36c2.035-6.746-1.784-13.865-8.53-15.899c0 0-.167-.05-.455-.099c-.283-.037-.72-.135-1.227-.166a15.4 15.4 0 0 0-3.965.212a17.8 17.8 0 0 0-4.893 1.675c-1.669.847-3.323 1.994-4.852 3.383a27 27 0 0 0-2.205 2.221c-.697.791-1.366 1.603-1.964 2.482a28 28 0 0 0-1.679 2.626a32 32 0 0 0-2.356 5.153c-.286.772-.483 1.543-.663 2.146c-.188.587-.277 1.161-.366 1.499c-.077.36-.108.573-.108.573a2.15 2.15 0 0 0 1.145 2.216m-43.64 49.478s.037.212.124.569c.098.336.205.906.409 1.488c.197.597.418 1.362.726 2.125c.3.779.661 1.613 1.078 2.472c.419.856.893 1.741 1.427 2.61a28 28 0 0 0 1.755 2.576c.624.862 1.316 1.653 2.036 2.424c.722.766 1.48 1.493 2.269 2.155c1.569 1.344 3.256 2.442 4.949 3.24a17.8 17.8 0 0 0 4.94 1.531c1.548.236 2.944.212 3.969.096c.506-.045.94-.156 1.222-.202a4 4 0 0 0 .452-.112c.101-.034.256-.088.357-.125c6.614-2.429 10.008-9.76 7.579-16.374c0 0-.06-.163-.195-.423c-.14-.248-.325-.657-.605-1.081a15.4 15.4 0 0 0-2.553-3.041a17.9 17.9 0 0 0-4.28-2.904c-1.68-.825-3.591-1.457-5.621-1.844a27 27 0 0 0-3.1-.427c-1.051-.082-2.102-.128-3.164-.078c-1.044.012-2.095.11-3.108.237a32 32 0 0 0-5.534 1.215c-.788.236-1.524.541-2.113.76c-.582.203-1.094.476-1.418.609c-.334.155-.522.258-.522.258a2.15 2.15 0 0 0-1.079 2.246"/></svg>

How to use the Watermelon icon

React

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

<Icon icon="fxemoji:watermelon" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:watermelon" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:watermelon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:watermelon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/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. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Watermelon icon in React?

Install @iconify/react and render <Icon icon="fxemoji: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/fxemoji/watermelon.svg" alt="Watermelon icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →