Ícone Cloud With Rain
emojione-monotone:cloud-with-rain
O ícone Cloud With Rain (emojione-monotone:cloud-with-rain) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) 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
- Emoji One (Monotone)
- Autor
- Emoji One
- Licença
- CC-BY-4.0
- Tamanho
- 64 × 64
- Categoria
- Natureza
- Tags
- cloudwith, withrain, cloudwithrain
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M23.624 45.374c-.592 1.635-.09 3.32 1.125 3.766c1.213.443 2.68-.522 3.272-2.158c.696-1.925.744-4.56.271-7.616c-2.282 2.002-3.97 4.082-4.668 6.008m13.571 1.607c.698-1.925.744-4.56.271-7.616c-2.282 2.003-3.971 4.083-4.667 6.009c-.594 1.635-.09 3.32 1.125 3.766c1.215.443 2.68-.523 3.271-2.159m9.447-7.616c-2.282 2.003-3.971 4.083-4.669 6.009c-.591 1.635-.088 3.32 1.125 3.766c1.215.443 2.68-.522 3.272-2.158c.697-1.925.746-4.56.272-7.617m-32.193 6.009c-.591 1.635-.088 3.32 1.125 3.766c1.215.443 2.68-.522 3.272-2.158c.697-1.925.744-4.56.271-7.616c-2.281 2.002-3.969 4.082-4.668 6.008m1.974 12.753c-.591 1.635-.09 3.32 1.125 3.765s2.68-.521 3.272-2.156c.696-1.926.744-4.561.271-7.617c-2.282 2.002-3.97 4.082-4.668 6.008m13.571 1.608c.699-1.926.744-4.561.271-7.617c-2.28 2.003-3.97 4.083-4.667 6.009c-.593 1.635-.089 3.32 1.125 3.765s2.681-.522 3.271-2.157m9.444-7.617c-2.28 2.003-3.97 4.083-4.665 6.009c-.594 1.635-.09 3.32 1.124 3.765s2.68-.521 3.271-2.156c.698-1.926.745-4.561.27-7.618m-32.19 6.009c-.592 1.635-.088 3.32 1.126 3.765s2.68-.521 3.271-2.156c.698-1.926.745-4.561.271-7.617c-2.281 2.002-3.972 4.082-4.668 6.008M38.502 5.172c5.144 0 9.314 4.168 9.314 9.309c0 .25-.019.494-.037.737a9.75 9.75 0 0 0-5.649 2.355a7.8 7.8 0 0 1 3.883-1.037a7.74 7.74 0 0 1 3.889 1.04c2.342 1.349 3.921 3.865 3.921 6.759c0 3.705-2.589 6.804-6.056 7.599a7.7 7.7 0 0 1-1.753.207H18.863a6.3 6.3 0 0 1-1.992-.325a6.35 6.35 0 0 1-4.358-6.021c0-1.909.847-3.617 2.18-4.777a6.3 6.3 0 0 1 2.081-1.21a6.3 6.3 0 0 1 2.09-.362a6.34 6.34 0 0 1 5.027 2.478l.057-.002a8.7 8.7 0 0 0-6.82-4.508c1.1-3.825 4.62-6.63 8.8-6.63c.446 0 .882.042 1.309.105c.85.122 1.66.354 2.416.692a9.15 9.15 0 0 1 5.333 7.042l.002-.056c0-3.59-1.843-6.75-4.635-8.594a9.31 9.31 0 0 1 8.149-4.801m0-3.172c-4.284 0-8.259 2.2-10.546 5.789l-.265-.041a12 12 0 0 0-1.765-.136c-5.47 0-10.345 3.67-11.854 8.928l-.36 1.25q-.584.376-1.113.84a9.5 9.5 0 0 0-3.264 7.165a9.5 9.5 0 0 0 6.54 9.035c.962.321 1.97.483 2.987.483h27.149c.82 0 1.651-.096 2.473-.287A10.92 10.92 0 0 0 57 24.335a11.01 11.01 0 0 0-6.007-9.776v-.079C50.993 7.6 45.389 2 38.502 2"/></svg>
Como usar o ícone Cloud With Rain
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:cloud-with-rain" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:cloud-with-rain" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:cloud-with-rain" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--cloud-with-rain]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:cloud-with-rain"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:cloud-with-rain"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/cloud-with-rain.svg" alt="Ícone Cloud With Rain" width="24" height="24">
Ícones relacionados em Emoji One (Monotone)
O ícone Cloud With Rain em outras coleções
Perguntas frequentes sobre Ícone Cloud With Rain
O ícone Cloud With Rain é grátis para uso comercial?
Sim. Emoji One (Monotone) 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 With Rain no React?
Instale @iconify/react e renderize <Icon icon="emojione-monotone:cloud-with-rain" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloud With Rain a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-monotone/cloud-with-rain.svg" alt="Ícone Cloud With Rain">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (Monotone) →
ICONYZ
