takeout box emoji
takeout-box from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- takeout-box
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the takeout box emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="m6.364 17.434l-2.748 2.375A1 1 0 0 1 2.44 18.19l3.468-2.997q.062-.045.128-.08C6.249 10.046 10.64 6 16.028 6c5.386 0 9.778 4.045 9.992 9.112q.068.035.131.082l3.465 2.997a1 1 0 0 1-1.176 1.618l-2.75-2.38l-2.17 12.125l-.005.023c-.148.646-.479 1.023-.823 1.225a1.5 1.5 0 0 1-.584.194H9.948a1.5 1.5 0 0 1-.593-.192c-.353-.203-.69-.586-.818-1.242c-.103-.523-.729-4.021-1.328-7.38c-.3-1.68-.593-3.33-.811-4.558z"/><path fill="#fff" d="M7.382 17.45L7.124 16H24.93l-2.392 13.365c-.09.38-.256.518-.352.574a.5.5 0 0 1-.17.061H10.038l-.036-.006a.5.5 0 0 1-.149-.057c-.097-.055-.26-.19-.335-.568c-.1-.511-.724-3.996-1.324-7.362z"/><path fill="#f8312f" d="M16.278 17.5a.25.25 0 1 0-.5 0v.75h-1.69c-.081 0-.125.108-.125.108l-.429 1.204c-.027.067 0 .188.156.188h.588v1h-1.362c-.13 0-.2.143-.2.143l-.688 1.607c-.044.088 0 .25.25.25h1V25h-.75a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-.75v-2.25h1c.25 0 .286-.157.25-.25l-.689-1.607s-.054-.143-.194-.143h-1.367v-1h.587c.155 0 .178-.118.155-.187l-.429-1.205s-.034-.108-.12-.108h-1.693zm2 7.5h-4.5v-2.25h4.5zm-3.5-4.25v-1h2.5v1z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatTakeoutBox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="m6.364 17.434l-2.748 2.375A1 1 0 0 1 2.44 18.19l3.468-2.997q.062-.045.128-.08C6.249 10.046 10.64 6 16.028 6c5.386 0 9.778 4.045 9.992 9.112q.068.035.131.082l3.465 2.997a1 1 0 0 1-1.176 1.618l-2.75-2.38l-2.17 12.125l-.005.023c-.148.646-.479 1.023-.823 1.225a1.5 1.5 0 0 1-.584.194H9.948a1.5 1.5 0 0 1-.593-.192c-.353-.203-.69-.586-.818-1.242c-.103-.523-.729-4.021-1.328-7.38c-.3-1.68-.593-3.33-.811-4.558z"/><path fill="#fff" d="M7.382 17.45L7.124 16H24.93l-2.392 13.365c-.09.38-.256.518-.352.574a.5.5 0 0 1-.17.061H10.038l-.036-.006a.5.5 0 0 1-.149-.057c-.097-.055-.26-.19-.335-.568c-.1-.511-.724-3.996-1.324-7.362z"/><path fill="#f8312f" d="M16.278 17.5a.25.25 0 1 0-.5 0v.75h-1.69c-.081 0-.125.108-.125.108l-.429 1.204c-.027.067 0 .188.156.188h.588v1h-1.362c-.13 0-.2.143-.2.143l-.688 1.607c-.044.088 0 .25.25.25h1V25h-.75a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-.75v-2.25h1c.25 0 .286-.157.25-.25l-.689-1.607s-.054-.143-.194-.143h-1.367v-1h.587c.155 0 .178-.118.155-.187l-.429-1.205s-.034-.108-.12-.108h-1.693zm2 7.5h-4.5v-2.25h4.5zm-3.5-4.25v-1h2.5v1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="m6.364 17.434l-2.748 2.375A1 1 0 0 1 2.44 18.19l3.468-2.997q.062-.045.128-.08C6.249 10.046 10.64 6 16.028 6c5.386 0 9.778 4.045 9.992 9.112q.068.035.131.082l3.465 2.997a1 1 0 0 1-1.176 1.618l-2.75-2.38l-2.17 12.125l-.005.023c-.148.646-.479 1.023-.823 1.225a1.5 1.5 0 0 1-.584.194H9.948a1.5 1.5 0 0 1-.593-.192c-.353-.203-.69-.586-.818-1.242c-.103-.523-.729-4.021-1.328-7.38c-.3-1.68-.593-3.33-.811-4.558z"/><path fill="#fff" d="M7.382 17.45L7.124 16H24.93l-2.392 13.365c-.09.38-.256.518-.352.574a.5.5 0 0 1-.17.061H10.038l-.036-.006a.5.5 0 0 1-.149-.057c-.097-.055-.26-.19-.335-.568c-.1-.511-.724-3.996-1.324-7.362z"/><path fill="#f8312f" d="M16.278 17.5a.25.25 0 1 0-.5 0v.75h-1.69c-.081 0-.125.108-.125.108l-.429 1.204c-.027.067 0 .188.156.188h.588v1h-1.362c-.13 0-.2.143-.2.143l-.688 1.607c-.044.088 0 .25.25.25h1V25h-.75a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-.75v-2.25h1c.25 0 .286-.157.25-.25l-.689-1.607s-.054-.143-.194-.143h-1.367v-1h.587c.155 0 .178-.118.155-.187l-.429-1.205s-.034-.108-.12-.108h-1.693zm2 7.5h-4.5v-2.25h4.5zm-3.5-4.25v-1h2.5v1z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22m6.364%2017.434l-2.748%202.375A1%201%200%200%201%202.44%2018.19l3.468-2.997q.062-.045.128-.08C6.249%2010.046%2010.64%206%2016.028%206c5.386%200%209.778%204.045%209.992%209.112q.068.035.131.082l3.465%202.997a1%201%200%200%201-1.176%201.618l-2.75-2.38l-2.17%2012.125l-.005.023c-.148.646-.479%201.023-.823%201.225a1.5%201.5%200%200%201-.584.194H9.948a1.5%201.5%200%200%201-.593-.192c-.353-.203-.69-.586-.818-1.242c-.103-.523-.729-4.021-1.328-7.38c-.3-1.68-.593-3.33-.811-4.558z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.382%2017.45L7.124%2016H24.93l-2.392%2013.365c-.09.38-.256.518-.352.574a.5.5%200%200%201-.17.061H10.038l-.036-.006a.5.5%200%200%201-.149-.057c-.097-.055-.26-.19-.335-.568c-.1-.511-.724-3.996-1.324-7.362z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M16.278%2017.5a.25.25%200%201%200-.5%200v.75h-1.69c-.081%200-.125.108-.125.108l-.429%201.204c-.027.067%200%20.188.156.188h.588v1h-1.362c-.13%200-.2.143-.2.143l-.688%201.607c-.044.088%200%20.25.25.25h1V25h-.75a.5.5%200%201%200%200%201h7a.5.5%200%200%200%200-1h-.75v-2.25h1c.25%200%20.286-.157.25-.25l-.689-1.607s-.054-.143-.194-.143h-1.367v-1h.587c.155%200%20.178-.118.155-.187l-.429-1.205s-.034-.108-.12-.108h-1.693zm2%207.5h-4.5v-2.25h4.5zm-3.5-4.25v-1h2.5v1z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22m6.364%2017.434l-2.748%202.375A1%201%200%200%201%202.44%2018.19l3.468-2.997q.062-.045.128-.08C6.249%2010.046%2010.64%206%2016.028%206c5.386%200%209.778%204.045%209.992%209.112q.068.035.131.082l3.465%202.997a1%201%200%200%201-1.176%201.618l-2.75-2.38l-2.17%2012.125l-.005.023c-.148.646-.479%201.023-.823%201.225a1.5%201.5%200%200%201-.584.194H9.948a1.5%201.5%200%200%201-.593-.192c-.353-.203-.69-.586-.818-1.242c-.103-.523-.729-4.021-1.328-7.38c-.3-1.68-.593-3.33-.811-4.558z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.382%2017.45L7.124%2016H24.93l-2.392%2013.365c-.09.38-.256.518-.352.574a.5.5%200%200%201-.17.061H10.038l-.036-.006a.5.5%200%200%201-.149-.057c-.097-.055-.26-.19-.335-.568c-.1-.511-.724-3.996-1.324-7.362z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M16.278%2017.5a.25.25%200%201%200-.5%200v.75h-1.69c-.081%200-.125.108-.125.108l-.429%201.204c-.027.067%200%20.188.156.188h.588v1h-1.362c-.13%200-.2.143-.2.143l-.688%201.607c-.044.088%200%20.25.25.25h1V25h-.75a.5.5%200%201%200%200%201h7a.5.5%200%200%200%200-1h-.75v-2.25h1c.25%200%20.286-.157.25-.25l-.689-1.607s-.054-.143-.194-.143h-1.367v-1h.587c.155%200%20.178-.118.155-.187l-.429-1.205s-.034-.108-.12-.108h-1.693zm2%207.5h-4.5v-2.25h4.5zm-3.5-4.25v-1h2.5v1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/takeout-box.svg?color=%231a73e8&size=48
