Иконка Heteml

ls:heteml

Иконка Heteml (ls:heteml) — бесплатная SVG-иконка из набора Ligature Symbols от Kazuyuki Motoyama. Она нарисована на сетке 1132 × 626. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Ligature Symbols
Автор: Kazuyuki Motoyama
Лицензия: OFL-1.1
Размер: 1132 × 626

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/ls/heteml.svg" alt="Иконка Heteml" width="24" height="24">

Вопросы и ответы: Иконка Heteml

Можно ли бесплатно использовать иконку Heteml в коммерческих проектах?

Да. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Heteml в React?

Установите @iconify/react и выведите <Icon icon="ls:heteml" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Heteml на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ls/heteml.svg" alt="Иконка Heteml">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Ligature Symbols →