أيقونة Four Four
icon-park:four-four
أيقونة Four Four (icon-park:four-four) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأيدي
- الوسوم
- fourfour
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M25.7446 44H24.8495C19.6392 44 14.7797 41.3742 11.9243 37.016L9.72884 33.6651C8.17072 31.2869 8.63077 28.1201 10.8012 26.2836L13.0887 24.3481C13.3496 24.1273 13.5 23.8029 13.5 23.4611V7.25C13.5 5.45507 14.9551 4 16.75 4C18.5449 4 20 5.45508 20 7.25V6.25C20 4.45507 21.4551 3 23.25 3C25.0449 3 26.5 4.45508 26.5 6.25V7.25C26.5 5.45507 27.9551 4 29.75 4C31.5449 4 33 5.45508 33 7.25V11.25C33 9.45507 34.4551 8 36.25 8C38.0449 8 39.5 9.45507 39.5 11.25V30.3077C39.5 33.0387 38.6618 35.7251 37.1196 37.979C34.5557 41.7263 30.2851 44 25.7446 44Z"/></svg>
كيفية استخدام أيقونة Four Four
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:four-four" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:four-four" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:four-four" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--four-four]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:four-four"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:four-four"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/four-four.svg" alt="أيقونة Four Four" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Four Four في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Four Four
هل أيقونة Four Four مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Four Four في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:four-four" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Four Four إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/four-four.svg" alt="أيقونة Four Four">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
