Handwashing アイコン
icon-park:handwashing
Handwashing アイコン(icon-park:handwashing)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- メイク
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><rect width="7" height="20" x="4" y="24"/><path fill="#2F88FF" d="M32.0003 16C30.5006 12.5 36.0003 6 36.0003 6C36.0003 6 41.5001 12.5 40.0003 16C38.5005 19.5 33.5 19.5 32.0003 16Z"/><path fill="#2F88FF" d="M31 42.5001C22 42.5001 15 40.0001 11 40.0001V30.0001C18 30.0001 17.5 27.5001 22 26.0001C26.5 24.5001 30 26.0001 29.5 29.0001C29 32.0001 24 35.0001 24 35.0001C32 35.0001 32 33.0001 36 30.0001C40 27.0001 44 28.0001 44 31.0001C44 34.0001 40 42.5001 31 42.5001Z"/></g></svg>Handwashing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:handwashing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:handwashing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:handwashing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--handwashing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:handwashing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:handwashing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/handwashing.svg" alt="Handwashing アイコン" width="24" height="24">IconPark の関連アイコン
他のアイコンセットの Handwashing アイコン
Handwashing アイコン のよくある質問
Handwashing アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Handwashing アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:handwashing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Handwashing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/handwashing.svg" alt="Handwashing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。