beverage box emoji
beverage-box from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- beverage-box
- 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 beverage box emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e3a919" d="m28.337 32.563l-2.579 3.082c-.552.553-1.758.007-1.758-.545V12.001c0-.552 2.372-4.501 5-4.501l-.028 23.007c0 1.134-.093 1.308-.635 2.056"/><path fill="#ffd983" d="M26 10.454H9l.194-.348L12.74 7.5c.486-.379.831-.5 1.383-.5h14.363c.188 0 .514.277.344.47z"/><path fill="#ffcc4d" d="M25 36H10a1 1 0 0 1-1-1V10.454S9.448 10 10 10h15c.552 0 1 .454 1 .454V35a1 1 0 0 1-1 1"/><circle cx="15" cy="27" r="3" fill="#f4900c"/><circle cx="15" cy="21" r="4" fill="#ea596e"/><circle cx="19.5" cy="23.5" r="4.5" fill="#ffe8b6"/><circle cx="19.5" cy="23.5" r="2.5" fill="#ffcc4d"/><path fill="#ccd6dd" d="M22.999 8.464s-.21.431-.967.431s-1.033-.431-1.033-.431V4.342c0-1.993.532-3.309 1.582-3.911c1.005-.576 2.326-.398 3.922.535c1.274.743 4.421 2.972 4.496 3.034c0 0 .165.565-.303 1.1s-.965.447-.965.447c-.018-.014-3.101-2.191-4.236-2.855c-.881-.515-1.584-.623-1.904-.436c-.279.16-.592.726-.592 2.086z"/><path fill="#99aab5" d="M25.434.44c-1.124-.446-2.082-.451-2.853-.01c-.791.454-1.287 1.314-1.484 2.562l1.975.367c.108-.664.322-.989.52-1.103c.22-.129.63-.105 1.146.082z"/><path fill="#ffe8b6" d="M25.931 11H9.5c-.275 0-.5-.225-.5-.5s.225-.5.5-.5h16.431c.275 0 .5.225.5.5s-.225.5-.5.5"/><path fill="#ffe8b6" d="m28.908 7.796l-2.536 3.036c-.163.201-.471.223-.684.05s-.255-.479-.093-.68l2.536-3.036c.163-.201.471-.223.684-.05c.214.174.255.479.093.68"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBeverageBox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e3a919" d="m28.337 32.563l-2.579 3.082c-.552.553-1.758.007-1.758-.545V12.001c0-.552 2.372-4.501 5-4.501l-.028 23.007c0 1.134-.093 1.308-.635 2.056"/><path fill="#ffd983" d="M26 10.454H9l.194-.348L12.74 7.5c.486-.379.831-.5 1.383-.5h14.363c.188 0 .514.277.344.47z"/><path fill="#ffcc4d" d="M25 36H10a1 1 0 0 1-1-1V10.454S9.448 10 10 10h15c.552 0 1 .454 1 .454V35a1 1 0 0 1-1 1"/><circle cx="15" cy="27" r="3" fill="#f4900c"/><circle cx="15" cy="21" r="4" fill="#ea596e"/><circle cx="19.5" cy="23.5" r="4.5" fill="#ffe8b6"/><circle cx="19.5" cy="23.5" r="2.5" fill="#ffcc4d"/><path fill="#ccd6dd" d="M22.999 8.464s-.21.431-.967.431s-1.033-.431-1.033-.431V4.342c0-1.993.532-3.309 1.582-3.911c1.005-.576 2.326-.398 3.922.535c1.274.743 4.421 2.972 4.496 3.034c0 0 .165.565-.303 1.1s-.965.447-.965.447c-.018-.014-3.101-2.191-4.236-2.855c-.881-.515-1.584-.623-1.904-.436c-.279.16-.592.726-.592 2.086z"/><path fill="#99aab5" d="M25.434.44c-1.124-.446-2.082-.451-2.853-.01c-.791.454-1.287 1.314-1.484 2.562l1.975.367c.108-.664.322-.989.52-1.103c.22-.129.63-.105 1.146.082z"/><path fill="#ffe8b6" d="M25.931 11H9.5c-.275 0-.5-.225-.5-.5s.225-.5.5-.5h16.431c.275 0 .5.225.5.5s-.225.5-.5.5"/><path fill="#ffe8b6" d="m28.908 7.796l-2.536 3.036c-.163.201-.471.223-.684.05s-.255-.479-.093-.68l2.536-3.036c.163-.201.471-.223.684-.05c.214.174.255.479.093.68"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e3a919" d="m28.337 32.563l-2.579 3.082c-.552.553-1.758.007-1.758-.545V12.001c0-.552 2.372-4.501 5-4.501l-.028 23.007c0 1.134-.093 1.308-.635 2.056"/><path fill="#ffd983" d="M26 10.454H9l.194-.348L12.74 7.5c.486-.379.831-.5 1.383-.5h14.363c.188 0 .514.277.344.47z"/><path fill="#ffcc4d" d="M25 36H10a1 1 0 0 1-1-1V10.454S9.448 10 10 10h15c.552 0 1 .454 1 .454V35a1 1 0 0 1-1 1"/><circle cx="15" cy="27" r="3" fill="#f4900c"/><circle cx="15" cy="21" r="4" fill="#ea596e"/><circle cx="19.5" cy="23.5" r="4.5" fill="#ffe8b6"/><circle cx="19.5" cy="23.5" r="2.5" fill="#ffcc4d"/><path fill="#ccd6dd" d="M22.999 8.464s-.21.431-.967.431s-1.033-.431-1.033-.431V4.342c0-1.993.532-3.309 1.582-3.911c1.005-.576 2.326-.398 3.922.535c1.274.743 4.421 2.972 4.496 3.034c0 0 .165.565-.303 1.1s-.965.447-.965.447c-.018-.014-3.101-2.191-4.236-2.855c-.881-.515-1.584-.623-1.904-.436c-.279.16-.592.726-.592 2.086z"/><path fill="#99aab5" d="M25.434.44c-1.124-.446-2.082-.451-2.853-.01c-.791.454-1.287 1.314-1.484 2.562l1.975.367c.108-.664.322-.989.52-1.103c.22-.129.63-.105 1.146.082z"/><path fill="#ffe8b6" d="M25.931 11H9.5c-.275 0-.5-.225-.5-.5s.225-.5.5-.5h16.431c.275 0 .5.225.5.5s-.225.5-.5.5"/><path fill="#ffe8b6" d="m28.908 7.796l-2.536 3.036c-.163.201-.471.223-.684.05s-.255-.479-.093-.68l2.536-3.036c.163-.201.471-.223.684-.05c.214.174.255.479.093.68"/></svg> </template>
CSS
.icon-beverage-box {
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%23e3a919%22%20d%3D%22m28.337%2032.563l-2.579%203.082c-.552.553-1.758.007-1.758-.545V12.001c0-.552%202.372-4.501%205-4.501l-.028%2023.007c0%201.134-.093%201.308-.635%202.056%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M26%2010.454H9l.194-.348L12.74%207.5c.486-.379.831-.5%201.383-.5h14.363c.188%200%20.514.277.344.47z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M25%2036H10a1%201%200%200%201-1-1V10.454S9.448%2010%2010%2010h15c.552%200%201%20.454%201%20.454V35a1%201%200%200%201-1%201%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2227%22%20r%3D%223%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2221%22%20r%3D%224%22%20fill%3D%22%23ea596e%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2223.5%22%20r%3D%224.5%22%20fill%3D%22%23ffe8b6%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2223.5%22%20r%3D%222.5%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22.999%208.464s-.21.431-.967.431s-1.033-.431-1.033-.431V4.342c0-1.993.532-3.309%201.582-3.911c1.005-.576%202.326-.398%203.922.535c1.274.743%204.421%202.972%204.496%203.034c0%200%20.165.565-.303%201.1s-.965.447-.965.447c-.018-.014-3.101-2.191-4.236-2.855c-.881-.515-1.584-.623-1.904-.436c-.279.16-.592.726-.592%202.086z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M25.434.44c-1.124-.446-2.082-.451-2.853-.01c-.791.454-1.287%201.314-1.484%202.562l1.975.367c.108-.664.322-.989.52-1.103c.22-.129.63-.105%201.146.082z%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M25.931%2011H9.5c-.275%200-.5-.225-.5-.5s.225-.5.5-.5h16.431c.275%200%20.5.225.5.5s-.225.5-.5.5%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22m28.908%207.796l-2.536%203.036c-.163.201-.471.223-.684.05s-.255-.479-.093-.68l2.536-3.036c.163-.201.471-.223.684-.05c.214.174.255.479.093.68%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%23e3a919%22%20d%3D%22m28.337%2032.563l-2.579%203.082c-.552.553-1.758.007-1.758-.545V12.001c0-.552%202.372-4.501%205-4.501l-.028%2023.007c0%201.134-.093%201.308-.635%202.056%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M26%2010.454H9l.194-.348L12.74%207.5c.486-.379.831-.5%201.383-.5h14.363c.188%200%20.514.277.344.47z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M25%2036H10a1%201%200%200%201-1-1V10.454S9.448%2010%2010%2010h15c.552%200%201%20.454%201%20.454V35a1%201%200%200%201-1%201%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2227%22%20r%3D%223%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2221%22%20r%3D%224%22%20fill%3D%22%23ea596e%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2223.5%22%20r%3D%224.5%22%20fill%3D%22%23ffe8b6%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2223.5%22%20r%3D%222.5%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22.999%208.464s-.21.431-.967.431s-1.033-.431-1.033-.431V4.342c0-1.993.532-3.309%201.582-3.911c1.005-.576%202.326-.398%203.922.535c1.274.743%204.421%202.972%204.496%203.034c0%200%20.165.565-.303%201.1s-.965.447-.965.447c-.018-.014-3.101-2.191-4.236-2.855c-.881-.515-1.584-.623-1.904-.436c-.279.16-.592.726-.592%202.086z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M25.434.44c-1.124-.446-2.082-.451-2.853-.01c-.791.454-1.287%201.314-1.484%202.562l1.975.367c.108-.664.322-.989.52-1.103c.22-.129.63-.105%201.146.082z%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M25.931%2011H9.5c-.275%200-.5-.225-.5-.5s.225-.5.5-.5h16.431c.275%200%20.5.225.5.5s-.225.5-.5.5%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22m28.908%207.796l-2.536%203.036c-.163.201-.471.223-.684.05s-.255-.479-.093-.68l2.536-3.036c.163-.201.471-.223.684-.05c.214.174.255.479.093.68%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/beverage-box.svg?color=%231a73e8&size=48
