Icono Chef Hat Thin
ph:chef-hat-thin
El icono Chef Hat Thin (ph:chef-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
- cooking, cuisine, kitchen, clothes, clothing, chefhat, hatthin, chefhatthin
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M236 112a52.06 52.06 0 0 0-52-52a53 53 0 0 0-7.77.59a52 52 0 0 0-96.46 0A53 53 0 0 0 72 60a52 52 0 0 0-20 100v48a12 12 0 0 0 12 12h128a12 12 0 0 0 12-12v-48a52.07 52.07 0 0 0 32-48m-40 96a4 4 0 0 1-4 4H64a4 4 0 0 1-4-4v-45.41A52 52 0 0 0 72 164h112a52 52 0 0 0 12-1.41Zm-12-52h-18.88l6.76-27a4 4 0 0 0-7.76-1.94l-7.24 29H132V128a4 4 0 0 0-8 0v28H99.12l-7.24-29a4 4 0 1 0-7.76 2l6.76 27H72a44 44 0 0 1 0-88a45 45 0 0 1 5.34.33A51.7 51.7 0 0 0 76 80a4 4 0 0 0 8 0a44 44 0 0 1 88 0a4 4 0 0 0 8 0a51.7 51.7 0 0 0-1.34-11.67A45 45 0 0 1 184 68a44 44 0 0 1 0 88"/></svg>Cómo usar el icono Chef Hat Thin
React
import { Icon } from "@iconify/react";
<Icon icon="ph:chef-hat-thin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:chef-hat-thin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:chef-hat-thin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--chef-hat-thin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:chef-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:chef-hat-thin"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ph/chef-hat-thin.svg" alt="Icono Chef Hat Thin" width="24" height="24">Iconos relacionados en Phosphor
Preguntas frecuentes sobre Icono Chef Hat Thin
¿El icono Chef 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 Chef Hat Thin en React?
Instala @iconify/react y renderiza <Icon icon="ph:chef-hat-thin" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chef 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/chef-hat-thin.svg" alt="Icono Chef Hat Thin">, o pega el código SVG en línea para darle estilo con CSS.