Ícone Heart Unlock Bold

solar:heart-unlock-bold

O ícone Heart Unlock Bold (solar:heart-unlock-bold) é 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, unlockbold, heartunlockbold

Baixar 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Heart Unlock Bold

O ícone Heart Unlock Bold é 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 Bold no React?

Instale @iconify/react e renderize <Icon icon="solar:heart-unlock-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Heart Unlock Bold 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-bold.svg" alt="Ícone Heart Unlock Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →