Ikon Cowboy Hat
hugeicons:cowboy-hat
Ikon Cowboy Hat (hugeicons:cowboy-hat) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Huge Icons
- Pembuat
- Hugeicons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- cowboyhat
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:cowboy-hat"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/cowboy-hat.svg" alt="Ikon Cowboy Hat" width="24" height="24">Ikon Cowboy Hat di set ikon lain
FAQ Ikon Cowboy Hat
Apakah ikon Cowboy Hat gratis untuk penggunaan komersial?
Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cowboy Hat di React?
Pasang @iconify/react lalu render <Icon icon="hugeicons:cowboy-hat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cowboy Hat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/cowboy-hat.svg" alt="Ikon Cowboy Hat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.