Sqale アイコン
ls:sqale
Sqale アイコン(ls:sqale)は、Ligature Symbols セットの無料 SVG アイコンです（作者: Kazuyuki Motoyama）。 1932 × 701 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ligature Symbols
- 作者
- Kazuyuki Motoyama
- ライセンス
- OFL-1.1
- サイズ
- 1932 × 701
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1932" height="701" viewBox="0 0 1932 701"><path fill="currentColor" d="M178 55C92 55 10 84 10 191c0 55 30 103 113 163c85 61 110 85 110 128c0 60-50 76-105 76c-26 0-64-2-95-8c-23-4-33 16-33 30c0 13 4 21 11 26c23 14 88 18 117 18c110 0 183-46 183-149c0-63-32-104-117-163c-70-48-105-86-105-126c0-53 34-66 103-66c38 0 59 3 82 5c26 3 34-11 34-27c0-12-4-21-17-28c-18-10-53-15-113-15m960 446l20 83c6 27 18 35 38 35c38 0 47-13 47-32c0-7-2-20-9-45c-25-99-80-313-114-434c-12-41-35-53-81-53c-41 0-67 15-77 47c-33 108-96 343-122 440c-6 20-9 38-9 45c0 23 20 32 45 32c15 0 25-5 32-30l21-88c8-28 17-34 35-34h135c24 0 33 8 39 34m-119-351c5-16 9-20 19-20c9 0 14 4 19 20c17 55 55 220 55 235c0 16-8 19-30 19h-92c-20 0-29-3-29-19s42-180 58-235m381 378V91c0-26-18-31-40-31c-17 0-39 5-39 31v463c0 41 23 62 74 62h149c19 0 24-15 24-34c0-16-5-33-24-33h-121c-19 0-23-4-23-21m339-398h157c18 0 23-16 23-34c0-17-5-33-23-33h-186c-50 0-74 23-74 62v429c0 41 24 62 74 62h199c18 0 23-15 23-34c0-16-5-33-23-33h-170c-20 0-23-4-23-21V384c0-18 3-22 23-22h145c19 0 24-13 24-32c0-16-5-30-24-30h-145c-20 0-23-4-23-21V165c0-28 3-35 23-35M746 345c33 0 41 14 40 35c-1 2-1 4-1 7c-8 102-34 160-76 195c-7 6-6 12-3 15c18 20 37 41 43 46c12 14 14 32-2 48c-19 17-36 9-47-2c-7-7-37-42-59-67c-3-3-10-8-20-8c-24 3-54 3-76 0c-80-11-137-57-157-171c-3-16-5-30-6-46c0-3 0-6-1-10v-7c-1-20 7-35 40-35c32 0 42 15 42 29c0 3 0 6 1 10v16c1 7 2 32 6 50c14 83 50 100 116 100c86 0 115-23 120-167v-9c0-14 8-29 40-29m47-86c2 22-1 43-41 43c-16 0-93-23-166-23c-80 0-155 23-169 23c-44 0-42-28-40-41c2-15 4-30 7-43c20-103 71-153 156-167c11-2 15-9 16-13c1-9 4-18 8-25c5-10 15-13 27-13c10 0 21 4 25 13c4 8 6 17 8 26c0 4 2 11 15 13c94 18 142 85 154 207"/></svg>Sqale アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ls:sqale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:sqale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:sqale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--sqale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:sqale"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:sqale"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ls/sqale.svg" alt="Sqale アイコン" width="24" height="24">Sqale アイコン のよくある質問
Sqale アイコンは商用利用でも無料ですか?
はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Sqale アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:sqale" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sqale アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/sqale.svg" alt="Sqale アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。