Ícone Cloud Snow
f7:cloud-snow
O ícone Cloud Snow (f7:cloud-snow) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 Icons são publicados sob a licença MIT, 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
- Framework7 Icons
- Autor
- Vladimir Kharlampidi
- Licença
- MIT
- Tamanho
- 56 × 56
- Tags
- cloudsnow
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M12.262 35.512h29.086c7.687 0 13.406-5.836 13.406-13.078c0-7.454-6.094-12.914-14.04-12.914C37.786 3.73 32.349.39 25.575.39C16.762.39 9.496 6.895 8.723 15.613c-4.243 1.219-7.477 4.922-7.477 9.868c0 5.53 4.031 10.03 11.016 10.03m-.047-3.774c-4.805 0-7.219-2.672-7.219-6.14c0-2.836 1.64-5.367 5.625-6.422c1.29-.328 1.758-.938 1.875-2.274c.54-7.64 6.281-13.148 13.078-13.148c5.274 0 9.422 2.883 11.953 8.086c.54 1.125 1.242 1.523 2.625 1.523c6.938 0 10.852 4.196 10.852 9.188c0 5.11-4.078 9.187-9.422 9.187Zm1.148 15.469c.422 0 .727-.398.703-.844l-.164-2.226l1.875 1.265c.328.235.868.141 1.102-.21a.783.783 0 0 0-.375-1.102l-2.016-.985l2.04-1.007c.445-.211.538-.727.374-1.078c-.21-.376-.797-.446-1.125-.211l-1.875 1.289l.188-2.25c.047-.47-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.351-.117.843.328 1.078l2.016 1.008l-2.016.984a.787.787 0 0 0-.352 1.101c.211.375.75.446 1.078.211l1.899-1.265l-.14 2.226c-.024.446.257.844.75.844m25.969 0c.422 0 .727-.398.703-.844l-.164-2.226l1.875 1.265c.328.235.867.141 1.078-.21c.235-.352.094-.891-.351-1.102l-2.016-.985l2.039-1.007a.804.804 0 0 0 .352-1.078c-.188-.376-.774-.446-1.102-.211l-1.875 1.289l.188-2.25c.046-.47-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.351-.118.843.328 1.078l2.015 1.008l-2.015.984a.787.787 0 0 0-.352 1.101c.211.375.75.446 1.078.211l1.899-1.265l-.141 2.226c-.023.446.258.844.75.844m-12.984 0c.422 0 .726-.398.703-.844l-.164-2.226l1.875 1.265c.328.235.867.141 1.078-.21c.234-.352.094-.891-.352-1.102l-2.015-.985l2.039-1.007a.804.804 0 0 0 .351-1.078c-.187-.376-.773-.446-1.101-.211l-1.875 1.289l.187-2.25c.047-.47-.305-.844-.726-.844c-.493 0-.797.375-.774.844l.164 2.25l-1.898-1.29c-.328-.234-.82-.187-1.055.212c-.21.351-.117.843.328 1.078l2.016 1.008l-2.016.984a.786.786 0 0 0-.351 1.101c.21.375.75.446 1.078.211l1.898-1.265l-.14 2.226c-.024.446.257.844.75.844m-5.086 8.79c.422 0 .726-.4.703-.821l-.164-2.25l1.875 1.265c.328.235.867.141 1.101-.21c.211-.352.07-.891-.375-1.102l-2.015-.984l2.039-1.008a.8.8 0 0 0 .351-1.078c-.187-.375-.773-.446-1.101-.211l-1.877 1.29l.187-2.25c.047-.469-.304-.844-.726-.844c-.492 0-.797.375-.774.844l.164 2.25l-1.898-1.29c-.328-.234-.82-.187-1.055.212c-.21.375-.117.867.328 1.078l2.016 1.008l-2.016.984a.786.786 0 0 0-.351 1.102c.21.374.75.445 1.078.21l1.898-1.242l-.14 2.227c-.024.422.258.82.75.82m12.984 0c.422 0 .727-.4.703-.821l-.164-2.25l1.875 1.265c.328.235.867.141 1.078-.21c.235-.352.094-.891-.351-1.102l-2.016-.984l2.04-1.008a.8.8 0 0 0 .35-1.078c-.187-.375-.773-.446-1.1-.211l-1.876 1.289l.188-2.25c.047-.469-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.375-.118.867.328 1.078l2.015 1.008l-2.015.984a.787.787 0 0 0-.352 1.102c.211.374.75.445 1.078.21l1.899-1.242l-.141 2.227c-.023.422.258.82.75.82m-25.969 0c.422 0 .727-.4.703-.821l-.164-2.25l1.875 1.265c.329.235.868.141 1.102-.21a.783.783 0 0 0-.375-1.102l-2.016-.984l2.04-1.008c.445-.211.538-.703.374-1.078c-.21-.375-.796-.446-1.125-.211l-1.875 1.289l.188-2.25c.047-.469-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.375-.117.867.328 1.078l2.016 1.008l-2.016.984a.786.786 0 0 0-.352 1.102c.211.374.75.445 1.079.21l1.898-1.242l-.14 2.227c-.024.422.257.82.75.82"/></svg>
Como usar o ícone Cloud Snow
React
import { Icon } from "@iconify/react";
<Icon icon="f7:cloud-snow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:cloud-snow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:cloud-snow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-snow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-snow"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:cloud-snow"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/f7/cloud-snow.svg" alt="Ícone Cloud Snow" width="24" height="24">
Ícones relacionados em Framework7 Icons
O ícone Cloud Snow em outras coleções
Perguntas frequentes sobre Ícone Cloud Snow
O ícone Cloud Snow é grátis para uso comercial?
Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cloud Snow no React?
Instale @iconify/react e renderize <Icon icon="f7:cloud-snow" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloud Snow a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/cloud-snow.svg" alt="Ícone Cloud Snow">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Framework7 Icons →
