Icono Locked Heart
game-icons:locked-heart
El icono Locked Heart (game-icons:locked-heart) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.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
- Game Icons
- Autor
- GameIcons
- Licencia
- CC-BY-3.0
- Tamaño
- 512 × 512
- Etiquetas
- lockedheart
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 27.845c-21.563 0-48.67 1.224-69.041 9.357C166.589 45.336 153 58.047 153 86.845v51.847a125 125 0 0 1 19.988-1.732c3.353-.02 6.693.103 10.012.355v-38.47c0-16 11.186-28.155 24.975-35.05c13.788-6.893 30.9-9.95 48.025-9.95s34.237 3.057 48.025 9.95C317.815 70.69 329 82.846 329 98.846v38.478a124.6 124.6 0 0 1 30 1.377V86.845c0-28.798-13.589-41.51-33.959-49.643S277.563 27.845 256 27.845m-83.12 127.093a107.7 107.7 0 0 0-22.886 2.682C109.396 166.847 73 198.594 73 258.845c0 43 37.72 89.974 81.213 131.49c21.747 20.758 44.64 40.173 64.25 57.52c15.099 13.356 28.124 25.257 37.537 36.3c9.413-11.043 22.438-22.944 37.537-36.3c19.61-17.347 42.503-36.762 64.25-57.52C401.28 348.819 439 301.845 439 258.845c0-60.25-36.396-91.998-76.994-101.225s-83.648 5.56-97.65 40.567L256 219.075l-8.355-20.888c-11.377-28.443-41.931-43.537-74.764-43.249zM256 234.845a44.49 44.49 0 0 1 44.488 44.488A44.49 44.49 0 0 1 284 313.876l16.488 98.922h-88.976l16.49-98.936a44.49 44.49 0 0 1-16.49-34.529A44.49 44.49 0 0 1 256 234.845"/></svg>Cómo usar el icono Locked Heart
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:locked-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:locked-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:locked-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--locked-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:locked-heart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:locked-heart"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/game-icons/locked-heart.svg" alt="Icono Locked Heart" width="24" height="24">Iconos relacionados en Game Icons
Preguntas frecuentes sobre Icono Locked Heart
¿El icono Locked Heart es gratis para uso comercial?
Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Locked Heart en React?
Instala @iconify/react y renderiza <Icon icon="game-icons:locked-heart" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Locked Heart a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/locked-heart.svg" alt="Icono Locked Heart">, o pega el código SVG en línea para darle estilo con CSS.