Takeout Box icon
openmoji:takeout-box
The Takeout Box icon (openmoji:takeout-box) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Food Drink
- Tags
- takeoutbox
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m21.034 22.287l30.595.469L51 29l2.441-.057l-2.164 18.312H20.8l-2.12-17.393l3.027.105z"/><path fill="#d22f27" d="m51 27l2.882-.021l-.441 1.964L51 29zm-32.84-.127L21 27v2l-2.662-.5zm2.652 21.742l30.501.199l-.266 1.46l-30.035-.033z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m17.712 29.958l2.85 24.542h30.875l2.85-24.542"/><path d="M54.269 29.956L51.437 54.5H20.562L17 23.625m38 0l-.73 6.331M15 22L8 37m49-15l7 15M20 22h32m-32 0l2 15m30-15l-2 15m-28 0h28M21 51h30m-31-3h31M18 26h2m-2 3h2m32-3h2m-2 3h2m-12-7l12.709-11.276a.961.961 0 0 0-1.359-1.36zm-4 0L49.32 6.549a.955.955 0 0 0-.29-1.359a.997.997 0 0 0-1.36.291z"/></g></svg>How to use the Takeout Box icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:takeout-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:takeout-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:takeout-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--takeout-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:takeout-box"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:takeout-box"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/takeout-box.svg" alt="Takeout Box icon" width="24" height="24">Takeout Box icon in other icon sets
Takeout Box icon FAQ
Is the Takeout Box icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Takeout Box icon in React?
Install @iconify/react and render <Icon icon="openmoji:takeout-box" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Takeout Box icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/takeout-box.svg" alt="Takeout Box icon">, or paste the SVG code inline to style it with CSS.