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

أيقونة Kungfu

icon-park:kungfu

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

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.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="#000" stroke-miterlimit="2" stroke-width="4"><path fill="#2F88FF" d="M11 17C13.7614 17 16 14.7614 16 12C16 9.23858 13.7614 7 11 7C8.23858 7 6 9.23858 6 12C6 14.7614 8.23858 17 11 17Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M20 18L28 24L25 42"/><path stroke-linecap="round" stroke-linejoin="round" d="M28 24L44 11"/><path stroke-linecap="round" stroke-linejoin="round" d="M28 16.8L27 8L20 18L16 27L10 30"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="icon-park:kungfu"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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