tropical drink emoji

tropical-drink from Streamline Emojis by Streamline · Default · Food Drink · CC-BY-4.0 Attribution required.

Name
tropical-drink
Set
Streamline Emojis
Style
Default
Category
Food Drink
Viewbox
48×48
License
CC BY 4.0

The same emoji in other sets

tropical-drinkEmoji One (Colored)tropical-drinkFluent Emojitropical-drinkFluent Emoji Flattropical-drinkFluent Emoji High Contrasttropical-drinkNoto Emojitropical-drinkOpenMojitropical-drinkTwitter Emoji

More food drink icons from Streamline Emojis

baby-bottlebeer-mugbirthday-cake-1birthday-cake-2birthday-cake-3bottle-with-popping-corkbreadcandychampagne-glass-1champagne-glass-2cherrieschestnutclinking-beer-mugsclinking-glasses-1clinking-glasses-2clinking-glasses-3clinking-glasses-4clinking-glasses-5cocktail-glasscooked-ricecookiecookingcustarddoughnut-1

Use the tropical drink emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M12.84 45.33a11.16 1.67 0 1 0 22.32 0a11.16 1.67 0 1 0-22.32 0" opacity=".15"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.07 43.36c-.55-1.06-3.33-1.91-6.94-2.16a.87.87 0 0 1-.82-.86v-7.07h-2.62v7.07a.87.87 0 0 1-.82.86c-3.61.25-6.39 1.1-6.94 2.16a.41.41 0 0 0 .2.56c.85.44 3.58 1.58 8.87 1.58s8-1.14 8.87-1.58a.41.41 0 0 0 .2-.56"/><path fill="#00b8f0" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="#4acfff" d="m32.19 13.71l-.33-4c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.13a9.2 9.2 0 0 0 1 4.22a33.6 33.6 0 0 0 9.9-7.28a43.2 43.2 0 0 0 6.47-9.07"/><path fill="#00b8f0" d="M16.14 9.67a7.86 1.75 0 1 0 15.72 0a7.86 1.75 0 1 0-15.72 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0 1-3.52 1.75-7.86 1.75s-7.86-.78-7.86-1.75"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.49 12.16a.87.87 0 0 1-1.27-.4a5.68 5.68 0 0 1 9.51-5.88a.86.86 0 0 1-.21 1.31Z"/><path fill="#ff8a14" d="M17.88 16.23L17 25.84a7 7 0 1 0 14 0l-.87-9.61Z"/><path fill="#ff6242" d="M24 25.84a21.2 21.2 0 0 1-6.91-.91l-.08.91a7 7 0 1 0 14 0l-.08-.91a21.2 21.2 0 0 1-6.93.91"/><path fill="#ff8a14" d="M17.88 16.23a6.12.87 0 1 0 12.24 0a6.12.87 0 1 0-12.24 0"/><path fill="#bf8df2" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.18 17.54h2.63v-6.48a26 26 0 0 1-2.63.29Z"/><path fill="#ffaa54" d="M30.12 16.23c0 .48-2.74.87-6.12.87s-6.12-.39-6.12-.87L17 25.84a6.9 6.9 0 0 0 .78 3.21a33.2 33.2 0 0 0 8-6.27a47 47 0 0 0 4.44-5.7Z"/><path fill="#ff866e" d="m17.09 24.93l-.08.91a6.9 6.9 0 0 0 .78 3.21a36.5 36.5 0 0 0 4.74-3.24a18.3 18.3 0 0 1-5.44-.88"/><path fill="#9f5ae5" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m29.82 6.28l3.36-4L31 .5l-3.88 4.93a4.34 4.34 0 0 0-.94 2.7v3.22a26 26 0 0 0 2.63-.29v-2a4.3 4.3 0 0 1 1.01-2.78"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisTropicalDrink(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M12.84 45.33a11.16 1.67 0 1 0 22.32 0a11.16 1.67 0 1 0-22.32 0" opacity=".15"/><path fill="#00b8f0" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M33.07 43.36c-.55-1.06-3.33-1.91-6.94-2.16a.87.87 0 0 1-.82-.86v-7.07h-2.62v7.07a.87.87 0 0 1-.82.86c-3.61.25-6.39 1.1-6.94 2.16a.41.41 0 0 0 .2.56c.85.44 3.58 1.58 8.87 1.58s8-1.14 8.87-1.58a.41.41 0 0 0 .2-.56"/><path fill="#00b8f0" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="#4acfff" d="m32.19 13.71l-.33-4c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.13a9.2 9.2 0 0 0 1 4.22a33.6 33.6 0 0 0 9.9-7.28a43.2 43.2 0 0 0 6.47-9.07"/><path fill="#00b8f0" d="M16.14 9.67a7.86 1.75 0 1 0 15.72 0a7.86 1.75 0 1 0-15.72 0"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M31.86 9.67c0 1-3.52 1.75-7.86 1.75s-7.86-.78-7.86-1.75"/><path fill="#6dd627" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M12.49 12.16a.87.87 0 0 1-1.27-.4a5.68 5.68 0 0 1 9.51-5.88a.86.86 0 0 1-.21 1.31Z"/><path fill="#ff8a14" d="M17.88 16.23L17 25.84a7 7 0 1 0 14 0l-.87-9.61Z"/><path fill="#ff6242" d="M24 25.84a21.2 21.2 0 0 1-6.91-.91l-.08.91a7 7 0 1 0 14 0l-.08-.91a21.2 21.2 0 0 1-6.93.91"/><path fill="#ff8a14" d="M17.88 16.23a6.12.87 0 1 0 12.24 0a6.12.87 0 1 0-12.24 0"/><path fill="#bf8df2" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M26.18 17.54h2.63v-6.48a26 26 0 0 1-2.63.29Z"/><path fill="#ffaa54" d="M30.12 16.23c0 .48-2.74.87-6.12.87s-6.12-.39-6.12-.87L17 25.84a6.9 6.9 0 0 0 .78 3.21a33.2 33.2 0 0 0 8-6.27a47 47 0 0 0 4.44-5.7Z"/><path fill="#ff866e" d="m17.09 24.93l-.08.91a6.9 6.9 0 0 0 .78 3.21a36.5 36.5 0 0 0 4.74-3.24a18.3 18.3 0 0 1-5.44-.88"/><path fill="#9f5ae5" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="m29.82 6.28l3.36-4L31 .5l-3.88 4.93a4.34 4.34 0 0 0-.94 2.7v3.22a26 26 0 0 0 2.63-.29v-2a4.3 4.3 0 0 1 1.01-2.78"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M12.84 45.33a11.16 1.67 0 1 0 22.32 0a11.16 1.67 0 1 0-22.32 0" opacity=".15"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.07 43.36c-.55-1.06-3.33-1.91-6.94-2.16a.87.87 0 0 1-.82-.86v-7.07h-2.62v7.07a.87.87 0 0 1-.82.86c-3.61.25-6.39 1.1-6.94 2.16a.41.41 0 0 0 .2.56c.85.44 3.58 1.58 8.87 1.58s8-1.14 8.87-1.58a.41.41 0 0 0 .2-.56"/><path fill="#00b8f0" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="#4acfff" d="m32.19 13.71l-.33-4c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.13a9.2 9.2 0 0 0 1 4.22a33.6 33.6 0 0 0 9.9-7.28a43.2 43.2 0 0 0 6.47-9.07"/><path fill="#00b8f0" d="M16.14 9.67a7.86 1.75 0 1 0 15.72 0a7.86 1.75 0 1 0-15.72 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0 1-3.52 1.75-7.86 1.75s-7.86-.78-7.86-1.75"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.49 12.16a.87.87 0 0 1-1.27-.4a5.68 5.68 0 0 1 9.51-5.88a.86.86 0 0 1-.21 1.31Z"/><path fill="#ff8a14" d="M17.88 16.23L17 25.84a7 7 0 1 0 14 0l-.87-9.61Z"/><path fill="#ff6242" d="M24 25.84a21.2 21.2 0 0 1-6.91-.91l-.08.91a7 7 0 1 0 14 0l-.08-.91a21.2 21.2 0 0 1-6.93.91"/><path fill="#ff8a14" d="M17.88 16.23a6.12.87 0 1 0 12.24 0a6.12.87 0 1 0-12.24 0"/><path fill="#bf8df2" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.18 17.54h2.63v-6.48a26 26 0 0 1-2.63.29Z"/><path fill="#ffaa54" d="M30.12 16.23c0 .48-2.74.87-6.12.87s-6.12-.39-6.12-.87L17 25.84a6.9 6.9 0 0 0 .78 3.21a33.2 33.2 0 0 0 8-6.27a47 47 0 0 0 4.44-5.7Z"/><path fill="#ff866e" d="m17.09 24.93l-.08.91a6.9 6.9 0 0 0 .78 3.21a36.5 36.5 0 0 0 4.74-3.24a18.3 18.3 0 0 1-5.44-.88"/><path fill="#9f5ae5" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m29.82 6.28l3.36-4L31 .5l-3.88 4.93a4.34 4.34 0 0 0-.94 2.7v3.22a26 26 0 0 0 2.63-.29v-2a4.3 4.3 0 0 1 1.01-2.78"/></svg>
</template>

