Ikon Rainbow Cloud Duotone
ph:rainbow-cloud-duotone
Ikon Rainbow Cloud Duotone (ph:rainbow-cloud-duotone) 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, cloudduotone, rainbowcloudduotone
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 160a40 40 0 0 1-40 40h-48c-13.25 0-24-11.14-24-24.89s10.75-24.89 24-24.89a23.3 23.3 0 0 1 8.81 1.73A40 40 0 0 1 240 160" opacity=".2"/><path 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"/></g></svg>
Cara memakai ikon Rainbow Cloud Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="ph:rainbow-cloud-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:rainbow-cloud-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:rainbow-cloud-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--rainbow-cloud-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:rainbow-cloud-duotone"></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-duotone"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/rainbow-cloud-duotone.svg" alt="Ikon Rainbow Cloud Duotone" width="24" height="24">
FAQ Ikon Rainbow Cloud Duotone
Apakah ikon Rainbow Cloud Duotone 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 Duotone di React?
Pasang @iconify/react lalu render <Icon icon="ph:rainbow-cloud-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rainbow Cloud Duotone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/rainbow-cloud-duotone.svg" alt="Ikon Rainbow Cloud Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Phosphor →
ICONYZ
