ICONYZ
العربية
أيقونة Report Lock من Fluent UI MDL2

أيقونة Report Lock

fluent-mdl2:report-lock

أيقونة Report Lock (fluent-mdl2:report-lock) أيقونة 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
الوسوم
reportlock
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1920 1408h128v640h-768v-640h128v-128q0-53 20-99t55-82t81-55t100-20q53 0 99 20t82 55t55 81t20 100zm-384-128v128h256v-128q0-27-10-50t-27-40t-41-28t-50-10q-27 0-50 10t-40 27t-28 41t-10 50m384 640v-384h-512v384zM896 1792H640v-384h256zm-384 0H256v-640h256zM0 0h987l549 549v347h-128V640H896V128H128v1792h1024v128H0zm1024 219v293h293zm256 677v384h-128v512h-128V896z"/></svg>

كيفية استخدام أيقونة Report Lock

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-mdl2:report-lock" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-mdl2:report-lock" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-mdl2:report-lock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--report-lock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:report-lock"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-mdl2:report-lock"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/report-lock.svg" alt="أيقونة Report Lock" width="24" height="24">

أيقونات ذات صلة في Fluent UI MDL2

الأسئلة الشائعة حول أيقونة Report Lock

هل أيقونة Report Lock مجانية للاستخدام التجاري؟

نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Report Lock في React؟

ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:report-lock" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Report Lock إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/report-lock.svg" alt="أيقونة Report Lock">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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