ICONYZ
العربية
أيقونة Cowboy Hat من Huge Icons

أيقونة Cowboy Hat

hugeicons:cowboy-hat

أيقونة Cowboy Hat (hugeicons:cowboy-hat) أيقونة SVG مجانية من مجموعة Huge Icons من تصميم Hugeicons. مرسومة على شبكة 24 × 24. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Huge Icons
المؤلف
Hugeicons
الترخيص
MIT
الحجم
24 × 24
الوسوم
cowboyhat
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16.276 18c-.985 1.102-2.264 2-4.276 2s-3.29-.898-4.276-2m8.552 0c1.211-1.354 1.979-3.016 3.122-3.692M16.276 18c2.069 0 5.724.562 5.724-2.5c0-.787-.68-1.5-1.5-1.5c-.282 0-.54.053-.781.15m0 0q-.166.066-.321.158m.32-.159l-.32.16m0 0C18.073 14.955 15.68 16 12 16s-6.073-1.044-7.398-1.692M7.724 18c-1.211-1.354-1.979-3.016-3.122-3.692M7.724 18C5.655 18 2 18.562 2 15.5c0-.787.68-1.5 1.5-1.5c.282 0 .54.053.781.15m0 0q.166.066.321.158m-.32-.159l.32.16"/><path stroke-linecap="round" stroke-linejoin="round" d="M6 12c0-1.505.442-5.37 2.576-7.599C8.838 4.127 9.2 4 9.567 4c.27 0 .523.144.673.384l.205.328c.347.555.93.888 1.555.888a1.84 1.84 0 0 0 1.555-.888l.205-.328A.8.8 0 0 1 14.433 4c.367 0 .729.127.991.401C17.558 6.631 18 10.495 18 12"/><path stroke-linecap="round" d="M6.5 10c1.416.51 2.89 1 5.5 1s4.084-.49 5.5-1"/></g></svg>

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

React

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

<Icon icon="hugeicons:cowboy-hat" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:cowboy-hat" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:cowboy-hat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--cowboy-hat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:cowboy-hat"></div>

مكوّن ويب

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

<iconify-icon icon="hugeicons:cowboy-hat"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/cowboy-hat.svg" alt="أيقونة Cowboy Hat" width="24" height="24">

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

أيقونة Cowboy Hat من Phosphor
Phosphor

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

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

نعم. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Huge Icons →