ICONYZ
العربية
أيقونة Module من Plump free icons

أيقونة Module

streamline-plump:module

أيقونة Module (streamline-plump:module) أيقونة SVG مجانية من مجموعة Plump free icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Plump free icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
48 × 48
الفئة
البرمجة
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"><path d="M3.688 36.278c.163 1.164.912 2.131 1.972 2.638C9.474 40.741 18.922 45 24 45s14.526-4.26 18.34-6.084c1.06-.507 1.809-1.474 1.972-2.638C44.605 34.18 45 30.204 45 24s-.395-10.18-.688-12.278c-.163-1.164-.912-2.131-1.972-2.638C38.526 7.259 29.078 3 24 3S9.474 7.26 5.66 9.084c-1.06.507-1.809 1.474-1.972 2.638C3.395 13.82 3 17.796 3 24s.395 10.18.688 12.278Z"/><path stroke-linecap="round" d="M44.281 11.756C41.033 13.356 27.714 19.8 24 19.8c-3.715 0-17.034-6.445-20.282-8.044M24 19.8v24.95"/></g></svg>

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

React

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

<Icon icon="streamline-plump:module" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:module" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:module" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--module]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:module"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-plump:module"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump/module.svg" alt="أيقونة Module" width="24" height="24">

أيقونات ذات صلة في Plump free icons

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

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

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

نعم. تُنشر Plump free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل Plump free icons →