Ikon Cloudy

glyphs-poly:cloudy

Ikon Cloudy (glyphs-poly:cloudy) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly 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: Glyphs Poly
Pembuat: Goran Spasojevic
Lisensi: MIT
Ukuran: 80 × 80

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" fill-rule="evenodd" d="M9.193 24.62c.75-2.854 2.597-5.322 5.12-6.807a10.84 10.84 0 0 1 8.34-1.118a10.97 10.97 0 0 1 6.639 5.172l.588 1.04a7.5 7.5 0 0 1 1.402-.548l.07-.02a7.36 7.36 0 0 1 5.71.759a7.62 7.62 0 0 1 3.5 4.664l.019.072q.096.377.156.758a8.47 8.47 0 0 1 4.724 2.436l.06.06q.206.21.396.434a14 14 0 0 0-2.161 2.807l-.7 1.197a10 10 0 0 0-1.83-.697a9.68 9.68 0 0 0-7.306.925a9.48 9.48 0 0 0-4.67 6.77A10.97 10.97 0 0 0 22.786 46h-10.2a8.47 8.47 0 0 1-6.046-2.54l-.06-.061A8.67 8.67 0 0 1 4 37.329v-.17c0-2.27.89-4.45 2.48-6.071l.06-.061a8.5 8.5 0 0 1 2.416-1.722a11.45 11.45 0 0 1 .237-4.684" clip-rule="evenodd"/><path fill="#56ccf2" d="m14.312 17.813l1.015 1.724zm-5.12 6.808l1.935.508zm13.46-7.926l.528-1.929zm6.64 5.172l1.74-.986zm.588 1.04l-1.74.985a2 2 0 0 0 2.652.794zm1.402-.548l-.537-1.927zm.07-.02l.537 1.927zm5.71.759l-1.014 1.723zm3.5 4.664l1.937-.5zm.019.072l-1.937.5zm.156.758l-1.977.307a2 2 0 0 0 1.664 1.669zm4.724 2.436l-1.428 1.4zm.06.06l1.427-1.4zm.396.434l1.417 1.411a2 2 0 0 0 .103-2.711zm-2.161 2.807l1.727 1.01zm-.7 1.197l-.895 1.788a2 2 0 0 0 2.622-.78zm-1.83-.697l.522-1.931zm-7.306.925l-.99-1.737zm-4.464 5.79l1.933.515zm-.205.98l.3 1.978a2 2 0 0 0 1.676-1.67zm-6.047 3.038L21.8 44.139zm-.419.438v2a2 2 0 0 0 1.484-.66zm-8.343 0l.157-1.995A2 2 0 0 0 14.44 44zm-7.903-2.54l1.428-1.4zm-.06-.061l-1.427 1.4zm0-12.311l-1.427-1.4zm.06-.061l1.428 1.4zm2.417-1.722l.857 1.807a2 2 0 0 0 1.119-2.118zm4.341-13.215c-2.985 1.758-5.157 4.667-6.039 8.022l3.869 1.017c.618-2.354 2.142-4.38 4.2-5.592zm9.883-1.324a12.84 12.84 0 0 0-9.883 1.324l2.03 3.447a8.84 8.84 0 0 1 6.798-.912zm7.852 6.115a12.97 12.97 0 0 0-7.852-6.115l-1.055 3.859a8.97 8.97 0 0 1 5.426 4.227zm.589 1.04l-.589-1.04l-3.48 1.97l.588 1.04zm-.876-1.489a9.5 9.5 0 0 0-1.776.694l1.823 3.56a5.5 5.5 0 0 1 1.026-.4zm.07-.02l-.07.02l1.073 3.854l.07-.02zm7.262.963a9.36 9.36 0 0 0-7.261-.963l1.073 3.854a5.36 5.36 0 0 1 4.159.555zm4.422 5.887a9.62 9.62 0 0 0-4.422-5.887l-2.03 3.446a5.62 5.62 0 0 1 2.578 3.44zm.018.073l-.018-.072l-3.874.998l.019.072zm.196.951a10 10 0 0 0-.196-.951l-3.873.998q.072.281.116.566zm4.176 1.341a10.47 10.47 0 0 0-5.84-3.01l-.625 3.95a6.47 6.47 0 0 1 3.609 1.86zm.06.061l-.06-.06l-2.856 2.8l.06.06zm.488.534q-.235-.275-.489-.534l-2.856 2.8q.159.163.306.334zm-1.954 5.116c.516-.883 1.14-1.69 1.851-2.405L44.5 30.111c-.95.953-1.782 2.03-2.471 3.21zm-.7 1.197l.7-1.197l-3.454-2.017l-.7 1.196zm-4.077.225c.505.136.993.323 1.455.554l1.791-3.576a12 12 0 0 0-2.204-.84zm-5.794.731a7.68 7.68 0 0 1 5.794-.731l1.042-3.862a11.68 11.68 0 0 0-8.819 1.12zm-3.523 4.568a7.48 7.48 0 0 1 3.523-4.568l-1.983-3.474a11.48 11.48 0 0 0-5.405 7.014zm-.162.773q.06-.39.162-.773l-3.865-1.028q-.157.588-.25 1.187zm-6.617 4.152a8.97 8.97 0 0 1 4.941-2.482l-.6-3.955a12.97 12.97 0 0 0-7.152 3.592zm-.341.357q.165-.183.341-.357L21.8 44.14q-.256.253-.498.52zM14.463 48h8.322v-4h-8.322zm-.179-.007q.09.007.179.007v-4q.067 0 .136.005zm-1.699.006h1.856v-4h-1.856zM5.111 44.86A10.47 10.47 0 0 0 12.585 48v-4a6.47 6.47 0 0 1-4.618-1.94zm-.06-.06l.06.06l2.856-2.8l-.06-.061zM2 37.327A10.67 10.67 0 0 0 5.052 44.8L7.908 42A6.67 6.67 0 0 1 6 37.329zm0-.17v.17h4v-.17zm3.052-7.47A10.67 10.67 0 0 0 2 37.158h4a6.67 6.67 0 0 1 1.908-4.67zm.06-.061l-.06.06l2.856 2.801l.06-.06zm2.987-2.13a10.5 10.5 0 0 0-2.988 2.13l2.856 2.8a6.5 6.5 0 0 1 1.846-1.315zm-.84-3.385a13.45 13.45 0 0 0-.278 5.504l3.95-.622a9.45 9.45 0 0 1 .196-3.865z"/><path fill="#2f80ed" fill-rule="evenodd" d="M62.874 29.237c3.19 1.82 5.556 4.854 6.512 8.38c.516 1.901.609 3.876.296 5.789a11 11 0 0 1 3.113 2.155a10.78 10.78 0 0 1 3.204 7.64c0 2.861-1.168 5.627-3.204 7.639a10.94 10.94 0 0 1-7.659 3.159H62.71l-.026.001H30.862c-2.859 0-5.625-1.15-7.659-3.16A10.78 10.78 0 0 1 20 53.202a10.8 10.8 0 0 1 3.204-7.64a10.97 10.97 0 0 1 6.047-3.036a9.46 9.46 0 0 1 4.67-6.77a9.68 9.68 0 0 1 7.306-.926a10 10 0 0 1 1.83.697l.699-1.197a14.04 14.04 0 0 1 8.533-6.48a14.14 14.14 0 0 1 10.586 1.387" clip-rule="evenodd"/><path fill="#2f80ed" d="m69.386 37.617l1.93-.523zm-6.512-8.38l-.99 1.737zm6.808 14.169l-1.973-.323a2 2 0 0 0 1.135 2.139zm3.113 2.155l-1.406 1.422zm0 15.279l1.406 1.423zm-10.086 3.159v-2q-.075 0-.152.006zm-29.4 0L33.355 62h-.046zm-10.106-3.158l1.406-1.423zm0-15.28l-1.405-1.422zm6.047-3.036l.3 1.977a2 2 0 0 0 1.676-1.67zm.206-.98l1.932.514zm4.464-5.79l-.992-1.738zm7.306-.926l-.521 1.93zm1.83.697l-.896 1.788a2 2 0 0 0 2.622-.78zm.699-1.197l-1.727-1.008zm8.533-6.48l.512 1.934zm19.029 9.245c-1.097-4.046-3.806-7.515-7.451-9.595l-1.983 3.475c2.734 1.56 4.758 4.16 5.573 7.167zm.34 6.634a15.7 15.7 0 0 0-.34-6.634l-3.861 1.047c.44 1.622.52 3.307.253 4.942zm2.544.41a13 13 0 0 0-3.68-2.548l-1.677 3.632a9 9 0 0 1 2.545 1.761zm3.798 9.062c0-3.403-1.387-6.679-3.798-9.062l-2.812 2.845a8.78 8.78 0 0 1 2.61 6.217zm-3.798 9.063a12.78 12.78 0 0 0 3.798-9.063h-4c0 2.322-.95 4.577-2.61 6.217zm-9.065 3.736a12.94 12.94 0 0 0 9.065-3.736l-2.812-2.846A8.94 8.94 0 0 1 65.136 62zm-2.427 0h2.427v-4H62.71zm-.152-3.994q.063-.005.126-.005v4q.09 0 .178-.007zm.126-.005H33.317v4h29.366zm-29.366 0h.038l-.092 4h.054zm-2.455 4h2.447v-4h-2.447zm-9.064-3.736A12.94 12.94 0 0 0 30.862 66v-4a8.94 8.94 0 0 1-6.253-2.582zM17.999 53.2c0 3.403 1.387 6.68 3.799 9.063l2.811-2.846A8.78 8.78 0 0 1 22 53.201zm3.799-9.062a12.78 12.78 0 0 0-3.799 9.062h4c0-2.321.95-4.576 2.61-6.217zm7.151-3.592a12.97 12.97 0 0 0-7.152 3.592l2.812 2.845a8.97 8.97 0 0 1 4.941-2.482zm-1.426.484a12 12 0 0 0-.25 1.187l3.953.614q.06-.39.162-.773zm5.405-7.014a11.48 11.48 0 0 0-5.405 7.014l3.865 1.028a7.48 7.48 0 0 1 3.523-4.567zm8.819-1.119a11.68 11.68 0 0 0-8.819 1.12l1.983 3.474a7.68 7.68 0 0 1 5.794-.732zm2.205.84a12 12 0 0 0-2.205-.84l-1.042 3.862a8 8 0 0 1 1.455.554zm-1.924-.417l-.7 1.196l3.454 2.018l.7-1.197zm9.748-7.404a16.04 16.04 0 0 0-9.748 7.404l3.453 2.017a12.04 12.04 0 0 1 7.32-5.555zm12.09 1.582a16.14 16.14 0 0 0-12.09-1.582l1.024 3.866a12.14 12.14 0 0 1 9.083 1.19z"/></g></svg>

Cara memakai ikon Cloudy

React

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

<Icon icon="glyphs-poly:cloudy" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:cloudy" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:cloudy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--cloudy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:cloudy"></div>

Web component

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

<iconify-icon icon="glyphs-poly:cloudy"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/cloudy.svg" alt="Ikon Cloudy" width="24" height="24">

Ikon terkait di Glyphs Poly

Ikon Cloudy di set ikon lain

FAQ Ikon Cloudy

Apakah ikon Cloudy gratis untuk penggunaan komersial?

Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Cloudy di React?

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

Bagaimana cara menambahkan ikon Cloudy ke halaman web?

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

Lihat semua Ikon Glyphs Poly →