Icono Heart Lock Bold Duotone

solar:heart-lock-bold-duotone

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

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 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"/><path d="M7.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.00134C16.7736 7.01389 17.2781 7.11428 17.75 7.2892V7C17.75 5.19099 17.2036 3.72534 16.1482 2.71548C15.0985 1.71101 13.6418 1.25 12 1.25C10.3582 1.25 8.90153 1.71101 7.85181 2.71548C6.79645 3.72534 6.25 5.19099 6.25 7V7.2892C6.72194 7.11428 7.22639 7.01389 7.75 7.00134V7Z"/></g></svg>

Cómo usar el icono Heart Lock Bold Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Heart Lock Bold Duotone

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

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

Ver todos los Iconos Solar →