Icono Heart Lock Bold

solar:heart-lock-bold

El icono Heart Lock Bold (solar:heart-lock-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: heartlock, lockbold, heartlockbold

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="M6.25 7.2892V7C6.25 5.19099 6.79645 3.72534 7.85181 2.71548C8.90153 1.71101 10.3582 1.25 12 1.25C13.6418 1.25 15.0985 1.71101 16.1482 2.71548C17.2036 3.72534 17.75 5.19099 17.75 7V7.2892C19.634 7.98746 21 9.87329 21 12.0992C21 15.9375 18.0316 18.1516 15.5044 20.0368C15.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.0368C5.96837 18.1516 3 15.9375 3 12.0992C3 9.87329 4.36604 7.98746 6.25 7.2892ZM7.75 7C7.75 5.4953 8.19732 4.46095 8.88885 3.79924C9.58601 3.13213 10.6294 2.75 12 2.75C13.3706 2.75 14.414 3.13213 15.1112 3.79924C15.8027 4.46095 16.25 5.4953 16.25 7V7.00134C14.8849 6.96863 13.3895 7.53302 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 Lock Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Heart Lock Bold

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

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

¿Cómo añado el icono Heart Lock 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-lock-bold.svg" alt="Icono Heart Lock Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →