takeout box emoji

takeout-box from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.

Name
takeout-box
Set
Twitter Emoji
Style
Default
Category
Food & Drink
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

takeout-boxFluent Emojitakeout-boxFluent Emoji Flattakeout-boxFluent Emoji High Contrasttakeout-boxNoto Emojitakeout-boxOpenMoji

More food & drink icons from Twitter Emoji

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-food

Use the takeout box emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M34 7H2l3 29h26z"/><path fill="#99aab5" d="M14 7H2l3 29h10z"/><path fill="#66757f" d="M34.901.567A1 1 0 0 0 34 0H16a1 1 0 0 0-.781.375L9.439 7H12l4.48-5h15.438l-6.7 8.375a1 1 0 0 0 1.563 1.25l8-10c.24-.3.286-.712.12-1.058"/><path fill="#dd2e44" d="M30.495 32h-14l2.159-3h10zm-3.073-4h-7.429l.768-1h6zm1.392-2h-10l2.159-3h6zm-1.787-4h-6l1.053-1h4zm.106-2h-6l2.159-3h2zm-1.787-4h-2l1.159-3z"/><path fill="#be1931" d="M14.008 32H5.169l.944-3h6.314zm-2.499-4h-4.69l.345-1h3.788zm.599-2H5.795l.944-3h3.789zm-1.686-4H6.633l.526-1h2.525zm-.213-2H6.421l.945-3h1.262zm-1.687-4H7.26l.313-3z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiTakeoutBox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M34 7H2l3 29h26z"/><path fill="#99aab5" d="M14 7H2l3 29h10z"/><path fill="#66757f" d="M34.901.567A1 1 0 0 0 34 0H16a1 1 0 0 0-.781.375L9.439 7H12l4.48-5h15.438l-6.7 8.375a1 1 0 0 0 1.563 1.25l8-10c.24-.3.286-.712.12-1.058"/><path fill="#dd2e44" d="M30.495 32h-14l2.159-3h10zm-3.073-4h-7.429l.768-1h6zm1.392-2h-10l2.159-3h6zm-1.787-4h-6l1.053-1h4zm.106-2h-6l2.159-3h2zm-1.787-4h-2l1.159-3z"/><path fill="#be1931" d="M14.008 32H5.169l.944-3h6.314zm-2.499-4h-4.69l.345-1h3.788zm.599-2H5.795l.944-3h3.789zm-1.686-4H6.633l.526-1h2.525zm-.213-2H6.421l.945-3h1.262zm-1.687-4H7.26l.313-3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M34 7H2l3 29h26z"/><path fill="#99aab5" d="M14 7H2l3 29h10z"/><path fill="#66757f" d="M34.901.567A1 1 0 0 0 34 0H16a1 1 0 0 0-.781.375L9.439 7H12l4.48-5h15.438l-6.7 8.375a1 1 0 0 0 1.563 1.25l8-10c.24-.3.286-.712.12-1.058"/><path fill="#dd2e44" d="M30.495 32h-14l2.159-3h10zm-3.073-4h-7.429l.768-1h6zm1.392-2h-10l2.159-3h6zm-1.787-4h-6l1.053-1h4zm.106-2h-6l2.159-3h2zm-1.787-4h-2l1.159-3z"/><path fill="#be1931" d="M14.008 32H5.169l.944-3h6.314zm-2.499-4h-4.69l.345-1h3.788zm.599-2H5.795l.944-3h3.789zm-1.686-4H6.633l.526-1h2.525zm-.213-2H6.421l.945-3h1.262zm-1.687-4H7.26l.313-3z"/></svg>
</template>

CSS

.icon-takeout-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%23e1e8ed%22%20d%3D%22M34%207H2l3%2029h26z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M14%207H2l3%2029h10z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M34.901.567A1%201%200%200%200%2034%200H16a1%201%200%200%200-.781.375L9.439%207H12l4.48-5h15.438l-6.7%208.375a1%201%200%200%200%201.563%201.25l8-10c.24-.3.286-.712.12-1.058%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M30.495%2032h-14l2.159-3h10zm-3.073-4h-7.429l.768-1h6zm1.392-2h-10l2.159-3h6zm-1.787-4h-6l1.053-1h4zm.106-2h-6l2.159-3h2zm-1.787-4h-2l1.159-3z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M14.008%2032H5.169l.944-3h6.314zm-2.499-4h-4.69l.345-1h3.788zm.599-2H5.795l.944-3h3.789zm-1.686-4H6.633l.526-1h2.525zm-.213-2H6.421l.945-3h1.262zm-1.687-4H7.26l.313-3z%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%23e1e8ed%22%20d%3D%22M34%207H2l3%2029h26z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M14%207H2l3%2029h10z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M34.901.567A1%201%200%200%200%2034%200H16a1%201%200%200%200-.781.375L9.439%207H12l4.48-5h15.438l-6.7%208.375a1%201%200%200%200%201.563%201.25l8-10c.24-.3.286-.712.12-1.058%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M30.495%2032h-14l2.159-3h10zm-3.073-4h-7.429l.768-1h6zm1.392-2h-10l2.159-3h6zm-1.787-4h-6l1.053-1h4zm.106-2h-6l2.159-3h2zm-1.787-4h-2l1.159-3z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M14.008%2032H5.169l.944-3h6.314zm-2.499-4h-4.69l.345-1h3.788zm.599-2H5.795l.944-3h3.789zm-1.686-4H6.633l.526-1h2.525zm-.213-2H6.421l.945-3h1.262zm-1.687-4H7.26l.313-3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/takeout-box.svg?color=%231a73e8&size=48