Spa アイコン
ls:spa
Spa アイコン(ls:spa)は、Ligature Symbols セットの無料 SVG アイコンです（作者: Kazuyuki Motoyama）。 640 × 662 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ligature Symbols
- 作者
- Kazuyuki Motoyama
- ライセンス
- OFL-1.1
- サイズ
- 640 × 662
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="662" viewBox="0 0 640 662"><path fill="currentColor" d="m528 349l-14 19c46 16 77 46 77 90c0 81-117 142-271 142S49 539 49 458c0-44 31-74 77-90l-14-19C45 365 0 411 0 475c0 103 134 187 320 187c184 0 320-83 320-187c0-64-45-110-112-126M148 492l20 13c57-36 71-77 71-128c0-26-11-63-31-99c-21-36-34-73-34-101c0-29 13-60 47-88l-20-13c-58 37-71 82-71 127c0 27 11 64 32 99c20 36 34 73 34 101s-13 61-48 89m127 31l21 11c58-39 76-88 76-145c0-30-12-71-33-112s-33-81-33-114c0-34 16-73 52-105l-22-12c-61 42-76 94-76 146c0 30 12 72 33 112c21 41 34 80 34 114s-17 72-52 105m139-31l20 13c57-36 70-77 70-128c0-26-10-63-31-99c-20-36-34-73-34-101c0-29 14-61 48-89l-20-12c-59 37-71 82-71 127c0 27 10 64 31 99c21 36 34 73 34 101s-13 61-47 89"/></svg>
Spa アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ls:spa" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:spa" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:spa" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--spa]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:spa"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:spa"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ls/spa.svg" alt="Spa アイコン" width="24" height="24">
Spa アイコン のよくある質問
Spa アイコンは商用利用でも無料ですか?
はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Spa アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:spa" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spa アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/spa.svg" alt="Spa アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Ligature Symbols アイコン をすべて見る →
ICONYZ
