tropical drink emoji
tropical-drink from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- tropical-drink
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the tropical drink emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M16.9 28h38.3"/><path fill="#fcea2b" d="M56 33c-.1-2.1-.3-4.1-.7-6H16.8c-.4 1.9-.7 3.9-.7 6v1c.5 12.2 9.2 22 20 22s19.5-9.8 20-22v-.4c-.1-.2-.1-.4-.1-.6"/><path fill="#f1b31c" d="M56 33c-.1-2.1-.4-4.1-.8-6h-13c.4 1.9.7 3.9.7 6v1c-.4 9.6-5.9 17.8-13.5 20.8c2 .8 4.2 1.2 6.5 1.2c10.8 0 19.5-9.8 20-22v-.4c.1-.2.1-.4.1-.6"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M36 56v11m-16 0h32"/><path d="M56 33c0 12.7-9 23-20 23S16 45.7 16 33"/><path stroke-linecap="round" stroke-linejoin="round" d="M50.1 15.6C53.8 20.3 56 26.8 56 34m-40 0c0-7 2.1-13.3 5.6-18M43 24V11l7-7"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiTropicalDrink(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M16.9 28h38.3"/><path fill="#fcea2b" d="M56 33c-.1-2.1-.3-4.1-.7-6H16.8c-.4 1.9-.7 3.9-.7 6v1c.5 12.2 9.2 22 20 22s19.5-9.8 20-22v-.4c-.1-.2-.1-.4-.1-.6"/><path fill="#f1b31c" d="M56 33c-.1-2.1-.4-4.1-.8-6h-13c.4 1.9.7 3.9.7 6v1c-.4 9.6-5.9 17.8-13.5 20.8c2 .8 4.2 1.2 6.5 1.2c10.8 0 19.5-9.8 20-22v-.4c.1-.2.1-.4.1-.6"/><g fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2"><path strokeLinecap="round" strokeLinejoin="round" d="M36 56v11m-16 0h32"/><path d="M56 33c0 12.7-9 23-20 23S16 45.7 16 33"/><path strokeLinecap="round" strokeLinejoin="round" d="M50.1 15.6C53.8 20.3 56 26.8 56 34m-40 0c0-7 2.1-13.3 5.6-18M43 24V11l7-7"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M16.9 28h38.3"/><path fill="#fcea2b" d="M56 33c-.1-2.1-.3-4.1-.7-6H16.8c-.4 1.9-.7 3.9-.7 6v1c.5 12.2 9.2 22 20 22s19.5-9.8 20-22v-.4c-.1-.2-.1-.4-.1-.6"/><path fill="#f1b31c" d="M56 33c-.1-2.1-.4-4.1-.8-6h-13c.4 1.9.7 3.9.7 6v1c-.4 9.6-5.9 17.8-13.5 20.8c2 .8 4.2 1.2 6.5 1.2c10.8 0 19.5-9.8 20-22v-.4c.1-.2.1-.4.1-.6"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M36 56v11m-16 0h32"/><path d="M56 33c0 12.7-9 23-20 23S16 45.7 16 33"/><path stroke-linecap="round" stroke-linejoin="round" d="M50.1 15.6C53.8 20.3 56 26.8 56 34m-40 0c0-7 2.1-13.3 5.6-18M43 24V11l7-7"/></g></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%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M16.9%2028h38.3%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M56%2033c-.1-2.1-.3-4.1-.7-6H16.8c-.4%201.9-.7%203.9-.7%206v1c.5%2012.2%209.2%2022%2020%2022s19.5-9.8%2020-22v-.4c-.1-.2-.1-.4-.1-.6%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M56%2033c-.1-2.1-.4-4.1-.8-6h-13c.4%201.9.7%203.9.7%206v1c-.4%209.6-5.9%2017.8-13.5%2020.8c2%20.8%204.2%201.2%206.5%201.2c10.8%200%2019.5-9.8%2020-22v-.4c.1-.2.1-.4.1-.6%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2056v11m-16%200h32%22%2F%3E%3Cpath%20d%3D%22M56%2033c0%2012.7-9%2023-20%2023S16%2045.7%2016%2033%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M50.1%2015.6C53.8%2020.3%2056%2026.8%2056%2034m-40%200c0-7%202.1-13.3%205.6-18M43%2024V11l7-7%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M16.9%2028h38.3%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M56%2033c-.1-2.1-.3-4.1-.7-6H16.8c-.4%201.9-.7%203.9-.7%206v1c.5%2012.2%209.2%2022%2020%2022s19.5-9.8%2020-22v-.4c-.1-.2-.1-.4-.1-.6%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M56%2033c-.1-2.1-.4-4.1-.8-6h-13c.4%201.9.7%203.9.7%206v1c-.4%209.6-5.9%2017.8-13.5%2020.8c2%20.8%204.2%201.2%206.5%201.2c10.8%200%2019.5-9.8%2020-22v-.4c.1-.2.1-.4.1-.6%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2056v11m-16%200h32%22%2F%3E%3Cpath%20d%3D%22M56%2033c0%2012.7-9%2023-20%2023S16%2045.7%2016%2033%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M50.1%2015.6C53.8%2020.3%2056%2026.8%2056%2034m-40%200c0-7%202.1-13.3%205.6-18M43%2024V11l7-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/tropical-drink.svg?color=%231a73e8&size=48
