ICONYZ
Bahasa Indonesia
Ikon Rain dari WebHostingHub Glyphs

Ikon Rain

whh:rain

Ikon Rain (whh:rain) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1025. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
WebHostingHub Glyphs
Pembuat
WebHostingHub
Lisensi
OFL-1.1
Ukuran
1024 × 1025
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M832 768H192q-84-9-138-73T0 544q0-57 27-106t73-80q34 69 96.5 116.5T336 537q-66-38-105-104t-39-145q0-119 84.5-203.5T480 0q88 0 159.5 48T744 174q-68 22-118 74t-70 121q35-52 91-82.5T768 256q106 0 181 75t75 181q0 88-55 160.5T832 768m-659 64h122l-62 160q-12 23-34.5 30t-42.5-6.5t-26-39t6-49.5zm256 0h122l-62 160q-12 23-34.5 30t-42.5-6.5t-26-39t6-49.5zm256 0h122l-63 160q-11 23-33.5 30t-42.5-6.5t-26-39t5-49.5z"/></svg>

Cara memakai ikon Rain

React

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

<Icon icon="whh:rain" width="24" />

Vue

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

<template>
  <Icon icon="whh:rain" width="24" />
</template>

Svelte

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

<Icon icon="whh:rain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--rain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:rain"></div>

Web component

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

<iconify-icon icon="whh:rain"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/rain.svg" alt="Ikon Rain" width="24" height="24">

Ikon Rain di set ikon lain

FAQ Ikon Rain

Apakah ikon Rain gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Rain di React?

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

Bagaimana cara menambahkan ikon Rain ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/rain.svg" alt="Ikon Rain">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →