Ícone Anatomical Heart
fluent-emoji-high-contrast:anatomical-heart
O ícone Anatomical Heart (fluent-emoji-high-contrast:anatomical-heart) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Pessoas e corpo
- Tags
- anatomicalheart
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28.517 12h-.842a7.2 7.2 0 0 0-.788-1.67l.73-.73a.999.999 0 0 0-1.083-1.634c.3-.413.483-.916.483-1.466a2.5 2.5 0 0 0-2.5-2.5h-2.5c-.343 0-.677.033-1.007.081A1 1 0 0 0 20.018 3c-.354 0-.695.188-.878.519l-.427.778a8 8 0 0 0-1.696-.278V3a1 1 0 1 0-2 0v1.139a8 8 0 0 0-1.09.278l-1.103-1.508a1 1 0 0 0-1.615 1.182l.911 1.244l-.083.067H12c-.682 0-1.344.083-1.983.227V5.5a2.5 2.5 0 1 0-5 0v1.1l-.293-.307A1 1 0 0 0 3.31 7.707l1.469 1.34A8.95 8.95 0 0 0 3 14.402v1.371c0 1.788.896 3.361 2.259 4.311a7.2 7.2 0 0 0 1.4 1.586l8.621 7.194A7.48 7.48 0 0 0 20.517 31a7.48 7.48 0 0 0 5.303-2.196l.001-.001a7.5 7.5 0 0 0 2.196-5.303v-9.311c0-.064-.008-.126-.01-.189h.51a1 1 0 1 0 0-2m-4.111 15.389A5.48 5.48 0 0 1 20.517 29a5.48 5.48 0 0 1-3.889-1.611l-.032-.032l-7.662-6.395c2.582-.335 4.583-2.517 4.583-5.19v-3.339c.51.206 1.065.36 1.65.455c.168.655.472 1.262.909 1.761a3.9 3.9 0 0 0 2.727 1.345l.213.006c2.209-.001 4-1.79 4.001-4v-1.5c.001-.318.101-.612.27-.854q.464.252.866.59c.114.096.239.179.345.284c.369.369.661.805.906 1.269q.17.321.296.668q.23.649.281 1.365c.009.124.037.241.037.367V23.5a5.48 5.48 0 0 1-1.612 3.889M17.084 6.035A7 7 0 0 0 15.7 8a7 7 0 0 0-.389 1a7 7 0 0 0-.285 1.818c-.582-.141-1.096-.35-1.509-.614c-.475-.303-.808-.668-1-1.046c-.027-.053-.061-.105-.082-.158a1.4 1.4 0 0 1-.106-.5a1.4 1.4 0 0 1 .187-.69c.567-1.052 1.746-1.502 2.857-1.704c.001 0 1.65-.076 1.711-.071m7.933.465c0 .275-.225.5-.5.5c-1.407 0-2.697.891-3.214 2.193c-.361.908-.285 1.856-.286 2.807a2.004 2.004 0 0 1-2.001 2l-.108-.003c-.521-.028-.977-.27-1.328-.666a2.3 2.3 0 0 1-.26-.373c-.833-1.469-.226-3.755.753-5.002C19.726 5.849 22.132 6 24.517 6c.275 0 .499.225.5.5M5 14.402c.001-3.052 2.092-5.848 5.017-6.711a7 7 0 0 1 .444-.114a3.3 3.3 0 0 0-.132.923c0 .741.251 1.439.688 2.056q.22.309.5.588v4.629a3.26 3.26 0 0 1-3.258 3.258a3.2 3.2 0 0 1-1.546-.409a3.25 3.25 0 0 1-1.614-2.091A3.2 3.2 0 0 1 5 15.773zM7.017 6.6V5.5a.5.5 0 0 1 1 0v.841a9 9 0 0 0-1 .569z"/></svg>Como usar o ícone Anatomical Heart
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:anatomical-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:anatomical-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:anatomical-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--anatomical-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:anatomical-heart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:anatomical-heart"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/anatomical-heart.svg" alt="Ícone Anatomical Heart" width="24" height="24">O ícone Anatomical Heart em outras coleções
Perguntas frequentes sobre Ícone Anatomical Heart
O ícone Anatomical Heart é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Anatomical Heart no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:anatomical-heart" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Anatomical Heart a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/anatomical-heart.svg" alt="Ícone Anatomical Heart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.