Ícone Heteml

ls:heteml

O ícone Heteml (ls:heteml) é um ícone SVG gratuito da coleção Ligature Symbols de Kazuyuki Motoyama. Ele é desenhado em uma grade de 1132 × 626. Ligature Symbols icons são publicados sob a Open Font License, 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: Ligature Symbols
Autor: Kazuyuki Motoyama
Licença: OFL-1.1
Tamanho: 1132 × 626

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1132" height="626" viewBox="0 0 1132 626"><path fill="currentColor" d="M1132 146c-24-4-48 6-63 24c21 25 31 57 34 103c7 84 5 150-71 212c-27 22-56 37-87 49c3 20 3 42 0 63c-6 30-57 27-83 28c-41 2-95 1-111-9c-9-6-2-31 3-36c3-4 5-10 5-16c-27 0-54 0-82-1c-40-1-81 1-120 1c0 11-1 23-3 34c-4 30-48 27-70 27c-35 2-81 0-93-10c-9-7-4-28 2-36c7-10 8-32 9-53c-23-17-42-42-56-77c-2-6-5-13-7-19c-28 23-60 44-94 66c-75 49-150 31-198-5C-2 456-8 371 8 345c15-26 53-38 117-69c60-29 59-69 81-108c4-6 10-12 18-17c-7-6-13-14-17-25c17-5 35 3 45 12c-1-12 9-30 28-41c5 11 5 24 1 35c29-5 58-5 73-3c23-14 57-25 117-32c120-16 453-18 525 18c23 12 42 24 57 37c22-17 53-23 79-6M201 262c7 0 13-6 13-13c0-6-6-12-13-12s-12 6-12 12c0 7 5 13 12 13"/></svg>

Como usar o ícone Heteml

React

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

<Icon icon="ls:heteml" width="24" />

Vue

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

<template>
  <Icon icon="ls:heteml" width="24" />
</template>

Svelte

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

<Icon icon="ls:heteml" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--heteml]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:heteml"></div>

Web component

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

<iconify-icon icon="ls:heteml"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ls/heteml.svg" alt="Ícone Heteml" width="24" height="24">

Perguntas frequentes sobre Ícone Heteml

O ícone Heteml é grátis para uso comercial?

Sim. Ligature Symbols icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Heteml no React?

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

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

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

Ver todos os Ícones Ligature Symbols →