Ikon Shower Head
icon-park:shower-head
Ikon Shower Head (icon-park:shower-head) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Kehidupan
- Tag
- showerhead
Kode 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"><path fill="#2F88FF" d="M27 20V22H9V20C9 16.6863 13.0294 14 18 14C22.9706 14 27 16.6863 27 20Z"/><path d="M42 44V12.5C42 7.80558 36.6274 4 30 4C23.3726 4 18 7.80558 18 12.5V14"/><path d="M18 29L18 28"/><path d="M10.1711 28.0303L9.8291 28.97"/><path d="M4.17112 43.0303L3.8291 43.97"/><path d="M18 44L18 43"/><path d="M18 37L18 35"/><path d="M7.34224 35.0603L6.6582 36.9397"/></g></svg>Cara memakai ikon Shower Head
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:shower-head" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:shower-head" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:shower-head" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--shower-head]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:shower-head"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:shower-head"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/shower-head.svg" alt="Ikon Shower Head" width="24" height="24">Ikon Shower Head di set ikon lain
FAQ Ikon Shower Head
Apakah ikon Shower Head gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Shower Head di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:shower-head" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Shower Head ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/shower-head.svg" alt="Ikon Shower Head">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.