أيقونة Cube Five
icon-park:cube-five
أيقونة Cube Five (icon-park:cube-five) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- تجريدية
- الوسوم
- cubefive
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M30 27L24 44"/><path d="M18 27L24 44"/><path d="M18 27L30 27"/><path d="M41 34L30 27"/><path d="M41 14L30 27"/><path d="M41 14L24 17"/><path d="M30 27L24 17"/><path d="M24 4V17"/><path d="M7 14L24 17"/><path d="M18 27L24 17"/><path d="M18 27L7 14"/><path d="M18 27L7 34"/><path d="M41.3207 14L24.0002 4L6.67969 14V34L24.0002 44L41.3207 34V14Z"/></g></svg>
كيفية استخدام أيقونة Cube Five
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cube-five" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cube-five" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cube-five" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cube-five]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cube-five"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:cube-five"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cube-five.svg" alt="أيقونة Cube Five" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Cube Five في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cube Five
هل أيقونة Cube Five مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Cube Five في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:cube-five" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cube Five إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/cube-five.svg" alt="أيقونة Cube Five">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
