ICONYZ
العربية
أيقونة File Type Capacitor من VSCode Icons

أيقونة File Type Capacitor

vscode-icons:file-type-capacitor

أيقونة File Type Capacitor (vscode-icons:file-type-capacitor) أيقونة SVG مجانية من مجموعة VSCode Icons من تصميم Roberto Huertas. مرسومة على شبكة 32 × 32. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
VSCode Icons
المؤلف
Roberto Huertas
الترخيص
MIT
الحجم
32 × 32
الوسوم
filetype، typecapacitor، filetypecapacitor
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGMLlbHeQQ" x1="3.843" x2="28.148" y1="28.15" y2="3.845" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ecefd"/><stop offset="1" stop-color="#56b1fc"/></linearGradient></defs><path fill="url(#SVGMLlbHeQQ)" d="M29.706 17.76c.329.324.315.5-.007.811c-1.1 1.066-2.18 2.161-3.263 3.249c-.185.186-.319.329-.582.064q-4.885-4.925-9.788-9.83q-2.989-2.964-5.981-5.925c-.192-.189-.17-.317.011-.5q1.743-1.726 3.469-3.471c.214-.217.345-.179.539.017q2.127 2.156 4.27 4.3c.387.374.772.751 1.162 1.121c.156.148.277.352.529.361q2.895-2.888 5.786-5.781c.215-.216.351-.246.583-.011a188 188 0 0 0 3.357 3.325c.295.283.265.436-.009.706c-1.812 1.787-3.595 3.6-5.417 5.38c-.375.365-.332.544.016.885c1.787 1.753 3.539 3.544 5.325 5.299m-13.775 2.193a.6.6 0 0 0-.067-.1q-4.841-4.842-9.679-9.689c-.246-.246-.389-.241-.629 0a183 183 0 0 1-3.3 3.3c-.318.306-.276.471.015.758c1.783 1.76 3.536 3.549 5.325 5.3c.362.356.35.549-.007.9c-1.8 1.77-3.568 3.573-5.359 5.353c-.262.26-.332.416-.024.715a145 145 0 0 1 3.289 3.309c.26.27.4.266.663 0Q8 27.916 9.882 26.07a28 28 0 0 1 2.171-2.1l1.57 1.564q2.133 2.14 4.262 4.285c.2.2.347.207.55 0q1.724-1.739 3.464-3.461c.185-.183.187-.311 0-.5q-2.99-2.943-5.968-5.905"/></svg>

كيفية استخدام أيقونة File Type Capacitor

React

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

<Icon icon="vscode-icons:file-type-capacitor" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-capacitor" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-capacitor" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vscode-icons:file-type-capacitor"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-capacitor.svg" alt="أيقونة File Type Capacitor" width="24" height="24">

أيقونات ذات صلة في VSCode Icons

الأسئلة الشائعة حول أيقونة File Type Capacitor

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

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

كيف أستخدم أيقونة File Type Capacitor في React؟

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

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

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

تصفح كل VSCode Icons →