Ikon Shower
fxemoji:shower
Ikon Shower (fxemoji:shower) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji 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
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Benda
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C3CCD1" d="M504.79 171.574c-.136-2.87-.248-5.863-.364-8.948c-1.148-30.431-2.721-72.107-29.12-98.508c-27.57-27.57-60.066-39.92-93.985-35.719c-29.462 3.651-58.425 19.247-86.119 46.355C239.99 31.689 166.996 22.42 104.107 46.917c-9.664 3.764-15.216 11.011-16.988 19.364c16.28-6.094 79.699 39.713 146.323 106.337c63.805 63.805 108.51 124.665 106.827 144.001c7.36-2.384 13.624-7.829 17.012-16.526c24.493-62.874 15.238-135.847-27.802-191.053c19.557-19.022 39.499-30.275 57.802-32.543c19.079-2.363 36.66 4.798 53.756 21.892c12.956 12.956 14.114 43.652 14.959 66.065c.115 3.038.227 5.99.357 8.831v145.977c0 13.383 10.85 24.232 24.232 24.232s24.232-10.85 24.232-24.232V172.719z"/><path fill="#8299A3" d="M233.441 172.617c69.986 69.986 117.003 136.438 105.017 148.424s-78.439-35.031-148.424-105.017S73.03 79.587 85.017 67.6s78.438 35.031 148.424 105.017M382.4 155.819a141.93 141.93 0 0 0-41.404-92.618a141.93 141.93 0 0 0-92.619-41.405c-12.484-.692-24.16 5.81-30.223 16.549c34.897 7.826 68.064 25.312 95.229 52.477c27.163 27.163 44.647 60.326 52.472 95.219c10.737-6.063 17.238-17.735 16.545-30.222"/><path fill="#31CAFF" d="m145.174 392.59l52.678-52.679c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-52.678 52.679c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m-26.339-143.517l36.148-36.148c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-36.148 36.148c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m-70.51-11.879l96.849-96.849c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-96.849 96.849c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m130.672 28.409l52.678-52.678c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-52.678 52.678c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751M24.056 344.619l52.678-52.678c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0L5.944 326.508c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.056-3.751m36.957 43.306l84.161-84.162c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-84.161 84.162c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m151.797-82.423c-3.277 0-6.555-1.25-9.056-3.751c-5.001-5.001-5.001-13.11 0-18.111l36.148-36.148c5.001-5.002 13.11-5.002 18.111 0s5.002 13.11 0 18.111l-36.148 36.148a12.76 12.76 0 0 1-9.055 3.751"/></svg>
Cara memakai ikon Shower
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:shower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:shower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:shower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--shower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:shower"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:shower"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/shower.svg" alt="Ikon Shower" width="24" height="24">
Ikon Shower di set ikon lain
FAQ Ikon Shower
Apakah ikon Shower gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Shower di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:shower" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Shower ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/shower.svg" alt="Ikon Shower">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Firefox OS Emoji →
ICONYZ
