أيقونة Bento Box
emojione:bento-box
أيقونة Bento Box (emojione:bento-box) أيقونة SVG مجانية من مجموعة Emoji One (Colored) من تصميم Emoji One. مرسومة على شبكة 64 × 64. تُنشر Emoji One (Colored) icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Emoji One (Colored)
- المؤلف
- Emoji One
- الترخيص
- CC-BY-4.0
- الحجم
- 64 × 64
- الفئة
- الطعام
- الوسوم
- bentobox
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path id="SVGYmoX71wX" fill="#3e4347" d="M62 55.6c0 .8-.6 1.4-1.4 1.4H3.4c-.8 0-1.4-.6-1.4-1.4V8.4C2 7.6 2.6 7 3.4 7h57.2c.8 0 1.4.6 1.4 1.4z"/><use href="#SVGYmoX71wX"/><path fill="#ff5760" d="M36.1 36.8c0-1.5-1.2-2.7-2.8-2.7H8.9c-1.5 0-2.8 1.2-2.8 2.7v13.3c0 1.5 1.2 2.7 2.8 2.7h24.5c1.5 0 2.8-1.2 2.8-2.7c-.1 0-.1-13.3-.1-13.3M23.7 13.9c0-1.5-1.2-2.7-2.8-2.7h-12c-1.5 0-2.8 1.2-2.8 2.7v13.3c0 1.5 1.2 2.7 2.8 2.7H21c1.5 0 2.8-1.2 2.8-2.7c-.1 0-.1-13.3-.1-13.3m6.9-2.8c-1.5 0-2.8 1.2-2.8 2.7v13.3c0 1.5 1.2 2.7 2.8 2.7h24.5c1.5 0 2.8-1.2 2.8-2.7V13.9c0-1.5-1.2-2.7-2.8-2.7H30.6z"/><path fill="#fff" d="M33.5 41.4c0-1.1-.9-2.1-2.1-2.1c1.1 0 2.1-.9 2.1-2.1c0-1.1-.9-2.1-2.1-2.1c-1.1 0-2.1.9-2.1 2.1c0-1.1-.9-2.1-2.1-2.1c-1.1 0-2.1.9-2.1 2.1c0-1.1-.9-2.1-2.1-2.1c-1.1 0-2.1.9-2.1 2.1c0-1.1-.9-2.1-2.1-2.1S17 36.2 17 37.3c0-1.1-.9-2.1-2.1-2.1c-1.1 0-2.1.9-2.1 2.1c0-1.1-.9-2.1-2.1-2.1c-1.1 0-2.1.9-2.1 2.1c0 1.1.9 2.1 2.1 2.1c-1.1 0-2.1.9-2.1 2.1c0 1.1.9 2.1 2.1 2.1c-1.1 0-2.1.9-2.1 2.1c0 1.1.9 2.1 2.1 2.1c-1.1 0-2.1.9-2.1 2.1c0 1.1.9 2.1 2.1 2.1c1.1 0 2.1-.9 2.1-2.1c0 1.1.9 2.1 2.1 2.1c1.1 0 2.1-.9 2.1-2.1c0 1.1.9 2.1 2.1 2.1s2.1-.9 2.1-2.1c0 1.1.9 2.1 2.1 2.1c1.1 0 2.1-.9 2.1-2.1c0 1.1.9 2.1 2.1 2.1c1.1 0 2.1-.9 2.1-2.1c0 1.1.9 2.1 2.1 2.1c1.1 0 2.1-.9 2.1-2.1c0-1.1-.9-2.1-2.1-2.1c1.1 0 2.1-.9 2.1-2.1c0-1.1-.9-2.1-2.1-2.1c.9-.1 1.8-1.1 1.8-2.2"/><circle cx="21.1" cy="43.5" r="2.1" fill="#ff5760"/><circle cx="14.9" cy="20.5" r="8" fill="#3e4347"/><circle cx="14.9" cy="20.5" r="6.4" fill="#c94747"/><path fill="#dae3ea" d="M57.1 19.8c0-.4-.6-.6-.7-.9c.1-.4.5-.5.6-.8c.2-.4-.4-.7-.6-1c-.3-.4.3-.9 0-1.3c-.2-.4-.8-.2-1.1-.5s-.1-.9-.5-1.1s-.8.2-1.2.1s-.6-.9-1.1-.7c-.3.2-.5.7-1 .7c-.3 0-.9-.4-1.1 0c-.2.3-.1.9-.5 1c-.4.2-1.1.1-.9.7c.1.4.3.8-.1 1.1c-.3.3-.7.6-.3 1c.2.2.7.5.5.8c-.3.3-.9.6-.5 1.1c.2.2.7.5.5.9c-.2.3-.8.6-.6 1c.1.2.7.5.6.9s-.9.6-.6 1.1c.2.3.7.5.7 1c0 .3-.4.9 0 1.1c.3.2.9.1 1.1.5s.1 1.1.7.9c.4-.1.8-.3 1.1.1c.3.3.6.7 1 .3c.3-.3.5-.6 1-.5s.9.2 1-.4c.1-.5.3-.7.8-.8s.6-.3.5-.8c-.2-.5-.1-.7.3-1.1c.5-.5.3-.7-.2-1.1c-.7-.7.9-1 .3-1.7c-.2-.2-.6-.4-.5-.7c.2-.4.8-.5.8-.9"/><path fill="#839391" d="M50.3 16.7c.2-.4 0-1 .4-1.2c.3-.2.9.2 1.1.1c.4-.2.6-.7 1.1-.7c.4 0 .7.7 1 .7c.4 0 .8-.3 1.2 0c.4.2.2.9.4 1.2c-.3-.3-.3-.7-.6-1c-.2-.1-.8.3-1.1.2c-.4-.1-.6-.7-.9-.7c-.1 0-.6.6-.8.7c-.4.1-.8-.2-1.2-.2c-.3.1-.3.7-.6.9m0 4c.2-.4 0-1 .4-1.2c.3-.2.9.2 1.1.1c.4-.2.6-.8 1.1-.7c.4 0 .7.7 1 .7c.4 0 .8-.3 1.2 0c.4.2.2.9.4 1.2c-.3-.3-.3-.7-.6-1c-.2-.1-.8.3-1.1.2c-.4-.1-.6-.7-.9-.7c-.1 0-.6.6-.8.7c-.4.1-.8-.2-1.2-.2c-.3.1-.3.7-.6.9m0-2c.2-.4 0-1 .4-1.2c.3-.2.9.2 1.1.1c.4-.2.6-.7 1.1-.7c.4 0 .7.7 1 .7c.4 0 .8-.3 1.2 0c.4.2.2.9.4 1.2c-.3-.3-.3-.7-.6-1c-.2-.1-.8.3-1.1.2c-.4-.1-.6-.7-.9-.7c-.1 0-.6.6-.8.7c-.4.1-.8-.2-1.2-.2c-.3.1-.3.7-.6.9"/><path fill="#fc97b2" d="M55.3 24.4s0 .1 0 0m0 .1q0 .15 0 0m-3.7.2c-.9-1.1-.3-3.1 1.3-2.9c1.3.2 1.7 2.4.3 2.2c-.6-.1-1-.9-.3-1.2c.6-.3.7.4.7.8c.8-.6-.4-1.6-1.1-1c-.7.5-.4 1.5.3 1.9c1.9 1 3-2.5.8-3c-2-.5-3.2 2.1-2.1 3.6s3.5 1.1 4.1-.7c-.6.3-.9 1-1.7 1.1c-1.1.1-1.8-.2-2.3-.8"/><g fill="#83bf4f"><path d="M45.4 18c-4.2-1.3-8.7-1.3-13 0c-1.7.6-3-2.4-.9-3.1c4.8-1.5 10-1.5 14.8 0c2.1.7.8 3.7-.9 3.1"/><path d="M45.4 22.6c-4.2-1.3-8.7-1.3-13 0c-1.7.6-3-2.4-.9-3.1c4.8-1.5 10-1.5 14.8 0c2.1.7.8 3.7-.9 3.1"/><path d="M45.4 27.2c-4.2-1.3-8.7-1.3-13 0c-1.7.6-3-2.4-.9-3.1c4.8-1.5 10-1.5 14.8 0c2.1.7.8 3.7-.9 3.1"/></g><path fill="#ff5760" d="M43 34.1c-1.5 0-2.8 1.2-2.8 2.7v13.3c0 1.5 1.2 2.7 2.8 2.7h12.1c1.5 0 2.8-1.2 2.8-2.7V36.8c0-1.5-1.2-2.7-2.8-2.7z"/><path fill="#fbbf67" d="M54.8 37.1c0-1.1-1.3-1.8-1.9-1.9c-.5-.1-1.6.1-1.9.3c-.3-.2-1.4-.5-1.9-.5s-1.8.3-2.1.5c-.3-.2-1.3-.3-1.8-.3c-.7.1-1.9.9-1.9 1.9c-1.1 0-1.9.9-1.9 1.9s.9 1.9 1.9 1.9c0 1.1 1.3 1.8 1.9 1.9c.4.1 1.5-.1 1.8-.3c.3.2 1.5.3 2.1.3c.5 0 1.7-.2 1.9-.3c.3.2 1.4.3 1.9.3c.7-.1 1.9-.9 1.9-1.9c1.1 0 1.9-.9 1.9-1.9s-.8-1.9-1.9-1.9"/><path fill="#89664c" d="M51.6 36.5h1v5h-1zm-6 0h1v5h-1zm3 0h1v5h-1z"/><path fill="#fbbf67" d="M54.8 46.1c0-1.1-1.3-1.8-1.9-1.9c-.5-.1-1.6.1-1.9.3c-.3-.2-1.4-.5-1.9-.5s-1.8.3-2.1.5c-.3-.2-1.3-.3-1.8-.3c-.7.1-1.9.9-1.9 1.9c-1.1 0-1.9.9-1.9 1.9s.9 1.9 1.9 1.9c0 1.1 1.3 1.8 1.9 1.9c.4.1 1.5-.1 1.8-.3c.3.2 1.5.3 2.1.3c.5 0 1.7-.2 1.9-.3c.3.2 1.4.3 1.9.3c.7-.1 1.9-.9 1.9-1.9c1.1 0 1.9-.9 1.9-1.9s-.8-1.9-1.9-1.9"/><path fill="#89664c" d="M51.6 45.5h1v5h-1zm-6 0h1v5h-1zm3 0h1v5h-1z"/></svg>كيفية استخدام أيقونة Bento Box
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:bento-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:bento-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:bento-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--bento-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:bento-box"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:bento-box"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/emojione/bento-box.svg" alt="أيقونة Bento Box" width="24" height="24">أيقونة Bento Box في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Bento Box
هل أيقونة Bento Box مجانية للاستخدام التجاري؟
نعم. تُنشر Emoji One (Colored) icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Bento Box في React؟
ثبّت @iconify/react واعرض <Icon icon="emojione:bento-box" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Bento Box إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/emojione/bento-box.svg" alt="أيقونة Bento Box">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.