Ícone Heart Unlock Outline
solar:heart-unlock-outline
O ícone Heart Unlock Outline (solar:heart-unlock-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Solar
- Autor
- 480 Design
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Curtir
- Tags
- heartunlock, unlockoutline, heartunlockoutline
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="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 fill-rule="evenodd" d="M6.26452 6.49209C6.06494 6.5542 5.86913 6.62782 5.67779 6.7125C3.66023 7.60535 2.25 9.68634 2.25 12.0992C2.25 14.46 3.26713 16.2564 4.58706 17.6953C5.64262 18.8461 6.93514 19.8095 8.06984 20.6553C8.32624 20.8464 8.57482 21.0317 8.81054 21.2116C9.27099 21.563 9.76987 21.9413 10.2764 22.2279C10.7832 22.5146 11.3656 22.75 12 22.75C12.6344 22.75 13.2168 22.5146 13.7236 22.2279C14.2301 21.9413 14.729 21.563 15.1895 21.2116C15.4253 21.0316 15.6737 20.8464 15.9302 20.6553C17.0649 19.8095 18.3574 18.8461 19.4129 17.6953C20.7329 16.2564 21.75 14.46 21.75 12.0992C21.75 9.68634 20.3398 7.60535 18.3222 6.7125C16.426 5.87334 14.0908 6.1195 12 7.9077C10.6371 6.74209 9.17044 6.23167 7.78917 6.24996C7.91054 5.1383 8.30582 4.3374 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.83627 1.71407 7.80968 2.72225C6.87863 3.63661 6.35596 4.9209 6.26452 6.49209ZM3.75 12.0992C3.75 10.2748 4.81485 8.7347 6.28482 8.08418C7.71357 7.4519 9.63741 7.61795 11.4681 9.4594C11.6089 9.601 11.8003 9.68062 12 9.68062C12.1997 9.68062 12.3911 9.601 12.5319 9.4594C14.3626 7.61795 16.2864 7.4519 17.7152 8.08418C19.1852 8.7347 20.25 10.2748 20.25 12.0992C20.25 13.9756 19.4584 15.4268 18.3076 16.6814C17.3573 17.7173 16.2076 18.5754 15.0792 19.4177C14.8105 19.6183 14.5428 19.8182 14.2794 20.0192C13.8054 20.3809 13.3871 20.6949 12.985 20.9223C12.5832 21.1496 12.2656 21.25 12 21.25C11.7344 21.25 11.4168 21.1496 11.015 20.9223C10.6129 20.6949 10.1946 20.3809 9.72058 20.0192C9.45722 19.8182 9.18967 19.6184 8.92091 19.4178C7.79253 18.5756 6.64268 17.7173 5.69244 16.6814C4.54161 15.4268 3.75 13.9756 3.75 12.0992Z" clip-rule="evenodd"/></g></svg>
Como usar o ícone Heart Unlock Outline
React
import { Icon } from "@iconify/react";
<Icon icon="solar:heart-unlock-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:heart-unlock-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:heart-unlock-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--heart-unlock-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:heart-unlock-outline"></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-outline"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/heart-unlock-outline.svg" alt="Ícone Heart Unlock Outline" width="24" height="24">
Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Heart Unlock Outline
O ícone Heart Unlock Outline é grátis para uso comercial?
Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Heart Unlock Outline no React?
Instale @iconify/react e renderize <Icon icon="solar:heart-unlock-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Heart Unlock Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/heart-unlock-outline.svg" alt="Ícone Heart Unlock Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Solar →
