أيقونة Red Eye
fluent-mdl2:red-eye
أيقونة Red Eye (fluent-mdl2:red-eye) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent UI MDL2
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 2048 × 2048
- الوسوم
- redeye
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 512q150 0 292 39t272 107t246 163t214 203q-98 110-213 203t-246 162t-273 108t-292 39t-292-39t-272-107t-247-162T0 1024q97-109 213-203t246-162t273-108t292-39m384 512q0-79-30-149t-83-122t-122-82t-149-31q-79 0-149 30t-122 83t-82 122t-31 149q0 79 30 149t83 122t122 82t149 31q79 0 149-30t122-83t82-122t31-149m-1231 0q94 91 200 166t227 127q-45-64-68-139t-24-154q0-78 23-153t69-140q-121 51-227 126t-200 167m1267 293q121-51 227-126t200-167q-94-91-200-166t-227-127q45 64 68 139t24 154q0 78-23 153t-69 140m-420-165q-27 0-50-10t-40-27t-28-41t-10-50q0-27 10-50t27-40t41-28t50-10q27 0 50 10t40 27t28 41t10 50q0 27-10 50t-27 40t-41 28t-50 10"/></svg>كيفية استخدام أيقونة Red Eye
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:red-eye" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:red-eye" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:red-eye" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--red-eye]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:red-eye"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:red-eye"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/red-eye.svg" alt="أيقونة Red Eye" width="24" height="24">أيقونات ذات صلة في Fluent UI MDL2
أيقونة Red Eye في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Red Eye
هل أيقونة Red Eye مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Red Eye في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:red-eye" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Red Eye إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/red-eye.svg" alt="أيقونة Red Eye">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.