Spa Stones 20 Bold アイコン

Q: Spa Stones 20 Bold アイコンは商用利用でも無料ですか?

はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

energy-icons:spa-stones-20-bold

Spa Stones 20 Bold アイコン(energy-icons:spa-stones-20-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 20 × 20
タグ: spastones、stonesbold、spastonesbold、stone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M16.042 15.833s.001-.025-.033-.077a1 1 0 0 0-.238-.23c-.259-.192-.674-.391-1.243-.569c-1.13-.353-2.732-.582-4.528-.582s-3.397.229-4.528.582c-.57.178-.984.377-1.243.568a1 1 0 0 0-.238.23c-.034.053-.033.078-.033.078c0 .002-.001.026.033.078c.037.057.11.136.238.23c.259.192.674.391 1.244.569c1.13.353 2.731.582 4.527.582s3.396-.229 4.527-.582c.57-.178.985-.377 1.245-.568a1 1 0 0 0 .237-.23c.034-.053.033-.077.033-.079m1.25 0c0 .579-.374 1.016-.777 1.313c-.416.307-.977.558-1.615.757c-1.282.401-3.014.639-4.9.639s-3.619-.238-4.9-.639c-.638-.199-1.2-.45-1.615-.756c-.403-.298-.777-.735-.777-1.314s.374-1.016.777-1.313c.416-.307.977-.557 1.615-.756c1.281-.4 3.014-.639 4.9-.639s3.618.238 4.9.639c.638.199 1.2.449 1.615.756c.403.297.777.734.777 1.313m-3.334-5.416c0 .02.013-.04-.143-.175c-.153-.132-.413-.28-.788-.417c-.744-.27-1.815-.45-3.027-.45s-2.283.18-3.027.45c-.375.137-.634.285-.788.417c-.156.134-.143.195-.143.175s-.013.04.143.175c.154.132.413.28.788.416c.744.27 1.815.45 3.027.45s2.283-.18 3.027-.45c.375-.136.634-.284.788-.416c.157-.134.143-.196.143-.175m1.25 0c0 .48-.27.858-.578 1.122c-.31.266-.721.478-1.176.644c-.914.332-2.135.525-3.454.525s-2.54-.193-3.454-.525c-.455-.166-.866-.378-1.176-.644c-.308-.264-.578-.641-.578-1.122c0-.48.27-.858.578-1.123c.31-.266.722-.478 1.176-.644c.914-.332 2.135-.525 3.454-.525s2.54.193 3.454.525c.454.166.866.378 1.176.644c.308.265.578.642.578 1.123m-2.916-4.584c0-.038-.047-.24-.509-.472C11.36 5.15 10.73 5 10 5s-1.36.15-1.783.361c-.462.231-.509.434-.509.472c0 .039.048.242.509.473c.424.212 1.053.361 1.783.361s1.36-.15 1.783-.361c.461-.231.509-.434.509-.473m1.25 0c0 .767-.606 1.294-1.2 1.59c-.632.317-1.46.494-2.342.494c-.881 0-1.71-.177-2.342-.493c-.594-.297-1.2-.824-1.2-1.591s.606-1.293 1.2-1.59C8.29 3.927 9.118 3.75 10 3.75c.881 0 1.71.177 2.342.493c.594.297 1.2.823 1.2 1.59"/></svg>

Spa Stones 20 Bold アイコンの使い方

React

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

<Icon icon="energy-icons:spa-stones-20-bold" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:spa-stones-20-bold" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:spa-stones-20-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--spa-stones-20-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:spa-stones-20-bold"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:spa-stones-20-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/spa-stones-20-bold.svg" alt="Spa Stones 20 Bold アイコン" width="24" height="24">

Energy Icons の関連アイコン

Spa Stones 20 Bold アイコンのよくある質問

Spa Stones 20 Bold アイコンは商用利用でも無料ですか?

はい。Energy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Spa Stones 20 Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="energy-icons:spa-stones-20-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Spa Stones 20 Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/spa-stones-20-bold.svg" alt="Spa Stones 20 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Energy Icons をすべて見る →