أيقونة Piano Tiles
arcticons:piano-tiles
أيقونة Piano Tiles (arcticons:piano-tiles) أيقونة SVG مجانية من مجموعة Arcticons من تصميم Donnnno. مرسومة على شبكة 48 × 48. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Arcticons
- المؤلف
- Donnnno
- الترخيص
- CC-BY-SA-4.0
- الحجم
- 48 × 48
- الوسوم
- pianotiles، tile
شيفرة 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" d="M19.098 27.691H9.294l2.08-8.816h8.417zm19.608 0h-9.804l-.693-8.816h8.417zm-10.497-8.816h-8.418L20.843 5.5h6.314zm1.659 21.107H18.132l.966-12.291h9.804z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.9 30.208H9.294v-2.517h9.804zm19.806 0H29.1l-.198-2.517h9.804zM19.791 18.875h8.417v2.518h-8.417zm-1.659 21.107h11.737V42.5H18.132z"/></svg>كيفية استخدام أيقونة Piano Tiles
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:piano-tiles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:piano-tiles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:piano-tiles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--piano-tiles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:piano-tiles"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:piano-tiles"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/arcticons/piano-tiles.svg" alt="أيقونة Piano Tiles" width="24" height="24">أيقونات ذات صلة في Arcticons
الأسئلة الشائعة حول أيقونة Piano Tiles
هل أيقونة Piano Tiles مجانية للاستخدام التجاري؟
نعم. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.
كيف أستخدم أيقونة Piano Tiles في React؟
ثبّت @iconify/react واعرض <Icon icon="arcticons:piano-tiles" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Piano Tiles إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/arcticons/piano-tiles.svg" alt="أيقونة Piano Tiles">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.