أيقونة Focus
fluent-mdl2:focus
أيقونة Focus (fluent-mdl2:focus) أيقونة 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
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 120q125 0 240 32t216 91t183 141t141 183t91 216t33 241q0 125-32 240t-91 216t-141 183t-183 141t-216 91t-241 33q-125 0-240-32t-216-91t-183-141t-141-183t-91-216t-33-241q0-125 32-240t91-216t141-183t183-141t216-91t241-33m0 1680q107 0 206-28t185-78t157-121t121-157t79-186t28-206q0-107-28-206t-78-185t-121-157t-157-121t-186-79t-206-28q-107 0-206 28t-185 78t-157 121t-121 157t-79 186t-28 206q0 107 28 206t78 185t121 157t157 121t186 79t206 28m280-1160q21 0 40 8t33 22t23 34t8 40v560q0 21-8 40t-22 33t-34 23t-40 8H744q-21 0-40-8t-33-22t-23-34t-8-40V744q0-21 8-40t22-33t34-23t40-8zm-24 128H768v512h512z"/></svg>
كيفية استخدام أيقونة Focus
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:focus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:focus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:focus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--focus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:focus"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:focus"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/focus.svg" alt="أيقونة Focus" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
أيقونة Focus في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Focus
هل أيقونة Focus مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Focus في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:focus" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Focus إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/focus.svg" alt="أيقونة Focus">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
