Ícone Heartbeat
la:heartbeat
O ícone Heartbeat (la:heartbeat) é um ícone SVG gratuito da coleção Line Awesome de Icons8. Ele é desenhado em uma grade de 32 × 32. Line Awesome icons são publicados sob a licença Apache 2.0, 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
- Line Awesome
- Autor
- Icons8
- Licença
- Apache-2.0
- Tamanho
- 32 × 32
- Categoria
- Medicina
- Tags
- heartbeat solid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.781 5C6.492 5 3 8.3 3 12.36c0 .218.02.425.035.64H5.04a7 7 0 0 1-.039-.64C5 9.405 7.594 7 10.781 7c1.457 0 2.848.504 3.918 1.418L16 9.531l1.3-1.113C18.368 7.504 19.759 7 21.22 7C24.406 7 27 9.406 27 12.36c0 5.12-4.824 8.156-8.703 10.597c-.887.555-1.664 1.047-2.297 1.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98 2.41 4.785 4.188 7.11 5.652c.972.61 1.808 1.137 2.402 1.602c0 0 .95.738.957.746c.004-.008.953-.746.953-.746c.594-.465 1.43-.992 2.406-1.602C23.426 22.09 29 18.586 29 12.36C29 8.301 25.508 5 21.219 5c-1.95 0-3.797.68-5.219 1.898C14.578 5.68 12.727 5 10.781 5m1.188 4.387l-2.336 5.832L9.414 15H3v2h5.586l1.777 1.781l1.668-4.168l3 7l2.07-5.175l.282.562h1.887A1.999 1.999 0 0 0 23 16a1.999 1.999 0 0 0-3.73-1h-.653l-1.719-3.438l-1.93 4.825z"/></svg>
Como usar o ícone Heartbeat
React
import { Icon } from "@iconify/react";
<Icon icon="la:heartbeat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:heartbeat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:heartbeat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--heartbeat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:heartbeat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:heartbeat"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/la/heartbeat.svg" alt="Ícone Heartbeat" width="24" height="24">
O ícone Heartbeat em outras coleções
Perguntas frequentes sobre Ícone Heartbeat
O ícone Heartbeat é grátis para uso comercial?
Sim. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Heartbeat no React?
Instale @iconify/react e renderize <Icon icon="la:heartbeat" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Heartbeat a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/la/heartbeat.svg" alt="Ícone Heartbeat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Line Awesome →
ICONYZ
