ICONYZ
العربية
أيقونة Afferent Four من IconPark

أيقونة Afferent Four

icon-park:afferent-four

أيقونة Afferent Four (icon-park:afferent-four) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
الأسهم
الوسوم
afferentfour
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M21 5L10 5C8.89543 5 8 5.89543 8 7L8 41C8 42.1046 8.89543 43 10 43L38 43C39.1046 43 40 42.1046 40 41L40 24.75"/><path d="M33 24H21V12"/><path d="M21.0001 23.9998L39 6"/></g></svg>

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

React

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

<Icon icon="icon-park:afferent-four" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:afferent-four" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:afferent-four" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--afferent-four]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:afferent-four"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:afferent-four"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/afferent-four.svg" alt="أيقونة Afferent Four" width="24" height="24">

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

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

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

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

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

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

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

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

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

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