ICONYZ
العربية
أيقونة Red Eye 12 من Fluent UI MDL2

أيقونة 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

<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.

تصفح كل أيقونات Fluent UI MDL2 →