Ícone Cloud Loading 1
streamline-freehand-color:cloud-loading-1
O ícone Cloud Loading 1 (streamline-freehand-color:cloud-loading-1) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Internet, redes e servidores
- Tags
- cloudloading
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M3.579 12.994c1.57.68 1.32-.7.75-.43a4.4 4.4 0 0 1-1.84-1.07c-2.09-3.23.51-5 2.57-4.76c.26.056.506.158.73.3a.45.45 0 0 0 .46-.77c-.21-.21-.16-.71-.16-1a3 3 0 0 1 4.8-2.18c.63.45.45 1.32 1.14 1.3a.55.55 0 0 0 .52-.39a3.52 3.52 0 0 1 3.88-2.65a4.18 4.18 0 0 1 3.43 2.32a2.9 2.9 0 0 1-.05 2.27c-1 1.86-1.42 1.51-1.43 2.09c0 .13.41.79.93.43a1.65 1.65 0 0 1 1.37.22c1.17.83 1.44 2.38.21 3.16c-3.52 2.23-6.1 1.49-10.74 1.31a14.4 14.4 0 0 1-3.72-.45a.35.35 0 0 0-.32.62c1.296.4 2.644.601 4 .6c4.69.28 7.46 1.09 11.3-1.24c2.4-1.46 1.2-4.86-1.15-5.34c.18-.28.39-.55.55-.84a4.07 4.07 0 0 0 .19-3.29c-1.26-3-6-4.29-8.37-1.59c-.72.8-.59 1-.66.87a4.06 4.06 0 0 0-2.34-1.06a4 4 0 0 0-4.45 4.45a4.08 4.08 0 0 0-3.65 1.55c-1 1.44-.59 3 .4 4.44a5.3 5.3 0 0 0 1.65 1.13"/><path fill="#0c6fff" d="M12.329 17.694c-.1-.53-.48-.7-1.55.06a30 30 0 0 0-4.16 3.87q.06.999 1.23.12a34 34 0 0 0 3.15-2.75c.41-.44.89-.85 1.33-1.3m-9.5 3.09c-.49.7.13.65 1.11.33a13.5 13.5 0 0 0 2.79-2.62q.15-.166.32-.31c-.45-.52-1-.53-1.86.37c-.78.69-1.68 1.53-2.36 2.23"/><path fill="#020202" d="M23.639 18.484c-2.25-3.82-20-2.92-22.5-1.19c-1.7 1.21-1.43 4.7.36 5.5c4.71 2.14 10.64.4 16.51.39a.35.35 0 0 0 0-.7c-12.85.51-14.01.07-16.07-.68c-1-.51-1.11-2.88-.13-3.55c.81-.57 3.81-.91 4.8-1c4.14-.74 12.3-1 15.7 1c1.15.69 1.3 2 .05 3.1a3.6 3.6 0 0 1-2.85.89a.31.31 0 0 0-.295.458a.3.3 0 0 0 .165.142c2.25.61 5.76-1.85 4.26-4.36"/></g></svg>
Como usar o ícone Cloud Loading 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:cloud-loading-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:cloud-loading-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:cloud-loading-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--cloud-loading-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:cloud-loading-1"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:cloud-loading-1"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/cloud-loading-1.svg" alt="Ícone Cloud Loading 1" width="24" height="24">
Ícones relacionados em Freehand color icons
Perguntas frequentes sobre Ícone Cloud Loading 1
O ícone Cloud Loading 1 é grátis para uso comercial?
Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Cloud Loading 1 no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:cloud-loading-1" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloud Loading 1 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/cloud-loading-1.svg" alt="Ícone Cloud Loading 1">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Freehand color icons →
ICONYZ
