Ícone Heart Unlock

reicon:heart-unlock

O ícone Heart Unlock (reicon:heart-unlock) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Reicon
Autor: REICON
Licença: MIT
Tamanho: 24 × 24
Categoria: Curtir
Tags: heartunlock

Baixar 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 d="M12 11.25a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V12a.75.75 0 0 1 .75-.75"/><path fill-rule="evenodd" d="M6.265 6.492q-.3.093-.587.22C3.66 7.606 2.25 9.687 2.25 12.1c0 2.361 1.017 4.157 2.337 5.596c1.056 1.151 2.348 2.114 3.483 2.96q.386.287.74.557c.461.351.96.73 1.466 1.016c.507.287 1.09.522 1.724.522s1.217-.235 1.724-.522s1.005-.665 1.466-1.016q.354-.27.74-.557c1.135-.846 2.427-1.809 3.483-2.96c1.32-1.439 2.337-3.235 2.337-5.596c0-2.413-1.41-4.494-3.428-5.386c-1.896-.84-4.231-.593-6.322 1.195c-1.363-1.166-2.83-1.676-4.21-1.658c.12-1.112.516-1.913 1.07-2.458c.676-.663 1.685-1.042 3.012-1.042c1.667 0 2.84.594 3.49 1.644a.75.75 0 1 0 1.276-.788c-.993-1.607-2.73-2.356-4.766-2.356c-1.609 0-3.036.464-4.062 1.472c-.931.915-1.454 2.199-1.545 3.77M3.75 12.1c0-1.824 1.065-3.364 2.535-4.015c1.429-.632 3.352-.466 5.183 1.375a.75.75 0 0 0 1.064 0c1.83-1.841 3.754-2.007 5.183-1.375c1.47.65 2.535 2.19 2.535 4.015c0 1.877-.792 3.328-1.942 4.582c-.95 1.036-2.1 1.894-3.229 2.737q-.404.3-.8.601c-.474.362-.892.676-1.294.903c-.402.228-.72.328-.985.328c-.266 0-.583-.1-.985-.328c-.402-.227-.82-.541-1.294-.903a94 94 0 0 0-.8-.601c-1.128-.842-2.278-1.7-3.229-2.737c-1.15-1.254-1.942-2.705-1.942-4.582" clip-rule="evenodd"/></g></svg>

Como usar o ícone Heart Unlock

React

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

<Icon icon="reicon:heart-unlock" width="24" />

Vue

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

<template>
  <Icon icon="reicon:heart-unlock" width="24" />
</template>

Svelte

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

<Icon icon="reicon:heart-unlock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--heart-unlock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:heart-unlock"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:heart-unlock"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Reicon

Perguntas frequentes sobre Ícone Heart Unlock

O ícone Heart Unlock é grátis para uso comercial?

Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Heart Unlock no React?

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

Como adiciono o ícone Heart Unlock a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/heart-unlock.svg" alt="Ícone Heart Unlock">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Reicon →