Icono Heart Empty

el:heart-empty

El icono Heart Empty (el:heart-empty) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive Icons se publican bajo la Open Font License, 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: Elusive Icons
Autor: Team Redux
Licencia: OFL-1.1
Tamaño: 1200 × 1200
Etiquetas: heartempty

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M832.486 46.17c-48.316.497-97.873 9.932-146.357 29.285l-2.201.934l-2.201 1.134c-30.735 15.652-58.748 35.232-83.651 58.436c-134.023-115.917-347.394-124.33-493.37 7.271l-1.468 1.334l-1.334 1.401C-26.152 279.721-23.153 485.712 53.607 648.474l.667 1.268l.667 1.334c90.404 167.407 259.216 309.652 413.054 426.596l.4.333l.333.268c9.897 7.256 26.915 22.257 46.562 37.022c19.646 14.766 41.839 30.948 74.312 37.156l7.271 1.4l7.338-.601c34.082-2.939 47.452-15.523 69.843-29.617s47.177-31.986 72.645-51.565c50.202-38.595 102.147-83.079 136.351-114.804c.44-.409 1.166-.997 1.601-1.401c.071-.06.13-.14.2-.2c72.052-61.482 143.423-132.361 203.926-215.732c.019-.025.048-.041.065-.066c.114-.153.22-.313.334-.467c95.955-129.193 142.502-303.295 86.987-474.825l-1.001-3.069l-1.334-2.869C1111.497 123.881 977.435 44.681 832.486 46.17m1.735 105.532c104.434-2.402 195.973 53.518 241.415 149.158c41.99 133.897 5.693 270.32-72.512 375.364l-.2.267l-.199.268c-54.48 75.18-120.459 140.988-188.85 199.189l-.867.801l-.867.8c-30.797 28.667-82.925 73.323-130.547 109.935c-23.812 18.306-46.64 34.665-64.373 45.828c-6.668 4.197-13.008 7.059-18.212 9.272c-5.469-2.988-12.41-7.196-19.611-12.607c-14.5-10.897-29.94-24.809-46.763-37.224c-.262-.199-.538-.4-.8-.601c-149.294-113.553-306.55-251.435-382.169-390.44c-61.391-131.153-58.712-288.132 28.017-380.368c117.926-104.852 293.123-82.057 380.5 25.549l42.56 52.366l41.159-53.433c23.682-30.723 51.943-54.21 86.253-72.044c35.963-14.049 71.694-21.29 106.066-22.08"/></svg>

Cómo usar el icono Heart Empty

React

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

<Icon icon="el:heart-empty" width="24" />

Vue

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

<template>
  <Icon icon="el:heart-empty" width="24" />
</template>

Svelte

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

<Icon icon="el:heart-empty" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--heart-empty]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:heart-empty"></div>

Web component

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

<iconify-icon icon="el:heart-empty"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/el/heart-empty.svg" alt="Icono Heart Empty" width="24" height="24">

Iconos relacionados en Elusive Icons

El icono Heart Empty en otras colecciones

Preguntas frecuentes sobre Icono Heart Empty

¿El icono Heart Empty es gratis para uso comercial?

Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Heart Empty en React?

Instala @iconify/react y renderiza <Icon icon="el:heart-empty" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Heart Empty a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/heart-empty.svg" alt="Icono Heart Empty">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Elusive Icons →