Ícone Cloud Down
wi:cloud-down
O ícone Cloud Down (wi:cloud-down) é um ícone SVG gratuito da coleção Weather Icons de Erik Flowers. Ele é desenhado em uma grade de 30 × 30. Weather Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Weather Icons
- Autor
- Erik Flowers
- Licença
- OFL-1.1
- Tamanho
- 30 × 30
- Tags
- clouddown
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.61 16.88c0 1.34.47 2.48 1.4 3.44s2.07 1.47 3.4 1.53c.11 0 .17-.06.17-.17v-1.34c0-.12-.06-.18-.17-.18q-1.29-.06-2.19-1.02c-.6-.64-.9-1.39-.9-2.26c0-.83.28-1.55.85-2.17s1.27-.97 2.1-1.07l.53-.04c.13 0 .2-.06.2-.17l.08-.55c.1-1.08.55-1.99 1.36-2.71c.81-.73 1.76-1.09 2.86-1.09c1.09 0 2.04.36 2.86 1.09a4.1 4.1 0 0 1 1.4 2.71l.07.58c0 .11.06.17.17.17h1.62c.89 0 1.66.32 2.31.97c.65.64.98 1.4.98 2.28c0 .87-.3 1.62-.91 2.26q-.915.96-2.19 1.02c-.13 0-.19.06-.19.18v1.34c0 .11.06.17.19.17c.88-.02 1.68-.26 2.41-.72a4.94 4.94 0 0 0 2.36-4.25c0-.9-.22-1.73-.67-2.48c-.44-.76-1.05-1.35-1.81-1.79s-1.59-.65-2.49-.65h-.33c-.33-1.34-1.03-2.43-2.1-3.29s-2.31-1.28-3.69-1.28c-1.41 0-2.67.44-3.76 1.31s-1.8 2-2.11 3.37q-1.65.39-2.73 1.74c-1.08 1.35-1.08 1.92-1.08 3.07m6.97 1.52q0 .36.24.6l2.59 2.61c.12.16.32.23.57.23c.28 0 .48-.08.61-.23l2.6-2.61c.16-.17.24-.38.24-.6c0-.23-.08-.43-.24-.58s-.36-.23-.6-.23s-.44.08-.62.23l-1.12 1.11v-3.98c0-.24-.08-.43-.25-.59s-.37-.23-.61-.23s-.43.08-.59.23c-.16.16-.23.35-.23.59v3.98l-1.1-1.11a.9.9 0 0 0-.63-.23c-.25 0-.45.08-.61.23c-.17.15-.25.35-.25.58"/></svg>
Como usar o ícone Cloud Down
React
import { Icon } from "@iconify/react";
<Icon icon="wi:cloud-down" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:cloud-down" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:cloud-down" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--cloud-down]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:cloud-down"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:cloud-down"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/cloud-down.svg" alt="Ícone Cloud Down" width="24" height="24">
Ícones relacionados em Weather Icons
O ícone Cloud Down em outras coleções
Perguntas frequentes sobre Ícone Cloud Down
O ícone Cloud Down é grátis para uso comercial?
Sim. Weather Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cloud Down no React?
Instale @iconify/react e renderize <Icon icon="wi:cloud-down" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloud Down a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/cloud-down.svg" alt="Ícone Cloud Down">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Weather Icons →
ICONYZ
