أيقونة Preview Off
material-symbols:preview-off
أيقونة Preview Off (material-symbols:preview-off) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Symbols
- المؤلف
- Google
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الوسوم
- previewoff
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17q-2.05 0-3.662-1.112T6 13q.5-1.2 1.4-2.1t2.1-1.4l1.175 1.175q-.975.275-1.75.863T7.65 13q.65 1.175 1.8 1.838T12 15.5q.75 0 1.45-.2t1.275-.575L15.8 15.8q-.8.575-1.763.888T12 17m5.225-2.6l-1.075-1.075q.05-.075.1-.162t.1-.163q-.45-.825-1.175-1.412t-1.625-.863L11.825 9q2.05 0 3.75 1.113T18 13q-.15.375-.337.725t-.438.675m2.55 8.2l-1.6-1.6H5q-.825 0-1.412-.587T3 19V5.825L1.4 4.2l1.4-1.4l18.4 18.4zM5 19h11.175L5 7.825zm16-.825l-2-2V8h-8.175l-5-5H19q.825 0 1.413.588T21 5z"/></svg>
كيفية استخدام أيقونة Preview Off
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:preview-off" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:preview-off" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:preview-off" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--preview-off]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:preview-off"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:preview-off"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/preview-off.svg" alt="أيقونة Preview Off" width="24" height="24">
أيقونات ذات صلة في Material Symbols
أيقونة Preview Off في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Preview Off
هل أيقونة Preview Off مجانية للاستخدام التجاري؟
نعم. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Preview Off في React؟
ثبّت @iconify/react واعرض <Icon icon="material-symbols:preview-off" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Preview Off إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/preview-off.svg" alt="أيقونة Preview Off">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Symbols →
ICONYZ
