أيقونة Folder Type Model

vscode-icons:folder-type-model

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

المجموعة: VSCode Icons
المؤلف: Roberto Huertas
الترخيص: MIT
الحجم: 32 × 32
الوسوم: foldertype، typemodel، foldertypemodel

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#558dbf" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#b2cde5" d="M20.62 10v5.999l-5.188-3"/><path fill="#b2cde5" d="m25.807 12.999l-5.187 3V10"/><path fill="#4c89c3" d="M25.807 12.999V19l-5.187-3.001"/><path fill="#0057a9" d="M15.432 12.999V19l5.188-3.001m0 0V22l-5.188-3"/><path fill="#4c89c3" d="M20.622 15.999L20.62 22l5.187-2.998"/><path fill="#b2cde5" d="M25.807 19v6l-5.187-3"/><path fill="#b2cde5" d="M15.432 19v6l5.188-3"/><path fill="#4c89c3" d="M20.62 22v6l-5.188-3"/><path fill="#0057a9" d="m20.622 22l-.002 6l5.187-2.998"/><path fill="#b2cde5" d="M15.432 19v6l-5.187-3"/><path fill="#0057a9" d="M10.245 22v6l5.187-3m0 0v6l-5.187-3"/><path fill="#4c89c3" d="m15.434 25l-.002 6l5.188-2.998"/><path fill="#b2cde5" d="M30.995 22.002L25.807 25l.003-6"/><path fill="#4c89c3" d="M30.995 22v6l-5.188-3"/><path fill="#0057a9" d="M25.807 25v6l-5.187-3"/><path fill="#4c89c3" d="m25.81 25l-.003 6l5.188-2.998"/></svg>

كيفية استخدام أيقونة Folder Type Model

React

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

<Icon icon="vscode-icons:folder-type-model" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:folder-type-model" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:folder-type-model" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vscode-icons:folder-type-model"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-model.svg" alt="أيقونة Folder Type Model" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Folder Type Model

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

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

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

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

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

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

تصفح كل VSCode Icons →