أيقونة Input Composite
zmdi:input-composite
أيقونة Input Composite (zmdi:input-composite) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 472 × 480. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Iconic Font
- المؤلف
- MDI Community
- الترخيص
- OFL-1.1
- الحجم
- 472 × 480
- الوسوم
- inputcomposite
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="472" height="480" viewBox="0 0 472 480"><path fill="currentColor" d="M85 27v85h43v128H0V112h43V27q0-9 6-15.5T64 5t15 6.5T85 27m86 298v-42h128v42q0 21-12 37.5T256 385v90h-43v-90q-19-6-30.5-22.5T171 325M0 325v-42h128v42q0 21-12 37.5T85 385v90H43v-90q-19-6-31-22.5T0 325m427-213h42v128H341V112h43V27q0-9 6.5-15.5t15-6.5t15 6.5T427 27zM256 27v85h43v128H171V112h42V27q0-9 6.5-15.5t15-6.5t15 6.5T256 27m85 298v-42h128v42q0 21-11.5 37.5T427 385v90h-43v-90q-19-6-31-22.5T341 325"/></svg>كيفية استخدام أيقونة Input Composite
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:input-composite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:input-composite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:input-composite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--input-composite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:input-composite"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:input-composite"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/zmdi/input-composite.svg" alt="أيقونة Input Composite" width="24" height="24">أيقونات ذات صلة في Material Design Iconic Font
الأسئلة الشائعة حول أيقونة Input Composite
هل أيقونة Input Composite مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Input Composite في React؟
ثبّت @iconify/react واعرض <Icon icon="zmdi:input-composite" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Input Composite إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/input-composite.svg" alt="أيقونة Input Composite">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.