Icono Chef Hat Heart Broken
solar:chef-hat-heart-broken
El icono Chef Hat Heart Broken (solar:chef-hat-heart-broken) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Comida
- Etiquetas
- chefhat, hatheart, heartbroken, chefhatheartbroken
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-linecap="round" stroke-width="1.5"><path d="M12 9.99481C10.65 8.70226 9 9.32696 9 11.0002C9 11.9846 10.1649 13.0248 11.0429 13.669C11.4626 13.977 11.6725 14.131 12 14.131"/><path d="M12 14.131C12.3275 14.131 12.5374 13.977 12.9571 13.669C13.8352 13.0248 15 11.9846 15 11.0002C15 9.32696 13.35 8.70226 12 9.99481"/><path stroke-linejoin="round" d="M5 18H13M19 18H17"/><path d="M5 14.584V18C5 19.8856 5 20.8285 5.58579 21.4142C6.17157 22 7.11438 22 9 22H10"/><path d="M19 14.584L19 18C19 19.8856 19 20.8285 18.4142 21.4142C17.8284 22 16.8856 22 15 22H14"/><path d="M5 14.584C3.2341 13.8124 2 12.0503 2 10C2 7.23858 4.23858 5 7 5C7.25052 5 7.49673 5.01842 7.73736 5.05399"/><path d="M16.2627 5.05399C16.5033 5.01842 16.7495 5 17.0001 5C19.7615 5 22.0001 7.23858 22.0001 10C22.0001 12.0503 20.766 13.8124 19.0001 14.584"/><path d="M16.5 7V6.5C16.5 5.99416 16.4165 5.50782 16.2626 5.05399C15.6604 3.27806 13.9794 2 12 2C10.0206 2 8.33962 3.27806 7.73736 5.05399C7.58346 5.50782 7.5 5.99416 7.5 6.5V7"/></g></svg>
Cómo usar el icono Chef Hat Heart Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:chef-hat-heart-broken" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:chef-hat-heart-broken" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:chef-hat-heart-broken" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--chef-hat-heart-broken]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chef-hat-heart-broken"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:chef-hat-heart-broken"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/chef-hat-heart-broken.svg" alt="Icono Chef Hat Heart Broken" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Chef Hat Heart Broken
¿El icono Chef Hat Heart Broken es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Chef Hat Heart Broken en React?
Instala @iconify/react y renderiza <Icon icon="solar:chef-hat-heart-broken" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chef Hat Heart Broken a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/chef-hat-heart-broken.svg" alt="Icono Chef Hat Heart Broken">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
