أيقونة Red Eye 12
fluent-mdl2:red-eye-12
أيقونة Red Eye 12 (fluent-mdl2:red-eye-12) أيقونة 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-39m0 878q76 0 142-29t116-78t79-116t29-143t-29-142t-78-116t-116-79t-143-29t-142 29t-116 78t-79 116t-29 143t29 142t78 116t116 79t143 29m-375-54q-55-66-84-146t-29-166t29-166t84-146q-134 53-251 132t-221 180q103 100 220 179t252 133m1222-312q-103-100-220-179t-252-133q55 66 84 146t29 166t-29 166t-84 146q134-53 251-132t221-180m-847-171q35 0 66 13t54 37t37 55t14 66t-13 66t-37 55t-55 36t-66 14q-35 0-66-13t-55-37t-36-54t-14-67q0-35 13-66t37-54t54-37t67-14"/></svg>كيفية استخدام أيقونة Red Eye 12
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:red-eye-12" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:red-eye-12" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:red-eye-12" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--red-eye-12]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:red-eye-12"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:red-eye-12"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/red-eye-12.svg" alt="أيقونة Red Eye 12" width="24" height="24">أيقونات ذات صلة في Fluent UI MDL2
الأسئلة الشائعة حول أيقونة Red Eye 12
هل أيقونة Red Eye 12 مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Red Eye 12 في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:red-eye-12" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Red Eye 12 إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/red-eye-12.svg" alt="أيقونة Red Eye 12">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.