ICONYZ
العربية
أيقونة Cube Three من IconPark Outline

أيقونة Cube Three

icon-park-outline:cube-three

أيقونة Cube Three (icon-park-outline:cube-three) أيقونة SVG مجانية من مجموعة IconPark Outline من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark Outline
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
تجريدية
الوسوم
cubethree
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M15.5 9L7 14v20l8.5 5l8.5 5l8.5-5l8.5-5V14l-8.5-5L24 4zM24 4v20m17 10L24 24M7 34l17-10m0 20V34m17-20l-8 5M7 14l8 5"/></svg>

كيفية استخدام أيقونة Cube Three

React

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

<Icon icon="icon-park-outline:cube-three" width="24" />

Vue

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

<template>
  <Icon icon="icon-park-outline:cube-three" width="24" />
</template>

Svelte

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

<Icon icon="icon-park-outline:cube-three" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--cube-three]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:cube-three"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park-outline:cube-three"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park-outline/cube-three.svg" alt="أيقونة Cube Three" width="24" height="24">

أيقونات ذات صلة في IconPark Outline

أيقونة Cube Three في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Cube Three

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

نعم. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Cube Three في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park-outline/cube-three.svg" alt="أيقونة Cube Three">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات IconPark Outline →