Icono Heart Unlock Bold Duotone

solar:heart-unlock-bold-duotone

El icono Heart Unlock Bold Duotone (solar:heart-unlock-bold-duotone) 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: heartunlock, unlockbold, boldduotone, heartunlockboldduotone

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.50118 7.01398C7.66526 6.01711 8.055 5.27482 8.59388 4.74477C9.33288 4.01787 10.4444 3.6 11.896 3.6C13.7289 3.6 15.0149 4.26126 15.7123 5.39117C15.9359 5.75349 16.3769 5.84223 16.6974 5.58937C17.0178 5.33652 17.0963 4.83782 16.8727 4.4755C15.821 2.77149 14.0086 2 11.896 2C10.2215 2 8.73888 2.48148 7.66517 3.5376C6.72077 4.46652 6.16184 5.77209 6.03027 7.37702C6.49056 7.17952 6.98528 7.0541 7.50118 7.01398Z"/><path fill-rule="evenodd" d="M8.49565 20.0367C5.96837 18.1516 3 15.9375 3 12.0992C3 7.86196 7.95014 4.85701 12 8.93062C16.0499 4.85701 21 7.86196 21 12.0992C21 15.9375 18.0316 18.1516 15.5044 20.0367C15.2417 20.2327 14.9838 20.4251 14.7344 20.6154C13.8 21.3285 12.9 22 12 22C11.1 22 10.2 21.3285 9.26556 20.6154C9.01624 20.4251 8.75832 20.2327 8.49565 20.0367Z" clip-rule="evenodd" opacity=".5"/><path d="M12 11.25C12.4142 11.25 12.75 11.5858 12.75 12V14.5C12.75 14.9142 12.4142 15.25 12 15.25C11.5858 15.25 11.25 14.9142 11.25 14.5V12C11.25 11.5858 11.5858 11.25 12 11.25Z"/></g></svg>

Cómo usar el icono Heart Unlock Bold Duotone

React

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

<Icon icon="solar:heart-unlock-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:heart-unlock-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:heart-unlock-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--heart-unlock-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:heart-unlock-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:heart-unlock-bold-duotone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/heart-unlock-bold-duotone.svg" alt="Icono Heart Unlock Bold Duotone" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Heart Unlock Bold Duotone

¿El icono Heart Unlock Bold Duotone 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 Heart Unlock Bold Duotone en React?

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

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

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

Ver todos los Iconos Solar →