tropical drink emoji
tropical-drink from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- tropical-drink
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the tropical drink emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="M19 27.255s8-.213 9.651-4.075c1.069-2.501-.609-9.554-.609-13.93c0-1.481-1.167-2.25-3.416-2.25H10.129C9.004 7 6.8 6.738 6.8 9.125c0 4.284-1.765 11.341-.634 13.815C8.042 27.042 16 27.255 16 27.255v3.123s-4.584 2.34-5.498 2.883c-.984.562-.33 1.462.063 1.617c.656.258 2.253 1.102 6.78 1.102c4.641 0 6.202-.914 6.765-1.102c.217-.072 1.347-.932.011-1.723C21.743 31.747 19 30.378 19 30.378z"/><path fill="#ccd6dd" d="M28 8.442c0 1.621-2.547 2.935-10.623 2.935S6.754 10.063 6.754 8.442c0-1.622 2.547-2.935 10.623-2.935S28 6.821 28 8.442"/><path fill="#ccd6dd" d="M8.458 8.583c2.042 9.5-2.417 13.583 2.083 15.167c5.432 1.911 8.542 1.593 13.458 0c4.5-1.458 1.5-6.875 2.125-14.792c.162-2.037-17.666-.375-17.666-.375"/><path fill="#f4900c" d="M9.042 14.583c-.083 1.083-1.09 6.129-.625 7.292c.5 1.25 1.75 3.25 8.917 3.25c5.25 0 8.583-1.583 9.125-3.583c.471-1.74-.25-5.583-.333-7"/><ellipse cx="17.5" cy="14.5" fill="#ffcc4d" rx="8.5" ry="1.5"/><path fill="#c1694f" d="M24.745 4.901s-5.922 13.911-6.231 14.549c-.377.78.601 1.874 1.47.483c.868-1.391 6.741-13.698 6.741-13.698z"/><path fill="#fff" d="M17.31 11.675c-4.291 0-7.672-1.007-8.943-1.603a1 1 0 0 1 .849-1.811c.074.035 7.707 3.276 16.552-.111a1 1 0 0 1 .715 1.868c-3.222 1.234-6.389 1.657-9.173 1.657"/><path fill="#ffac33" d="m20.698 14.386l-.661 1.544c.697-.02 1.447-.085 2.084-.173l.476-.97c-.617.011-1.236-.116-1.899-.401"/><path fill="#cc6f00" d="M18.514 19.45c-.377.78.601 1.874 1.47.483c.288-.462 1.129-2.129 2.122-4.147c-.589.065-1.355.121-2.077.161a257 257 0 0 1-1.515 3.503"/><path fill="#77b255" d="M34.398 9.624c-1.02-1.582-5.397-7.694-5.585-7.957A1 1 0 0 0 28 1.25c-1.459 0-4.763-.016-7.233-.028c-1.481-.007-2.663-.013-2.975-.013c-.648 0-1.18.425-1.324 1.059c-.336 1.48 1.528 4.291 7.892 7.343c4.216 2.021 6.661 2.446 7.97 2.446h.001c1.474 0 2.038-.551 2.252-1.013c.214-.466.144-.991-.185-1.42"/><path fill="#5c913b" d="M26.141 10.411c3.136 1.328 5.078 1.645 6.188 1.645h.001c1.474 0 2.038-.551 2.252-1.013c.215-.465.146-.99-.184-1.419c-.653-1.013-2.681-3.881-4.106-5.884c.812 2.577 1.111 6.467-4.151 6.671"/><circle cx="28.188" cy="1.688" r="1.688" fill="#3e721d"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTropicalDrink(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="M19 27.255s8-.213 9.651-4.075c1.069-2.501-.609-9.554-.609-13.93c0-1.481-1.167-2.25-3.416-2.25H10.129C9.004 7 6.8 6.738 6.8 9.125c0 4.284-1.765 11.341-.634 13.815C8.042 27.042 16 27.255 16 27.255v3.123s-4.584 2.34-5.498 2.883c-.984.562-.33 1.462.063 1.617c.656.258 2.253 1.102 6.78 1.102c4.641 0 6.202-.914 6.765-1.102c.217-.072 1.347-.932.011-1.723C21.743 31.747 19 30.378 19 30.378z"/><path fill="#ccd6dd" d="M28 8.442c0 1.621-2.547 2.935-10.623 2.935S6.754 10.063 6.754 8.442c0-1.622 2.547-2.935 10.623-2.935S28 6.821 28 8.442"/><path fill="#ccd6dd" d="M8.458 8.583c2.042 9.5-2.417 13.583 2.083 15.167c5.432 1.911 8.542 1.593 13.458 0c4.5-1.458 1.5-6.875 2.125-14.792c.162-2.037-17.666-.375-17.666-.375"/><path fill="#f4900c" d="M9.042 14.583c-.083 1.083-1.09 6.129-.625 7.292c.5 1.25 1.75 3.25 8.917 3.25c5.25 0 8.583-1.583 9.125-3.583c.471-1.74-.25-5.583-.333-7"/><ellipse cx="17.5" cy="14.5" fill="#ffcc4d" rx="8.5" ry="1.5"/><path fill="#c1694f" d="M24.745 4.901s-5.922 13.911-6.231 14.549c-.377.78.601 1.874 1.47.483c.868-1.391 6.741-13.698 6.741-13.698z"/><path fill="#fff" d="M17.31 11.675c-4.291 0-7.672-1.007-8.943-1.603a1 1 0 0 1 .849-1.811c.074.035 7.707 3.276 16.552-.111a1 1 0 0 1 .715 1.868c-3.222 1.234-6.389 1.657-9.173 1.657"/><path fill="#ffac33" d="m20.698 14.386l-.661 1.544c.697-.02 1.447-.085 2.084-.173l.476-.97c-.617.011-1.236-.116-1.899-.401"/><path fill="#cc6f00" d="M18.514 19.45c-.377.78.601 1.874 1.47.483c.288-.462 1.129-2.129 2.122-4.147c-.589.065-1.355.121-2.077.161a257 257 0 0 1-1.515 3.503"/><path fill="#77b255" d="M34.398 9.624c-1.02-1.582-5.397-7.694-5.585-7.957A1 1 0 0 0 28 1.25c-1.459 0-4.763-.016-7.233-.028c-1.481-.007-2.663-.013-2.975-.013c-.648 0-1.18.425-1.324 1.059c-.336 1.48 1.528 4.291 7.892 7.343c4.216 2.021 6.661 2.446 7.97 2.446h.001c1.474 0 2.038-.551 2.252-1.013c.214-.466.144-.991-.185-1.42"/><path fill="#5c913b" d="M26.141 10.411c3.136 1.328 5.078 1.645 6.188 1.645h.001c1.474 0 2.038-.551 2.252-1.013c.215-.465.146-.99-.184-1.419c-.653-1.013-2.681-3.881-4.106-5.884c.812 2.577 1.111 6.467-4.151 6.671"/><circle cx="28.188" cy="1.688" r="1.688" fill="#3e721d"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="M19 27.255s8-.213 9.651-4.075c1.069-2.501-.609-9.554-.609-13.93c0-1.481-1.167-2.25-3.416-2.25H10.129C9.004 7 6.8 6.738 6.8 9.125c0 4.284-1.765 11.341-.634 13.815C8.042 27.042 16 27.255 16 27.255v3.123s-4.584 2.34-5.498 2.883c-.984.562-.33 1.462.063 1.617c.656.258 2.253 1.102 6.78 1.102c4.641 0 6.202-.914 6.765-1.102c.217-.072 1.347-.932.011-1.723C21.743 31.747 19 30.378 19 30.378z"/><path fill="#ccd6dd" d="M28 8.442c0 1.621-2.547 2.935-10.623 2.935S6.754 10.063 6.754 8.442c0-1.622 2.547-2.935 10.623-2.935S28 6.821 28 8.442"/><path fill="#ccd6dd" d="M8.458 8.583c2.042 9.5-2.417 13.583 2.083 15.167c5.432 1.911 8.542 1.593 13.458 0c4.5-1.458 1.5-6.875 2.125-14.792c.162-2.037-17.666-.375-17.666-.375"/><path fill="#f4900c" d="M9.042 14.583c-.083 1.083-1.09 6.129-.625 7.292c.5 1.25 1.75 3.25 8.917 3.25c5.25 0 8.583-1.583 9.125-3.583c.471-1.74-.25-5.583-.333-7"/><ellipse cx="17.5" cy="14.5" fill="#ffcc4d" rx="8.5" ry="1.5"/><path fill="#c1694f" d="M24.745 4.901s-5.922 13.911-6.231 14.549c-.377.78.601 1.874 1.47.483c.868-1.391 6.741-13.698 6.741-13.698z"/><path fill="#fff" d="M17.31 11.675c-4.291 0-7.672-1.007-8.943-1.603a1 1 0 0 1 .849-1.811c.074.035 7.707 3.276 16.552-.111a1 1 0 0 1 .715 1.868c-3.222 1.234-6.389 1.657-9.173 1.657"/><path fill="#ffac33" d="m20.698 14.386l-.661 1.544c.697-.02 1.447-.085 2.084-.173l.476-.97c-.617.011-1.236-.116-1.899-.401"/><path fill="#cc6f00" d="M18.514 19.45c-.377.78.601 1.874 1.47.483c.288-.462 1.129-2.129 2.122-4.147c-.589.065-1.355.121-2.077.161a257 257 0 0 1-1.515 3.503"/><path fill="#77b255" d="M34.398 9.624c-1.02-1.582-5.397-7.694-5.585-7.957A1 1 0 0 0 28 1.25c-1.459 0-4.763-.016-7.233-.028c-1.481-.007-2.663-.013-2.975-.013c-.648 0-1.18.425-1.324 1.059c-.336 1.48 1.528 4.291 7.892 7.343c4.216 2.021 6.661 2.446 7.97 2.446h.001c1.474 0 2.038-.551 2.252-1.013c.214-.466.144-.991-.185-1.42"/><path fill="#5c913b" d="M26.141 10.411c3.136 1.328 5.078 1.645 6.188 1.645h.001c1.474 0 2.038-.551 2.252-1.013c.215-.465.146-.99-.184-1.419c-.653-1.013-2.681-3.881-4.106-5.884c.812 2.577 1.111 6.467-4.151 6.671"/><circle cx="28.188" cy="1.688" r="1.688" fill="#3e721d"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M19%2027.255s8-.213%209.651-4.075c1.069-2.501-.609-9.554-.609-13.93c0-1.481-1.167-2.25-3.416-2.25H10.129C9.004%207%206.8%206.738%206.8%209.125c0%204.284-1.765%2011.341-.634%2013.815C8.042%2027.042%2016%2027.255%2016%2027.255v3.123s-4.584%202.34-5.498%202.883c-.984.562-.33%201.462.063%201.617c.656.258%202.253%201.102%206.78%201.102c4.641%200%206.202-.914%206.765-1.102c.217-.072%201.347-.932.011-1.723C21.743%2031.747%2019%2030.378%2019%2030.378z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M28%208.442c0%201.621-2.547%202.935-10.623%202.935S6.754%2010.063%206.754%208.442c0-1.622%202.547-2.935%2010.623-2.935S28%206.821%2028%208.442%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M8.458%208.583c2.042%209.5-2.417%2013.583%202.083%2015.167c5.432%201.911%208.542%201.593%2013.458%200c4.5-1.458%201.5-6.875%202.125-14.792c.162-2.037-17.666-.375-17.666-.375%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M9.042%2014.583c-.083%201.083-1.09%206.129-.625%207.292c.5%201.25%201.75%203.25%208.917%203.25c5.25%200%208.583-1.583%209.125-3.583c.471-1.74-.25-5.583-.333-7%22%2F%3E%3Cellipse%20cx%3D%2217.5%22%20cy%3D%2214.5%22%20fill%3D%22%23ffcc4d%22%20rx%3D%228.5%22%20ry%3D%221.5%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M24.745%204.901s-5.922%2013.911-6.231%2014.549c-.377.78.601%201.874%201.47.483c.868-1.391%206.741-13.698%206.741-13.698z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.31%2011.675c-4.291%200-7.672-1.007-8.943-1.603a1%201%200%200%201%20.849-1.811c.074.035%207.707%203.276%2016.552-.111a1%201%200%200%201%20.715%201.868c-3.222%201.234-6.389%201.657-9.173%201.657%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22m20.698%2014.386l-.661%201.544c.697-.02%201.447-.085%202.084-.173l.476-.97c-.617.011-1.236-.116-1.899-.401%22%2F%3E%3Cpath%20fill%3D%22%23cc6f00%22%20d%3D%22M18.514%2019.45c-.377.78.601%201.874%201.47.483c.288-.462%201.129-2.129%202.122-4.147c-.589.065-1.355.121-2.077.161a257%20257%200%200%201-1.515%203.503%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M34.398%209.624c-1.02-1.582-5.397-7.694-5.585-7.957A1%201%200%200%200%2028%201.25c-1.459%200-4.763-.016-7.233-.028c-1.481-.007-2.663-.013-2.975-.013c-.648%200-1.18.425-1.324%201.059c-.336%201.48%201.528%204.291%207.892%207.343c4.216%202.021%206.661%202.446%207.97%202.446h.001c1.474%200%202.038-.551%202.252-1.013c.214-.466.144-.991-.185-1.42%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M26.141%2010.411c3.136%201.328%205.078%201.645%206.188%201.645h.001c1.474%200%202.038-.551%202.252-1.013c.215-.465.146-.99-.184-1.419c-.653-1.013-2.681-3.881-4.106-5.884c.812%202.577%201.111%206.467-4.151%206.671%22%2F%3E%3Ccircle%20cx%3D%2228.188%22%20cy%3D%221.688%22%20r%3D%221.688%22%20fill%3D%22%233e721d%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%2036%2036%22%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M19%2027.255s8-.213%209.651-4.075c1.069-2.501-.609-9.554-.609-13.93c0-1.481-1.167-2.25-3.416-2.25H10.129C9.004%207%206.8%206.738%206.8%209.125c0%204.284-1.765%2011.341-.634%2013.815C8.042%2027.042%2016%2027.255%2016%2027.255v3.123s-4.584%202.34-5.498%202.883c-.984.562-.33%201.462.063%201.617c.656.258%202.253%201.102%206.78%201.102c4.641%200%206.202-.914%206.765-1.102c.217-.072%201.347-.932.011-1.723C21.743%2031.747%2019%2030.378%2019%2030.378z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M28%208.442c0%201.621-2.547%202.935-10.623%202.935S6.754%2010.063%206.754%208.442c0-1.622%202.547-2.935%2010.623-2.935S28%206.821%2028%208.442%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M8.458%208.583c2.042%209.5-2.417%2013.583%202.083%2015.167c5.432%201.911%208.542%201.593%2013.458%200c4.5-1.458%201.5-6.875%202.125-14.792c.162-2.037-17.666-.375-17.666-.375%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M9.042%2014.583c-.083%201.083-1.09%206.129-.625%207.292c.5%201.25%201.75%203.25%208.917%203.25c5.25%200%208.583-1.583%209.125-3.583c.471-1.74-.25-5.583-.333-7%22%2F%3E%3Cellipse%20cx%3D%2217.5%22%20cy%3D%2214.5%22%20fill%3D%22%23ffcc4d%22%20rx%3D%228.5%22%20ry%3D%221.5%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M24.745%204.901s-5.922%2013.911-6.231%2014.549c-.377.78.601%201.874%201.47.483c.868-1.391%206.741-13.698%206.741-13.698z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.31%2011.675c-4.291%200-7.672-1.007-8.943-1.603a1%201%200%200%201%20.849-1.811c.074.035%207.707%203.276%2016.552-.111a1%201%200%200%201%20.715%201.868c-3.222%201.234-6.389%201.657-9.173%201.657%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22m20.698%2014.386l-.661%201.544c.697-.02%201.447-.085%202.084-.173l.476-.97c-.617.011-1.236-.116-1.899-.401%22%2F%3E%3Cpath%20fill%3D%22%23cc6f00%22%20d%3D%22M18.514%2019.45c-.377.78.601%201.874%201.47.483c.288-.462%201.129-2.129%202.122-4.147c-.589.065-1.355.121-2.077.161a257%20257%200%200%201-1.515%203.503%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M34.398%209.624c-1.02-1.582-5.397-7.694-5.585-7.957A1%201%200%200%200%2028%201.25c-1.459%200-4.763-.016-7.233-.028c-1.481-.007-2.663-.013-2.975-.013c-.648%200-1.18.425-1.324%201.059c-.336%201.48%201.528%204.291%207.892%207.343c4.216%202.021%206.661%202.446%207.97%202.446h.001c1.474%200%202.038-.551%202.252-1.013c.214-.466.144-.991-.185-1.42%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M26.141%2010.411c3.136%201.328%205.078%201.645%206.188%201.645h.001c1.474%200%202.038-.551%202.252-1.013c.215-.465.146-.99-.184-1.419c-.653-1.013-2.681-3.881-4.106-5.884c.812%202.577%201.111%206.467-4.151%206.671%22%2F%3E%3Ccircle%20cx%3D%2228.188%22%20cy%3D%221.688%22%20r%3D%221.688%22%20fill%3D%22%233e721d%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/tropical-drink.svg?color=%231a73e8&size=48
