Icono Heart Unlock Bold

solar:heart-unlock-bold

El icono Heart Unlock Bold (solar:heart-unlock-bold) 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, heartunlockbold

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.75 7C7.75 5.48967 8.1881 4.45301 8.8607 3.79247C9.5362 3.12908 10.545 2.75 11.8718 2.75C13.5394 2.75 14.7129 3.34422 15.3621 4.39436C15.5798 4.74669 16.042 4.85575 16.3944 4.63795C16.7467 4.42015 16.8557 3.95797 16.6379 3.60564C15.6448 1.99898 13.9089 1.25 11.8718 1.25C10.2634 1.25 8.83628 1.71407 7.80968 2.72225C6.78019 3.73328 6.25 5.19662 6.25 7V7.2892C4.36604 7.98746 3 9.87329 3 12.0992C3 15.9375 5.96837 18.1516 8.49565 20.0368C8.75832 20.2327 9.01624 20.4251 9.26556 20.6154C10.2 21.3285 11.1 22 12 22C12.9 22 13.8 21.3285 14.7344 20.6154C14.9838 20.4251 15.2417 20.2327 15.5044 20.0368C18.0316 18.1516 21 15.9375 21 12.0992C21 7.86196 16.0499 4.85701 12 8.93062C10.6105 7.53302 9.11513 6.96863 7.75 7.00134V7ZM12 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" clip-rule="evenodd"/></svg>

Cómo usar el icono Heart Unlock Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:heart-unlock-bold"></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"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Heart Unlock Bold

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

Instala @iconify/react y renderiza <Icon icon="solar:heart-unlock-bold" />, 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 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.svg" alt="Icono Heart Unlock Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →