ICONYZ
العربية
أيقونة Nuclide من File Icons

أيقونة Nuclide

file-icons:nuclide

أيقونة Nuclide (file-icons:nuclide) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 427 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
File Icons
المؤلف
John Gardner
الترخيص
ISC
الحجم
427 × 512
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="427" height="512" viewBox="0 0 427 512"><path fill="currentColor" d="m375.545 285.492l30.687-30.417V0L254.255 150.057l-8.358-6.791l29.666-29.393V0L177.68 96.646C25.428 11.84-51.87 67.441 38.741 233.83l-22.38 22.099V512l119.85-118.855V251.943l91.71-90.867l8.35 6.739l-89.242 88.114V512l81.773-81.055c179.453 112.072 257.679 34.248 146.743-145.453M159.093 114.999L57.424 215.383C-11.748 76.538 35.257 53.035 159.094 115m88.107 297.71l110.085-109.117c89.144 148.933 44.25 198.249-110.085 109.117"/></svg>

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

React

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

<Icon icon="file-icons:nuclide" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:nuclide" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:nuclide" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--nuclide]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:nuclide"></div>

مكوّن ويب

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

<iconify-icon icon="file-icons:nuclide"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/file-icons/nuclide.svg" alt="أيقونة Nuclide" width="24" height="24">

أيقونة Nuclide في مجموعات أخرى

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

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

نعم. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل File Icons →