Heteml アイコン
ls:heteml
Heteml アイコン(ls:heteml)は、Ligature Symbols セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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 で公開されており、個人・商用プロジェクトで利用できます。
React で Heteml アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:heteml" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heteml アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/heteml.svg" alt="Heteml アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。