أيقونة Component Pascal

file-icons:component-pascal

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

المجموعة: File Icons
المؤلف: John Gardner
الترخيص: ISC
الحجم: 512 × 512
الوسوم: componentpascal

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M265.821 222.189C108.191 221.356 0 241.459 0 274.68s114.615 52.544 256 52.544S512 303.7 512 274.68c0-22.4-68.322-41.515-164.504-49.074c-.393-22.615-18.547-40.832-40.922-40.832c-21.24 0-38.697 16.407-40.753 37.414m.189 9.629c2.645 20.366 19.775 36.098 40.564 36.098c19.114 0 35.124-13.309 39.642-31.281c63.96 7.189 107.602 21.524 107.602 38.046c0 23.729-89.969 42.965-200.95 42.965c-110.983 0-200.952-19.236-200.952-42.965s103.111-42.863 214.094-42.863"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="file-icons:component-pascal"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

تصفح كل File Icons →