أيقونة Purple Square
fluent-emoji-high-contrast:purple-square
أيقونة Purple Square (fluent-emoji-high-contrast:purple-square) أيقونة SVG مجانية من مجموعة Fluent Emoji High Contrast من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji High Contrast
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
- الفئة
- الرموز
- الوسوم
- purplesquare
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M31 28a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3zm-3 1a1 1 0 0 0 1-1v-1.234L26.766 29zm-4.062 0L29 23.938v-2.172L21.766 29zm-5 0L29 18.938v-2.172L16.766 29zm-5 0L29 13.938v-2.172L11.766 29zm-5 0L29 8.938V6.766L6.766 29zm-4.999-.002L29 3.94A1 1 0 0 0 28 3h-.234L3 27.766V28a1 1 0 0 0 .94.998M3 24.938L24.938 3h-2.172L3 22.766zM19.938 3h-2.172L3 17.766v2.172zm-5 0h-2.172L3 12.766v2.172zm-5 0H7.766L3 7.766v2.172zm-5 0H4a1 1 0 0 0-1 1v.938z"/></svg>
كيفية استخدام أيقونة Purple Square
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:purple-square" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:purple-square" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:purple-square" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--purple-square]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:purple-square"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:purple-square"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/purple-square.svg" alt="أيقونة Purple Square" width="24" height="24">
أيقونات ذات صلة في Fluent Emoji High Contrast
أيقونة Purple Square في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Purple Square
هل أيقونة Purple Square مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Purple Square في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-high-contrast:purple-square" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Purple Square إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/purple-square.svg" alt="أيقونة Purple Square">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent Emoji High Contrast →
ICONYZ
