Tropicaldrink icon

fxemoji:tropicaldrink

The Tropicaldrink icon (fxemoji:tropicaldrink) 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="#F4F3EF" d="M385.925 131.645c0 23.305-62.875 42.197-140.435 42.197s-140.435-18.892-140.435-42.197S167.93 89.448 245.49 89.448s140.435 18.893 140.435 42.197"/><path fill="#E8E7E2" d="M281.873 390.924a60 60 0 0 1-.039 2.937c-.252 6.484-1.457 12.535-3.294 17.722a55 55 0 0 1-3.028 7.078c-.535 1.054-1.12 2.04-1.632 2.951c-.58.912-1.061 1.749-1.604 2.506a40 40 0 0 1-2.083 2.83c28.206 13.43 80.946 40.139 80.946 52.086c0 16.307-43.997 29.527-98.269 29.527s-98.269-13.22-98.269-29.527c0-11.947 52.74-38.656 80.946-52.086a41 41 0 0 1-2.083-2.83c-.543-.756-1.025-1.594-1.604-2.506c-.511-.912-1.097-1.898-1.632-2.951a55 55 0 0 1-3.028-7.078c-1.837-5.187-3.042-11.238-3.294-17.722c-.021-.479-.02-.965-.026-1.449C9.465 377.01 105.055 129.299 105.055 129.299h.22c-.142.777-.22 1.559-.22 2.346c0 23.305 62.875 42.197 140.435 42.197s140.435-18.892 140.435-42.197c0-.787-.078-1.569-.22-2.346h.22s91.095 236.068-104.052 261.625"/><path fill="#FF6F1F" d="M369.796 145.856s90.13 233.559-124.306 233.559s-124.307-233.559-124.307-233.559z"/><path fill="#FFA683" d="M369.796 145.856c0 18.423-55.654 33.357-124.306 33.357s-124.306-14.935-124.306-33.357s55.654-33.357 124.306-33.357s124.306 14.934 124.306 33.357"/><path fill="#FFE1AB" d="M299.092 223.876a4.243 4.243 0 0 1-4.047-5.518L358.94 15.419a4.243 4.243 0 0 1 8.093 2.548l-63.896 202.939a4.24 4.24 0 0 1-4.045 2.97"/><path fill="#59CAFC" d="M412.814 98.242c2.279 4.55.25 10.11-4.454 12.051c-11.812 4.875-36.364 10.585-74.388-1.387c-38.053-11.981-54.902-30.747-61.78-41.506c-2.735-4.278-1.232-9.98 3.224-12.413l90.882-49.623h.001z"/><path fill="#00B1FF" d="M366.173 5.432c.128 2.72 2.719 60.201-5.013 109.576c-8.145-1.04-17.197-2.956-27.189-6.102c-10.115-3.185-18.718-6.851-26.048-10.717c21.447-44.368 55.621-89.433 58.095-92.673z"/><path fill="#FFE1AB" d="M365.485 15.707a6.94 6.94 0 0 1-6.623-9.031l.701-2.225a6.944 6.944 0 0 1 8.708-4.535a6.94 6.94 0 0 1 4.534 8.708l-.701 2.225a6.94 6.94 0 0 1-6.619 4.858"/><path fill="#FFAF8F" d="M167.395 336.926c-6.396 0-12.625-3.281-16.118-9.186c-23.951-40.495-22.94-84.294-18.281-125.593c1.159-10.265 10.42-17.646 20.685-16.49c10.265 1.158 17.648 10.419 16.49 20.685c-3.93 34.831-5.038 71.338 13.307 102.354c5.259 8.892 2.314 20.363-6.578 25.622a18.6 18.6 0 0 1-9.505 2.608"/></svg>

How to use the Tropicaldrink icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/tropicaldrink.svg" alt="Tropicaldrink icon" width="24" height="24">

Tropicaldrink icon FAQ

Is the Tropicaldrink 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 Tropicaldrink icon in React?

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

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

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

Browse all Firefox OS Emoji icons →