Icono Heartbreak Outline
glyphs:heartbreak-outline
El icono Heartbreak Outline (glyphs:heartbreak-outline) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, 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
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- heartbreakoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M26.729 14.849a16 16 0 0 0-11.314 27.313L29.492 56.24l.004.004l.057.058l.004.004l7.07 7.07a4 4 0 0 0 5.658 0l.004-.004l21.209-21.208A16 16 0 0 0 46.276 15.98a2 2 0 0 0-1.14 1.173l-4.467 8.515a2.276 2.276 0 0 0 1.425 3.253l4.334 1.161l-4.253 5.266q.14-.315.201-.638a3 3 0 0 0-2.17-3.47l-5.58-1.496l3.431-8.449a2 2 0 0 0-.499-2.224a16 16 0 0 0-10.83-4.222m-7.606 6.717a12 12 0 0 1 14.675-.414l-3.304 8.136a3 3 0 0 0 2.003 4.027l5.514 1.477l-5.532 11.621c-1.184 2.49 2.179 4.607 3.911 2.462L50.506 31.4c1.364-1.689.54-4.222-1.557-4.783l-3.735-1.001l3.236-6.171a12 12 0 0 1 3.734-.596a12 12 0 0 1 8.486 20.485L39.456 60.547L32.39 53.48l-.004-.004l-.057-.057l-14.085-14.085a12 12 0 0 1 .88-17.768" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M45.136 17.153a2 2 0 0 1 1.14-1.173a16 16 0 0 1 17.222 3.555a16 16 0 0 1 0 22.628L42.289 63.37l-.004.005a4 4 0 0 1-5.657 0l-7.071-7.071l-.004-.004l-.057-.058l-.004-.004l-14.077-14.077A16 16 0 0 1 37.558 19.07a2 2 0 0 1 .5 2.224l-3.432 8.45l5.58 1.495a3.002 3.002 0 0 1 1.969 4.108l4.253-5.266l-4.333-1.16a2.276 2.276 0 0 1-1.426-3.254zm0 0q0 0 0 0m-18.408 1.696a12 12 0 0 0-8.485 20.485l14.085 14.084l.057.058l.004.004l7.067 7.067L60.67 39.334a12 12 0 0 0-12.219-19.89l-3.236 6.172l3.735 1c2.096.562 2.92 3.095 1.557 4.784L36.39 48.875c-1.732 2.145-5.096.028-3.91-2.462l5.53-11.62l-5.513-1.478a3 3 0 0 1-2.003-4.027l3.304-8.136a12 12 0 0 0-7.07-2.303"/></g></svg>Cómo usar el icono Heartbreak Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:heartbreak-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:heartbreak-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:heartbreak-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--heartbreak-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:heartbreak-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:heartbreak-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/heartbreak-outline.svg" alt="Icono Heartbreak Outline" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Heartbreak Outline
¿El icono Heartbreak Outline es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Heartbreak Outline en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:heartbreak-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Heartbreak Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/heartbreak-outline.svg" alt="Icono Heartbreak Outline">, o pega el código SVG en línea para darle estilo con CSS.