Ikon Rain Umbrella Sun
streamline-ultimate-color:rain-umbrella-sun
Ikon Rain Umbrella Sun (streamline-ultimate-color:rain-umbrella-sun) adalah ikon SVG gratis dari set Ultimate color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Ultimate color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Cuaca
- Tag
- rainumbrella, umbrellasun, rainumbrellasun
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff9bf" d="M14.874 13.135a3.824 3.824 0 1 0 0-7.648a3.824 3.824 0 0 0 0 7.648"/><path fill="#ffef5e" d="M14.874 11.214a3.816 3.816 0 0 1-3.687-2.869c-.087.315-.133.64-.137.966a3.824 3.824 0 1 0 7.648 0a3.8 3.8 0 0 0-.136-.96a3.815 3.815 0 0 1-3.688 2.862"/><path fill="#ff808c" d="M7.704 17.078c.405-1.626 3.239-1.626 3.644 0c.013-1.635 3.05-1.626 3.039 0a6.75 6.75 0 0 0-6.683-7.289a6.75 6.75 0 0 0-6.682 7.289c-.011-1.626 3.025-1.635 3.038 0c.403-1.623 3.237-1.623 3.644 0"/><path fill="#ffbfc5" d="M7.704 12.598a8.17 8.17 0 0 1 6.636 3.308a6.659 6.659 0 0 0-13.273 0a8.17 8.17 0 0 1 6.637-3.308"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.704 17.078c.405-1.626 3.239-1.626 3.644 0c.013-1.635 3.05-1.626 3.039 0a6.75 6.75 0 0 0-6.683-7.289a6.75 6.75 0 0 0-6.682 7.289c-.011-1.626 3.025-1.635 3.038 0c.403-1.623 3.237-1.623 3.644 0m3.466-8.724a3.825 3.825 0 1 1 5.138 4.506M14.874 1.185v1.912M23 8.833h-1.912M9.128 3.565l1.352 1.352m9.801-1.69l-1.352 1.352m1.692 10.478l-1.351-1.352"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.704 16.96v4.78a.962.962 0 1 0 1.912 0M7.704 9.789V8.355"/></g></svg>Cara memakai ikon Rain Umbrella Sun
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:rain-umbrella-sun" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:rain-umbrella-sun" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:rain-umbrella-sun" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--rain-umbrella-sun]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:rain-umbrella-sun"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:rain-umbrella-sun"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/rain-umbrella-sun.svg" alt="Ikon Rain Umbrella Sun" width="24" height="24">Ikon terkait di Ultimate color icons
Ikon Rain Umbrella Sun di set ikon lain
FAQ Ikon Rain Umbrella Sun
Apakah ikon Rain Umbrella Sun gratis untuk penggunaan komersial?
Ya. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Rain Umbrella Sun di React?
Pasang @iconify/react lalu render <Icon icon="streamline-ultimate-color:rain-umbrella-sun" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rain Umbrella Sun ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/rain-umbrella-sun.svg" alt="Ikon Rain Umbrella Sun">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.