أيقونة Invert Colors Off
zmdi:invert-colors-off
أيقونة Invert Colors Off (zmdi:invert-colors-off) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 384 × 432. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Iconic Font
- المؤلف
- MDI Community
- الترخيص
- OFL-1.1
- الحجم
- 384 × 432
- الوسوم
- invertcolors، colorsoff، invertcolorsoff، color
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="432" viewBox="0 0 384 432"><path fill="currentColor" d="m377 397l7 8l-27 27l-58-58q-46 38-107 38q-71 0-121-50q-46-46-49.5-112T59 134L0 75l27-27l59 59l30 30l76 76l134 134zm-185-27V267L90 165q-26 34-26 77q0 53 38 90q37 38 90 38m0-309l-49 48l-30-30l79-79l121 121q38 39 47 92.5T347 313L192 159z"/></svg>
كيفية استخدام أيقونة Invert Colors Off
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:invert-colors-off" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:invert-colors-off" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:invert-colors-off" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--invert-colors-off]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:invert-colors-off"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:invert-colors-off"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/zmdi/invert-colors-off.svg" alt="أيقونة Invert Colors Off" width="24" height="24">
أيقونات ذات صلة في Material Design Iconic Font
أيقونة Invert Colors Off في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Invert Colors Off
هل أيقونة Invert Colors Off مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Invert Colors Off في React؟
ثبّت @iconify/react واعرض <Icon icon="zmdi:invert-colors-off" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Invert Colors Off إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/invert-colors-off.svg" alt="أيقونة Invert Colors Off">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Design Iconic Font →
ICONYZ
