أيقونة Preview Close
icon-park:preview-close
أيقونة Preview Close (icon-park:preview-close) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- أساسية
- الوسوم
- previewclose
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M6 16C6.63472 17.2193 7.59646 18.3504 8.82276 19.3554C12.261 22.1733 17.779 24 24 24C30.221 24 35.739 22.1733 39.1772 19.3554C40.4035 18.3504 41.3653 17.2193 42 16"/><path d="M28.9775 24L31.048 31.7274"/><path d="M37.3535 21.3536L43.0103 27.0104"/><path d="M5.00004 27.0103L10.6569 21.3534"/><path d="M16.9278 31.7276L18.9983 24.0001"/></g></svg>كيفية استخدام أيقونة Preview Close
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:preview-close" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:preview-close" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:preview-close" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--preview-close]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:preview-close"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:preview-close"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/preview-close.svg" alt="أيقونة Preview Close" width="24" height="24">أيقونات ذات صلة في IconPark
أيقونة Preview Close في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Preview Close
هل أيقونة Preview Close مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Preview Close في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:preview-close" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Preview Close إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/preview-close.svg" alt="أيقونة Preview Close">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.