Icono Cowboy Hat Thin
ph:cowboy-hat-thin
El icono Cowboy Hat Thin (ph:cowboy-hat-thin) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor 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
- Phosphor
- Autor
- Phosphor Icons
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- clothes, clothing, stetson, cowboyhat, hatthin, cowboyhatthin
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M216 124a4 4 0 0 0-3.39 1.88A175 175 0 0 1 193 151.81l-18.62-98A12 12 0 0 0 155 46.69l-24.5 20.44a4 4 0 0 1-4.94.05L100.9 46.64a12 12 0 0 0-19.29 7.15L63 151.81a175 175 0 0 1-19.6-25.93A4 4 0 0 0 40 124a36 36 0 0 0 0 72h176a36 36 0 0 0 0-72M89.48 55.28a4 4 0 0 1 6.37-2.44l24.65 20.54a12 12 0 0 0 15.06-.06l24.53-20.43a3.92 3.92 0 0 1 3.89-.63a4 4 0 0 1 2.55 3L181.11 132H74.89ZM40 188a28 28 0 0 1-2.15-55.92C58.3 164 80.59 180 97.9 188Zm88 0c-.27 0-11.78-.21-27.77-7.84a118.2 118.2 0 0 1-30.43-21.4L73.37 140h109.26l3.56 18.76a118.2 118.2 0 0 1-30.43 21.4c-15.99 7.63-27.5 7.84-27.76 7.84m88 0h-57.9c17.31-8 39.6-24 60.05-55.92A28 28 0 0 1 216 188"/></svg>Cómo usar el icono Cowboy Hat Thin
React
import { Icon } from "@iconify/react";
<Icon icon="ph:cowboy-hat-thin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:cowboy-hat-thin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:cowboy-hat-thin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cowboy-hat-thin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cowboy-hat-thin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:cowboy-hat-thin"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ph/cowboy-hat-thin.svg" alt="Icono Cowboy Hat Thin" width="24" height="24">Iconos relacionados en Phosphor
Preguntas frecuentes sobre Icono Cowboy Hat Thin
¿El icono Cowboy Hat Thin es gratis para uso comercial?
Sí. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cowboy Hat Thin en React?
Instala @iconify/react y renderiza <Icon icon="ph:cowboy-hat-thin" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cowboy Hat Thin a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/cowboy-hat-thin.svg" alt="Icono Cowboy Hat Thin">, o pega el código SVG en línea para darle estilo con CSS.