أيقونة Box Duotone

keyline-icons:box-duotone

أيقونة Box Duotone (keyline-icons:box-duotone) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: boxduotone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M13.3613 1.3266L21.3613 5.4003C22.3668 5.9123 23 6.9453 23 8.0737L23 15.9263C23 17.0547 22.3668 18.0877 21.3613 18.5997L13.3613 22.6734C12.9396 22.8881 12.4732 23 12 23C11.5268 23 11.0604 22.8881 10.6387 22.6734L2.6387 18.5997C1.6332 18.0877 1 17.0547 1 15.9263L1 8.0737C1 6.9453 1.6332 5.9123 2.6387 5.4003L10.6387 1.3266C11.0604 1.1119 11.5268 1 12 1C12.4732 1 12.9396 1.1119 13.3613 1.3266Z"/><path d="M1.0578 7.4872C1.2375 6.5862 1.82 5.8172 2.6387 5.4003L10.6387 1.3266C11.0604 1.1119 11.5268 1 12 1C12.4732 1 12.9396 1.1119 13.3613 1.3266L21.3613 5.4003C22.18 5.8172 22.7625 6.5862 22.9422 7.4872L12.458 12.8889C12.3164 12.9619 12.1593 13 12 13C11.8407 13 11.6836 12.9619 11.542 12.8889L1.0578 7.4872Z"/></g></svg>

كيفية استخدام أيقونة Box Duotone

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:box-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:box-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:box-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--box-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:box-duotone"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:box-duotone"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/box-duotone.svg" alt="أيقونة Box Duotone" width="24" height="24">

أيقونات ذات صلة في Keyline Icons

أيقونة Box Duotone في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Box Duotone

هل أيقونة Box Duotone مجانية للاستخدام التجاري؟

نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Box Duotone في React؟

ثبّت @iconify/react واعرض <Icon icon="keyline-icons:box-duotone" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Box Duotone إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/box-duotone.svg" alt="أيقونة Box Duotone">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Keyline Icons →