أيقونة Baseball Cap
icon-park:baseball-cap
أيقونة Baseball Cap (icon-park:baseball-cap) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الملابس
- الوسوم
- baseballcap
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M12 30C12 21.1634 19.1634 14 28 14V14C36.8366 14 44 21.1634 44 30V36H12V30Z"/><path d="M21.9997 36C20.9997 32.5 20.9997 14 27.9997 14C34.9997 14 34.4997 32 33.9997 36"/><rect width="30" height="6" x="4" y="36" fill="#2F88FF" stroke-linecap="round" stroke-linejoin="round" rx="3"/><circle cx="28" cy="10" r="4" fill="#2F88FF"/></g></svg>كيفية استخدام أيقونة Baseball Cap
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:baseball-cap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:baseball-cap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:baseball-cap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--baseball-cap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:baseball-cap"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:baseball-cap"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/baseball-cap.svg" alt="أيقونة Baseball Cap" width="24" height="24">أيقونات ذات صلة في IconPark
أيقونة Baseball Cap في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Baseball Cap
هل أيقونة Baseball Cap مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Baseball Cap في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:baseball-cap" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Baseball Cap إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/baseball-cap.svg" alt="أيقونة Baseball Cap">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.