Bath Linear アイコン
solar:bath-linear
Bath Linear アイコン(solar:bath-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ホーム
- タグ
- bathlinear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 13.0827C3 13.0059 3 12.9675 3.00211 12.9351C3.0347 12.4339 3.43395 12.0347 3.93511 12.0021C3.96752 12 4.00591 12 4.08268 12H19.9173C19.9941 12 20.0325 12 20.0649 12.0021C20.5661 12.0347 20.9653 12.4339 20.9979 12.9351C21 12.9675 21 13.0059 21 13.0827C21 13.4784 21 13.6762 20.9859 13.8977C20.7773 17.1854 17.983 20.0867 14.7053 20.4186C14.4845 20.441 14.3558 20.4458 14.0982 20.4555C13.364 20.4831 12.6493 20.5 12 20.5C11.3507 20.5 10.636 20.4831 9.90183 20.4555C9.64425 20.4458 9.51545 20.441 9.29467 20.4186C6.01705 20.0867 3.22272 17.1854 3.01406 13.8977C3 13.6762 3 13.4784 3 13.0827Z"/><path stroke-linecap="round" d="M6 20L5 22"/><path stroke-linecap="round" d="M18 20L19 22"/><path stroke-linecap="round" d="M2 12H22"/><path stroke-linecap="round" d="M12.3065 6.17554L6.3457 8.74162"/><path stroke-linecap="round" d="M6.34543 8.74152C6.03547 7.95489 6.01649 7.04299 6.36196 6.19229C6.6867 5.39262 7.27566 4.78934 7.9787 4.4471C8.77147 4.06116 9.70961 4.00734 10.5772 4.37797C11.3956 4.72762 11.9965 5.38898 12.3065 6.17562"/><path stroke-linecap="round" d="M7.97885 4.44713L7.59973 3.49934C7.23752 2.59379 6.36047 2 5.38516 2C4.06787 2 3 3.06787 3 4.38516V13"/></g></svg>Bath Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bath-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bath-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bath-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bath-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bath-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bath-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/bath-linear.svg" alt="Bath Linear アイコン" width="24" height="24">Solar の関連アイコン
Bath Linear アイコン のよくある質問
Bath Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bath Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:bath-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bath Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/bath-linear.svg" alt="Bath Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。