Ikon Clean Hands

material-symbols:clean-hands

Ikon Clean Hands (material-symbols:clean-hands) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Symbols
Pembuat: Google
Lisensi: Apache-2.0
Ukuran: 24 × 24
Kategori: Sosial
Tag: bacteria, clean, disinfect, germs, gesture, hand, hands, sanitize, sanitizer, social, cleanhands

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 20.025V11h1.6q.175 0 .35.038t.35.087l6.925 2.575q.35.125.563.45t.212.675q0 .525-.363.85T15.8 16h-2.625q-.125 0-.187-.012t-.163-.063l-1.6-.625l-.325.975l1.925.675q.05.025.15.038t.175.012H20q.8 0 1.4.575T22 19l-7.975 3zM1 22V11h4v11zm14-10.35L9.25 9.5h-4q.425-1.275 1.413-2.2T9 6.1V4H7.5V2H13q.85 0 1.6.275t1.375.75L14.55 4.45q-.35-.2-.738-.325T13 4h-2v2.1q1.725.35 2.862 1.713T15 11zm2.588-2.238Q17 8.825 17 8q0-.575.425-1.425T19 4q1.15 1.725 1.575 2.575T21 8q0 .825-.587 1.413T19 10t-1.412-.587"/></svg>

Cara memakai ikon Clean Hands

React

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

<Icon icon="material-symbols:clean-hands" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:clean-hands" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:clean-hands" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--clean-hands]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:clean-hands"></div>

Web component

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

<iconify-icon icon="material-symbols:clean-hands"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/clean-hands.svg" alt="Ikon Clean Hands" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Clean Hands di set ikon lain

FAQ Ikon Clean Hands

Apakah ikon Clean Hands gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Clean Hands di React?

Pasang @iconify/react lalu render <Icon icon="material-symbols:clean-hands" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Clean Hands ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/clean-hands.svg" alt="Ikon Clean Hands">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →