Ikon Rainbow Cloud
ph:rainbow-cloud
Ikon Rainbow Cloud (ph:rainbow-cloud) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Phosphor
- Pembuat
- Phosphor Icons
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- meteorology, rainstorm, cloudy, partly cloudy, partly sunny, pride, lgbtq+, leprechaun, rainbowcloud
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M200 112a48.18 48.18 0 0 0-44.66 30.4a31 31 0 0 0-3.34-.18c-17.65 0-32 14.76-32 32.89S134.35 208 152 208h48a48 48 0 0 0 0-96m0 80h-48c-8.82 0-16-7.58-16-16.89s7.18-16.89 16-16.89a15 15 0 0 1 5.78 1.14a8 8 0 0 0 10.87-5.81A32 32 0 1 1 200 192M24 160v16a8 8 0 0 1-16 0v-16a104 104 0 0 1 176.5-74.56a8 8 0 0 1-11.15 11.47A88 88 0 0 0 24 160m32 0v16a8 8 0 0 1-16 0v-16a72 72 0 0 1 114.6-58a8 8 0 1 1-9.47 12.89A56 56 0 0 0 56 160m61.57-23.35A24 24 0 0 0 88 160v16a8 8 0 0 1-16 0v-16a40 40 0 0 1 49.27-38.92a8 8 0 1 1-3.7 15.57"/></svg>
Cara memakai ikon Rainbow Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="ph:rainbow-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:rainbow-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:rainbow-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--rainbow-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:rainbow-cloud"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:rainbow-cloud"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/rainbow-cloud.svg" alt="Ikon Rainbow Cloud" width="24" height="24">
Ikon Rainbow Cloud di set ikon lain
FAQ Ikon Rainbow Cloud
Apakah ikon Rainbow Cloud gratis untuk penggunaan komersial?
Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Rainbow Cloud di React?
Pasang @iconify/react lalu render <Icon icon="ph:rainbow-cloud" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rainbow Cloud ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/rainbow-cloud.svg" alt="Ikon Rainbow Cloud">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Phosphor →
ICONYZ