CSS

.icon-tropical-drink {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M12.84%2045.33a11.16%201.67%200%201%200%2022.32%200a11.16%201.67%200%201%200-22.32%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33.07%2043.36c-.55-1.06-3.33-1.91-6.94-2.16a.87.87%200%200%201-.82-.86v-7.07h-2.62v7.07a.87.87%200%200%201-.82.86c-3.61.25-6.39%201.1-6.94%202.16a.41.41%200%200%200%20.2.56c.85.44%203.58%201.58%208.87%201.58s8-1.14%208.87-1.58a.41.41%200%200%200%20.2-.56%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M31.86%209.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86%201.74l-1.32%2016.17a9.18%209.18%200%200%200%2018.36%200Z%22%2F%3E%3Cpath%20fill%3D%22%234acfff%22%20d%3D%22m32.19%2013.71l-.33-4c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86%201.74l-1.32%2016.13a9.2%209.2%200%200%200%201%204.22a33.6%2033.6%200%200%200%209.9-7.28a43.2%2043.2%200%200%200%206.47-9.07%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M16.14%209.67a7.86%201.75%200%201%200%2015.72%200a7.86%201.75%200%201%200-15.72%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.86%209.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86%201.74l-1.32%2016.17a9.18%209.18%200%200%200%2018.36%200Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.86%209.67c0%201-3.52%201.75-7.86%201.75s-7.86-.78-7.86-1.75%22%2F%3E%3Cpath%20fill%3D%22%236dd627%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12.49%2012.16a.87.87%200%200%201-1.27-.4a5.68%205.68%200%200%201%209.51-5.88a.86.86%200%200%201-.21%201.31Z%22%2F%3E%3Cpath%20fill%3D%22%23ff8a14%22%20d%3D%22M17.88%2016.23L17%2025.84a7%207%200%201%200%2014%200l-.87-9.61Z%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M24%2025.84a21.2%2021.2%200%200%201-6.91-.91l-.08.91a7%207%200%201%200%2014%200l-.08-.91a21.2%2021.2%200%200%201-6.93.91%22%2F%3E%3Cpath%20fill%3D%22%23ff8a14%22%20d%3D%22M17.88%2016.23a6.12.87%200%201%200%2012.24%200a6.12.87%200%201%200-12.24%200%22%2F%3E%3Cpath%20fill%3D%22%23bf8df2%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26.18%2017.54h2.63v-6.48a26%2026%200%200%201-2.63.29Z%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M30.12%2016.23c0%20.48-2.74.87-6.12.87s-6.12-.39-6.12-.87L17%2025.84a6.9%206.9%200%200%200%20.78%203.21a33.2%2033.2%200%200%200%208-6.27a47%2047%200%200%200%204.44-5.7Z%22%2F%3E%3Cpath%20fill%3D%22%23ff866e%22%20d%3D%22m17.09%2024.93l-.08.91a6.9%206.9%200%200%200%20.78%203.21a36.5%2036.5%200%200%200%204.74-3.24a18.3%2018.3%200%200%201-5.44-.88%22%2F%3E%3Cpath%20fill%3D%22%239f5ae5%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m29.82%206.28l3.36-4L31%20.5l-3.88%204.93a4.34%204.34%200%200%200-.94%202.7v3.22a26%2026%200%200%200%202.63-.29v-2a4.3%204.3%200%200%201%201.01-2.78%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M12.84%2045.33a11.16%201.67%200%201%200%2022.32%200a11.16%201.67%200%201%200-22.32%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33.07%2043.36c-.55-1.06-3.33-1.91-6.94-2.16a.87.87%200%200%201-.82-.86v-7.07h-2.62v7.07a.87.87%200%200%201-.82.86c-3.61.25-6.39%201.1-6.94%202.16a.41.41%200%200%200%20.2.56c.85.44%203.58%201.58%208.87%201.58s8-1.14%208.87-1.58a.41.41%200%200%200%20.2-.56%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M31.86%209.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86%201.74l-1.32%2016.17a9.18%209.18%200%200%200%2018.36%200Z%22%2F%3E%3Cpath%20fill%3D%22%234acfff%22%20d%3D%22m32.19%2013.71l-.33-4c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86%201.74l-1.32%2016.13a9.2%209.2%200%200%200%201%204.22a33.6%2033.6%200%200%200%209.9-7.28a43.2%2043.2%200%200%200%206.47-9.07%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M16.14%209.67a7.86%201.75%200%201%200%2015.72%200a7.86%201.75%200%201%200-15.72%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.86%209.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86%201.74l-1.32%2016.17a9.18%209.18%200%200%200%2018.36%200Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.86%209.67c0%201-3.52%201.75-7.86%201.75s-7.86-.78-7.86-1.75%22%2F%3E%3Cpath%20fill%3D%22%236dd627%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12.49%2012.16a.87.87%200%200%201-1.27-.4a5.68%205.68%200%200%201%209.51-5.88a.86.86%200%200%201-.21%201.31Z%22%2F%3E%3Cpath%20fill%3D%22%23ff8a14%22%20d%3D%22M17.88%2016.23L17%2025.84a7%207%200%201%200%2014%200l-.87-9.61Z%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M24%2025.84a21.2%2021.2%200%200%201-6.91-.91l-.08.91a7%207%200%201%200%2014%200l-.08-.91a21.2%2021.2%200%200%201-6.93.91%22%2F%3E%3Cpath%20fill%3D%22%23ff8a14%22%20d%3D%22M17.88%2016.23a6.12.87%200%201%200%2012.24%200a6.12.87%200%201%200-12.24%200%22%2F%3E%3Cpath%20fill%3D%22%23bf8df2%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26.18%2017.54h2.63v-6.48a26%2026%200%200%201-2.63.29Z%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M30.12%2016.23c0%20.48-2.74.87-6.12.87s-6.12-.39-6.12-.87L17%2025.84a6.9%206.9%200%200%200%20.78%203.21a33.2%2033.2%200%200%200%208-6.27a47%2047%200%200%200%204.44-5.7Z%22%2F%3E%3Cpath%20fill%3D%22%23ff866e%22%20d%3D%22m17.09%2024.93l-.08.91a6.9%206.9%200%200%200%20.78%203.21a36.5%2036.5%200%200%200%204.74-3.24a18.3%2018.3%200%200%201-5.44-.88%22%2F%3E%3Cpath%20fill%3D%22%239f5ae5%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m29.82%206.28l3.36-4L31%20.5l-3.88%204.93a4.34%204.34%200%200%200-.94%202.7v3.22a26%2026%200%200%200%202.63-.29v-2a4.3%204.3%200%200%201%201.01-2.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/tropical-drink.svg?color=%231a73e8&size=48