Icono Hearts Broken
solar:hearts-broken
El icono Hearts Broken (solar:hearts-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
- Me gusta
- Etiquetas
- heartsbroken, heart
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.52401 17C7.34949 17.6794 8.19243 18.3044 8.96173 18.9109C10 19.7294 11 20.5 12 20.5C12.6939 20.5 13.3878 20.1289 14.0945 19.6283M14.0945 19.6283C14.3462 19.8137 14.5939 19.993 14.8291 20.1692C15.4001 20.5971 15.95 21 16.5 21C17.05 21 17.6 20.5971 18.171 20.1692C18.4357 19.9709 18.7161 19.7689 19.0001 19.5584M21.5091 17C21.8135 16.4363 22 15.798 22 15.0595C22 14.2243 21.6735 13.4689 21.1474 12.9177C21.1311 12.9007 21.1147 12.8838 21.098 12.8672C20.0141 11.7831 18.1368 11.5419 16.5 13.1584C14.8381 11.5171 12.9283 11.7909 11.8528 12.9177C11.3266 13.4689 11.0001 14.2243 11.0001 15.0595C11.0001 17.2323 12.6149 18.5377 14.0945 19.6283M3 13.0516C2.38338 11.9242 2 10.639 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 10.5577 21.657 11.7844 21.098 12.8672"/></svg>Cómo usar el icono Hearts Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:hearts-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:hearts-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:hearts-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--hearts-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:hearts-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:hearts-broken"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/hearts-broken.svg" alt="Icono Hearts Broken" width="24" height="24">Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Hearts Broken
¿El icono Hearts 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 Hearts Broken en React?
Instala @iconify/react y renderiza <Icon icon="solar:hearts-broken" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hearts Broken a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/hearts-broken.svg" alt="Icono Hearts Broken">, o pega el código SVG en línea para darle estilo con CSS.