Icono Hearts Sharp Two Tone

keyline-icons:hearts-sharp-two-tone

El icono Hearts Sharp Two Tone (keyline-icons:hearts-sharp-two-tone) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline 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: Keyline Icons
Autor: Keyline Icons
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: heartssharp, sharptwo, twotone, heartssharptwotone, heart

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7.3505 21.7604C7.0813 21.5312 6.8094 21.3051 6.535 21.0822C6.2566 20.8553 5.9786 20.6318 5.6962 20.4035C5.1318 19.9535 4.5788 19.4893 4.0379 19.0114C3.7722 18.7742 3.5137 18.5292 3.2626 18.2766C3.0149 18.0275 2.7783 17.7676 2.5535 17.4977C2.3309 17.2306 2.1248 16.9501 1.9364 16.6579C1.748 16.3656 1.5833 16.0587 1.4439 15.7401C1.1529 15.0817 1.0017 14.3699 1 13.65C0.9997 12.8513 1.2207 12.0681 1.6383 11.3872C2.2593 10.3815 3.2442 9.6541 4.3881 9.3563C4.78 9.2526 5.1836 9.2001 5.589 9.2001C5.9671 9.2001 6.3437 9.2458 6.7108 9.3361C7.1651 9.4509 7.5996 9.6331 8 9.8765C8.7224 9.4341 9.5529 9.2 10.4 9.2C10.4056 9.2 10.4113 9.2 10.4169 9.2C11.6161 9.2 12.7693 9.6613 13.6375 10.4885C14.2029 11.0275 14.6153 11.7067 14.8326 12.457C14.9439 12.8449 15.0002 13.2465 15 13.65C14.9983 14.3699 14.8471 15.0817 14.5561 15.7401C14.4167 16.0587 14.252 16.3656 14.0636 16.6579C13.8752 16.9501 13.6691 17.2306 13.4465 17.4977C13.2217 17.7676 12.9851 18.0275 12.7374 18.2766C12.4863 18.5292 12.2278 18.7742 11.9621 19.0114C11.4212 19.4893 10.8682 19.9535 10.3038 20.4035C10.0214 20.6318 9.7434 20.8553 9.465 21.0822C9.1906 21.3051 8.9187 21.5312 8.6495 21.7604C8.4684 21.915 8.2381 22 8 22C7.7619 22 7.5316 21.915 7.3505 21.7604Z" stroke="none"/><path d="M8 21C5.2626 18.662 2 16.65 2 13.65C2 11.7446 3.6117 10.2 5.6 10.2C6.5 10.2 7.3056 10.5275 8 11.1C8.6944 10.5275 9.5 10.2 10.4 10.2C12.3883 10.2 14 11.7446 14 13.65C14 16.65 10.7374 18.662 8 21ZM9.942 7.1385L10.0086 6.21C10.1372 4.4166 11.6959 3 13.6 3C14.5 3 15.3056 3.3275 16 3.9C16.6944 3.3275 17.5 3 18.4 3C20.3883 3 22 4.5446 22 6.45C22 8.7806 20.031 10.5149 17.8689 12.2689L17.4989 12.5691"/></g></svg>

Cómo usar el icono Hearts Sharp Two Tone

React

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

<Icon icon="keyline-icons:hearts-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:hearts-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:hearts-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hearts-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hearts-sharp-two-tone"></div>

Web component

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

<iconify-icon icon="keyline-icons:hearts-sharp-two-tone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/hearts-sharp-two-tone.svg" alt="Icono Hearts Sharp Two Tone" width="24" height="24">

Iconos relacionados en Keyline Icons

Preguntas frecuentes sobre Icono Hearts Sharp Two Tone

¿El icono Hearts Sharp Two Tone es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Hearts Sharp Two Tone en React?

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

¿Cómo añado el icono Hearts Sharp Two Tone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/hearts-sharp-two-tone.svg" alt="Icono Hearts Sharp Two Tone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →