Ikon Sun Cloud

game-icons:sun-cloud

Ikon Sun Cloud (game-icons:sun-cloud) adalah ikon SVG gratis dari set Game Icons karya GameIcons. Ikon ini digambar pada grid 512 × 512. Game Icons dirilis di bawah lisensi CC BY 3.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: Game Icons
Pembuat: GameIcons
Lisensi: CC-BY-3.0
Ukuran: 512 × 512
Tag: suncloud

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M383.215 71.94a96 96 0 0 0-96 96a96 96 0 0 0 8.484 39.17q3.739-.163 7.503-.17h.011c34.226.002 65.356 9.18 88.478 24.636c10.776 7.204 19.885 15.916 26.54 25.738a96 96 0 0 0 60.982-89.373a96 96 0 0 0-96-96zM154.662 179.845c-47.352.003-85.174 36.46-85.178 81.19v.007a77.7 77.7 0 0 0 3.162 21.86l2.788 9.477l-9.698 1.894c-13.05 2.55-23.76 7.818-30.85 14.125c-7.087 6.303-10.49 13.255-10.5 20.293v.003c.002 8.806 5.325 17.41 15.807 24.398s25.778 11.695 42.832 11.697c8.47-.017 16.842-1.206 24.483-3.443l4.605-1.35l3.686 3.072c17.088 14.243 49.872 24.26 85.2 24.27c14.3-.024 28.434-1.62 41.37-4.64l7.33-1.714l2.982 6.91c8.13 18.84 35.242 34.145 67.123 34.17c20.066-.003 38.075-5.86 50.593-14.742c12.492-8.862 19.286-20.168 19.317-32.172q-.018-.502-.05-1.007l-.7-10.11l10.12.495c3.337.164 6.696.252 10.06.26c23.21-.002 44.206-3.737 58.597-9.3c7.198-2.783 12.702-6.056 15.924-9c3.216-2.94 3.942-4.99 3.945-6.514c-.004-1.374-.584-3.16-3.215-5.794c-2.637-2.64-7.215-5.67-13.352-8.352c-12.275-5.363-30.592-9.408-51.623-10.412l-10.803-.516l2.47-10.53a44.5 44.5 0 0 0 1.18-9.555c-.023-18.135-10.99-35.177-30.578-48.27c-19.606-13.107-47.5-21.598-78.475-21.6c-20.483.028-40.557 3.834-57.793 10.85l-8.252 3.36l-3.443-8.216c-12.866-30.71-44.097-51.07-79.06-51.09h-.005z"/></svg>

Cara memakai ikon Sun Cloud

React

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

<Icon icon="game-icons:sun-cloud" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:sun-cloud" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:sun-cloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sun-cloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sun-cloud"></div>

Web component

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

<iconify-icon icon="game-icons:sun-cloud"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/game-icons/sun-cloud.svg" alt="Ikon Sun Cloud" width="24" height="24">

Ikon terkait di Game Icons

Ikon Sun Cloud di set ikon lain

FAQ Ikon Sun Cloud

Apakah ikon Sun Cloud gratis untuk penggunaan komersial?

Ya. Game Icons dirilis di bawah lisensi CC BY 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Sun Cloud di React?

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

Bagaimana cara menambahkan ikon Sun Cloud ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/game-icons/sun-cloud.svg" alt="Ikon Sun Cloud">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Game Icons →