Ícone Chef Hat Heart
reicon:chef-hat-heart
O ícone Chef Hat Heart (reicon:chef-hat-heart) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.253 4.255a5.25 5.25 0 0 1 9.494 0A5.75 5.75 0 0 1 19.75 15.05v3.002c0 .899 0 1.648-.08 2.242c-.084.628-.27 1.195-.726 1.65c-.455.456-1.022.642-1.65.726c-.594.08-1.344.08-2.242.08H8.948c-.898 0-1.648 0-2.242-.08c-.628-.084-1.195-.27-1.65-.726c-.456-.455-.642-1.022-.726-1.65c-.08-.594-.08-1.343-.08-2.242v-3.001A5.75 5.75 0 0 1 7.253 4.256m-.45 1.5A4.25 4.25 0 0 0 5.3 13.897a.75.75 0 0 1 .45.687v2.666h12.5v-2.666a.75.75 0 0 1 .45-.687a4.251 4.251 0 0 0-1.503-8.142q.053.365.053.745V7a.75.75 0 0 1-1.5 0v-.5A3.746 3.746 0 0 0 12 2.75A3.75 3.75 0 0 0 8.25 6.5V7a.75.75 0 0 1-1.5 0v-.5q0-.38.053-.745M18.248 18.75H5.752c.004.57.018 1 .065 1.345c.062.461.169.659.3.789s.327.237.788.3c.483.064 1.131.066 2.095.066h6c.964 0 1.612-.002 2.095-.067c.461-.062.659-.169.789-.3s.237-.327.3-.788c.046-.346.06-.776.064-1.345M14.254 8.678c.934.327 1.496 1.225 1.496 2.322c0 .77-.441 1.451-.875 1.953c-.453.524-1.014.983-1.474 1.32l-.07.053c-.352.26-.752.555-1.331.555c-.58 0-.98-.296-1.33-.555l-.07-.052c-.46-.338-1.022-.797-1.475-1.321C8.69 12.45 8.25 11.77 8.25 11c0-1.097.562-1.995 1.496-2.322c.729-.256 1.538-.112 2.254.36c.716-.472 1.525-.616 2.254-.36m-.496 1.415c-.25-.088-.714-.06-1.24.444a.75.75 0 0 1-1.037 0c-.525-.504-.989-.532-1.24-.444c-.228.08-.491.331-.491.907c0 .215.141.546.51.972c.348.403.809.786 1.226 1.092a4 4 0 0 0 .42.288c.054.029.07.03.094.03s.04-.001.094-.03a4 4 0 0 0 .42-.288c.417-.306.878-.69 1.227-1.092c.368-.426.509-.757.509-.972c0-.576-.263-.826-.492-.907" clip-rule="evenodd"/></svg>Como usar o ícone Chef Hat Heart
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:chef-hat-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:chef-hat-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:chef-hat-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--chef-hat-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:chef-hat-heart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:chef-hat-heart"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/chef-hat-heart.svg" alt="Ícone Chef Hat Heart" width="24" height="24">Ícones relacionados em Reicon
Perguntas frequentes sobre Ícone Chef Hat Heart
O ícone Chef Hat Heart é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Chef Hat Heart no React?
Instale @iconify/react e renderize <Icon icon="reicon:chef-hat-heart" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Chef Hat Heart a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/chef-hat-heart.svg" alt="Ícone Chef Hat Heart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.