أيقونة Straw Hat
icon-park:straw-hat
أيقونة Straw Hat (icon-park:straw-hat) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الملابس
- الوسوم
- strawhat
شيفرة 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 d="M34 22C34 16.4772 29.5228 12 24 12C18.4772 12 14 16.4772 14 22"/><path d="M14 23C8.02199 24.2044 4 26.4557 4 29.034C4 32.8812 12.9543 36 24 36C35.0457 36 44 32.8812 44 29.034C44 26.4557 39.978 24.2044 34 23"/><path stroke-linecap="round" stroke-linejoin="round" d="M14 22C15 22.8333 18 26 24 26C30 26 33 23 34 22"/><path stroke-linecap="round" stroke-linejoin="round" d="M19 25L21 20"/></g></svg>كيفية استخدام أيقونة Straw Hat
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:straw-hat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:straw-hat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:straw-hat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--straw-hat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:straw-hat"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:straw-hat"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/straw-hat.svg" alt="أيقونة Straw Hat" width="24" height="24">أيقونة Straw Hat في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Straw Hat
هل أيقونة Straw Hat مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Straw Hat في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:straw-hat" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Straw Hat إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/straw-hat.svg" alt="أيقونة Straw Hat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.