Icono Cowboy Hat
hugeicons:cowboy-hat
El icono Cowboy Hat (hugeicons:cowboy-hat) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Huge Icons
- Autor
- Hugeicons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- cowboyhat
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/cowboy-hat.svg" alt="Icono Cowboy Hat" width="24" height="24">El icono Cowboy Hat en otras colecciones
Preguntas frecuentes sobre Icono Cowboy Hat
¿El icono Cowboy Hat es gratis para uso comercial?
Sí. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cowboy Hat en React?
Instala @iconify/react y renderiza <Icon icon="hugeicons:cowboy-hat" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cowboy Hat a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/cowboy-hat.svg" alt="Icono Cowboy Hat">, o pega el código SVG en línea para darle estilo con CSS.