Washer 48 アイコン
energy-icons:washer-48
Washer 48 アイコン(energy-icons:washer-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M41 22c0-2.233-1.641-4.466-4.758-6.197C33.16 14.09 28.833 13 24 13s-9.16 1.09-12.242 2.803C8.64 17.534 7 19.767 7 22s1.641 4.466 4.758 6.197C14.84 29.91 19.167 31 24 31s9.16-1.09 12.242-2.803C39.36 26.466 41 24.233 41 22m2 0c0 3.29-2.388 6.057-5.786 7.945C33.782 31.852 29.108 33 24 33s-9.782-1.148-13.214-3.055C7.388 28.057 5 25.29 5 22s2.388-6.057 5.786-7.945C14.218 12.148 18.892 11 24 11s9.782 1.148 13.214 3.055C40.612 15.943 43 18.71 43 22"/><path fill="currentColor" d="M30 22c0-.384-.337-1-1.497-1.58c-1.1-.55-2.692-.92-4.503-.92s-3.402.37-4.503.92C18.337 21 18 21.616 18 22s.337 1 1.497 1.58c1.1.55 2.692.92 4.503.92s3.402-.37 4.503-.92C29.663 23 30 22.384 30 22m2 0c0 1.55-1.23 2.683-2.604 3.37c-1.432.715-3.342 1.13-5.396 1.13s-3.964-.415-5.396-1.13C17.23 24.682 16 23.55 16 22s1.23-2.683 2.604-3.37c1.432-.715 3.342-1.13 5.396-1.13s3.964.415 5.397 1.13C30.77 19.318 32 20.45 32 22"/><path fill="currentColor" d="M5 28v-6h2v6c0 2.233 1.641 4.466 4.758 6.197C14.84 35.91 19.167 37 24 37s9.16-1.09 12.242-2.803C39.36 32.466 41 30.233 41 28v-6h2v6c0 3.29-2.388 6.057-5.786 7.945C33.782 37.852 29.108 39 24 39s-9.782-1.148-13.214-3.055C7.388 34.057 5 31.29 5 28"/></svg>Washer 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:washer-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:washer-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:washer-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--washer-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:washer-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:washer-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/washer-48.svg" alt="Washer 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Washer 48 アイコン のよくある質問
Washer 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Washer 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:washer-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Washer 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/washer-48.svg" alt="Washer 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。