ICONYZ
العربية
أيقونة Die Four من Foundation

أيقونة Die Four

foundation:die-four

أيقونة Die Four (foundation:die-four) أيقونة SVG مجانية من مجموعة Foundation من تصميم Zurb. مرسومة على شبكة 100 × 100. تُنشر Foundation icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Foundation
المؤلف
Zurb
الترخيص
MIT
الحجم
100 × 100
الوسوم
diefour
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M83.921 23.292a7.44 7.44 0 0 0-7.213-7.264v-.011H23.292v.008a7.443 7.443 0 0 0-7.267 7.267h-.009v53.416h.009a7.44 7.44 0 0 0 7.267 7.267v.008h53.416v-.009a7.44 7.44 0 0 0 7.267-7.267h.009V23.292zM32.99 73.676a7.035 7.035 0 1 1 .001-14.069a7.035 7.035 0 0 1-.001 14.069m0-33.606a7.035 7.035 0 1 1 .001-14.069a7.035 7.035 0 0 1-.001 14.069m34.019 33.909a7.033 7.033 0 0 1-7.034-7.033a7.034 7.034 0 1 1 14.069 0a7.034 7.034 0 0 1-7.035 7.033m0-33.909a7.033 7.033 0 0 1-7.034-7.033a7.034 7.034 0 1 1 14.069 0a7.034 7.034 0 0 1-7.035 7.033"/></svg>

كيفية استخدام أيقونة Die Four

React

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

<Icon icon="foundation:die-four" width="24" />

Vue

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

<template>
  <Icon icon="foundation:die-four" width="24" />
</template>

Svelte

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

<Icon icon="foundation:die-four" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--die-four]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:die-four"></div>

مكوّن ويب

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

<iconify-icon icon="foundation:die-four"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/foundation/die-four.svg" alt="أيقونة Die Four" width="24" height="24">

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

أيقونة die-five
die-five
 أيقونة die-one
die-one
 أيقونة die-six
die-six
 أيقونة die-three
die-three
 أيقونة die-two
die-two

الأسئلة الشائعة حول أيقونة Die Four

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

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

كيف أستخدم أيقونة Die Four في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/foundation/die-four.svg" alt="أيقونة Die Four">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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