ICONYZ
Español
Icono Cloudy Partly de Glyphs Poly

Icono Cloudy Partly

glyphs-poly:cloudy-partly

El icono Cloudy Partly (glyphs-poly:cloudy-partly) es un icono SVG gratuito de la colección Glyphs Poly de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Glyphs Poly
Autor
Goran Spasojevic
Licencia
MIT
Tamaño
80 × 80
Etiquetas
cloudypartly
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#f2c94c" d="M27.021 10a2 2 0 0 1 2 1.994l.016 4.964c.003 1.065-.95 1.874-2.016 1.874c-1.065 0-2.019-.809-2.015-1.874l.015-4.964a2 2 0 0 1 2-1.994m-7.74 11.347c.862-.627 1.158-1.84.53-2.7l-2.931-4.008a2 2 0 0 0-3.236 2.351l2.905 4.026c.624.864 1.87.957 2.732.33m-4.783 6.584c.329-1.014-.145-2.17-1.16-2.496l-4.726-1.52a2 2 0 0 0-1.236 3.805l4.717 1.549c1.012.332 2.075-.325 2.405-1.338m0 8.138c-.33-1.013-1.393-1.67-2.405-1.338l-4.717 1.55a2 2 0 0 0 1.236 3.803l4.726-1.519c1.015-.326 1.489-1.482 1.16-2.496m4.783 6.584c-.862-.626-2.108-.532-2.732.331L13.651 47l-.007.01a2 2 0 0 0 3.236 2.351l.007-.01l2.923-3.997c.63-.86.333-2.074-.529-2.7M35.8 31.887q-.572.483-1.1 1.02a16.4 16.4 0 0 0-4.111 7.115a8.779 8.779 0 1 1 5.21-8.135m4.696-2.78a2.1 2.1 0 0 1-.95-1.176c-.33-1.014.144-2.17 1.159-2.496l4.713-1.515l.012-.004a2 2 0 0 1 1.236 3.804l-.012.004l-.886.29a16.6 16.6 0 0 0-5.272 1.093m-5.734-7.76c.862.626 2.108.532 2.731-.332L40.391 17l.008-.01a2 2 0 0 0-3.236-2.351l-2.93 4.007c-.63.86-.333 2.074.529 2.7"/><path fill="#2f80ed" d="M46.718 28c4.444 0 8.734 1.765 11.926 4.907a17.03 17.03 0 0 1 5.097 11.845l.026 1.602A11 11 0 0 1 61 68H34a14 14 0 0 1-3.256-27.616a16.4 16.4 0 0 1 4.207-7.477A16.5 16.5 0 0 1 46.718 28"/></g></svg>

Cómo usar el icono Cloudy Partly

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:cloudy-partly"></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-partly"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Glyphs Poly

El icono Cloudy Partly en otras colecciones

Preguntas frecuentes sobre Icono Cloudy Partly

¿El icono Cloudy Partly es gratis para uso comercial?

Sí. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Cloudy Partly en React?

Instala @iconify/react y renderiza <Icon icon="glyphs-poly:cloudy-partly" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Cloudy Partly a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/cloudy-partly.svg" alt="Icono Cloudy Partly">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Glyphs Poly →