Ícone Cloud Sun

f7:cloud-sun

O ícone Cloud Sun (f7:cloud-sun) é 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: cloudsun

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M36.06 17.837c.868 0 1.601-.752 1.601-1.6V12.07c0-.887-.733-1.6-1.6-1.6c-.887 0-1.62.713-1.62 1.6v4.166c0 .848.733 1.6 1.62 1.6M24.858 21.54c.636.636 1.697.617 2.294 0c.58-.617.598-1.62 0-2.237l-2.988-2.97a1.583 1.583 0 0 0-2.237 0a1.606 1.606 0 0 0 0 2.256Zm20.113 0c.598.617 1.639.636 2.275 0l2.931-2.95a1.606 1.606 0 0 0 0-2.257a1.583 1.583 0 0 0-2.237 0l-2.97 2.97c-.616.617-.597 1.62 0 2.237M8.176 49.405h20.865c5.573 0 9.893-4.223 9.893-9.661v-.155c3.895-1.272 6.653-4.86 6.653-9.14a9.5 9.5 0 0 0-9.526-9.546a9.49 9.49 0 0 0-9.102 6.653c-2.314-2.642-5.554-4.184-9.218-4.184c-6.383 0-11.724 4.936-12.36 11.28C2.16 35.656 0 38.433 0 41.943c0 4.339 3.259 7.463 8.176 7.463M36.061 23.72c3.76 0 6.691 2.95 6.691 6.73c0 2.892-1.735 5.322-4.281 6.306c-1.234-3.684-4.724-6.268-9.121-6.538c.116-3.663 3.027-6.498 6.71-6.498M8.098 46.32c-3.278 0-5.014-1.89-5.014-4.3c0-2.044 1.196-3.857 4.03-4.609c.926-.25 1.274-.655 1.35-1.639c.444-5.4 4.455-9.295 9.276-9.295c3.741 0 6.653 2.064 8.446 5.65c.405.83.887 1.119 1.87 1.119c4.976 0 7.792 3.008 7.792 6.595s-2.932 6.48-6.75 6.48Zm42.154-14.27h4.166c.867 0 1.581-.713 1.581-1.6a1.59 1.59 0 0 0-1.581-1.582h-4.166c-.867 0-1.6.714-1.6 1.582c0 .887.733 1.6 1.6 1.6M47.94 44.603c.617.617 1.62.598 2.237-.02c.618-.616.618-1.638 0-2.236l-2.97-2.95c-.616-.598-1.62-.618-2.236 0a1.607 1.607 0 0 0 0 2.256Z"/></svg>

Como usar o ícone Cloud Sun

React

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

<Icon icon="f7:cloud-sun" width="24" />

Vue

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

<template>
  <Icon icon="f7:cloud-sun" width="24" />
</template>

Svelte

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

<Icon icon="f7:cloud-sun" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-sun]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-sun"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="f7:cloud-sun"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/f7/cloud-sun.svg" alt="Ícone Cloud Sun" width="24" height="24">

Ícones relacionados em Framework7 Icons

O ícone Cloud Sun em outras coleções

Perguntas frequentes sobre Ícone Cloud Sun

O ícone Cloud Sun é 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 Sun no React?

Instale @iconify/react e renderize <Icon icon="f7:cloud-sun" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Cloud Sun a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/cloud-sun.svg" alt="Ícone Cloud Sun">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Framework7 Icons →