Ícone Heart Crack Fill

keyline-icons:heart-crack-fill

O ícone Heart Crack Fill (keyline-icons:heart-crack-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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.

Coleção: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: heartcrack, crackfill, heartcrackfill

Baixar 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="M16 1.99965C19.8254 1.99965 22.9998 4.98215 23 8.74965C23 11.6439 21.4179 13.9744 19.4219 15.9918C17.4583 17.9765 14.8377 19.8914 12.6494 21.7604C12.2754 22.0796 11.7246 22.0796 11.3506 21.7604C9.16227 19.8914 6.54173 17.9765 4.57812 15.9918C2.5821 13.9744 1 11.6439 1 8.74965C1.00019 4.98215 4.17457 1.99965 8 1.99965C9.27426 1.99965 10.4435 2.33983 11.4902 2.93715L9.55664 8.41762C9.46577 8.67544 9.48459 8.96003 9.6084 9.20375C9.73228 9.44743 9.95107 9.63005 10.2129 9.70864L11.5068 10.0963L10.1318 12.5045C9.90837 12.896 9.97423 13.3889 10.293 13.7077L12.293 15.7077C12.6834 16.098 13.3165 16.0979 13.707 15.7077C14.0975 15.3172 14.0975 14.6841 13.707 14.2936L12.2471 12.8336L13.8682 9.99672C14.0194 9.73208 14.0417 9.4126 13.9287 9.12954C13.8156 8.84645 13.5791 8.63022 13.2871 8.54262L11.792 8.0934L13.7754 2.47622C13.7896 2.43599 13.7998 2.39477 13.8086 2.35415C14.4982 2.12426 15.2299 1.99965 16 1.99965Z" clip-rule="evenodd"/></svg>

Como usar o ícone Heart Crack Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:heart-crack-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:heart-crack-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:heart-crack-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--heart-crack-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:heart-crack-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:heart-crack-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/heart-crack-fill.svg" alt="Ícone Heart Crack Fill" width="24" height="24">

Ícones relacionados em Keyline Icons

O ícone Heart Crack Fill em outras coleções

Perguntas frequentes sobre Ícone Heart Crack Fill

O ícone Heart Crack Fill é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Heart Crack Fill no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:heart-crack-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Heart Crack Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/heart-crack-fill.svg" alt="Ícone Heart Crack Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →