أيقونة Folder Simple Dashed Bold

ph:folder-simple-dashed-bold

أيقونة Folder Simple Dashed Bold (ph:folder-simple-dashed-bold) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Phosphor
المؤلف: Phosphor Icons
الترخيص: MIT
الحجم: 256 × 256
الوسوم: foldersimple، simpledashed، dashedbold، foldersimpledashedbold

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M20 80V64a20 20 0 0 1 20-20h53.33a20.12 20.12 0 0 1 12 4l29.87 22.4a12 12 0 1 1-14.4 19.2L92 68H44v12a12 12 0 0 1-24 0m68 116H44v-4a12 12 0 0 0-24 0v8.62A19.41 19.41 0 0 0 39.38 220H88a12 12 0 0 0 0-24m72 0h-32a12 12 0 0 0 0 24h32a12 12 0 0 0 0-24m64-56a12 12 0 0 0-12 12v44h-12a12 12 0 0 0 0 24h16.89A19.13 19.13 0 0 0 236 200.89V152a12 12 0 0 0-12-12m-8-72h-48a12 12 0 0 0 0 24h44v20a12 12 0 0 0 24 0V88a20 20 0 0 0-20-20M32 164a12 12 0 0 0 12-12v-32a12 12 0 0 0-24 0v32a12 12 0 0 0 12 12"/></svg>

كيفية استخدام أيقونة Folder Simple Dashed Bold

React

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

<Icon icon="ph:folder-simple-dashed-bold" width="24" />

Vue

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

<template>
  <Icon icon="ph:folder-simple-dashed-bold" width="24" />
</template>

Svelte

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

<Icon icon="ph:folder-simple-dashed-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--folder-simple-dashed-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:folder-simple-dashed-bold"></div>

مكوّن ويب

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

<iconify-icon icon="ph:folder-simple-dashed-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ph/folder-simple-dashed-bold.svg" alt="أيقونة Folder Simple Dashed Bold" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Folder Simple Dashed Bold

هل أيقونة Folder Simple Dashed Bold مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Folder Simple Dashed Bold في React؟

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

كيف أضيف أيقونة Folder Simple Dashed Bold إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ph/folder-simple-dashed-bold.svg" alt="أيقونة Folder Simple Dashed Bold">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Phosphor →