Ícone Night Alt Partly Cloudy

wi:night-alt-partly-cloudy

O ícone Night Alt Partly Cloudy (wi:night-alt-partly-cloudy) é 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: nightalt, altpartly, partlycloudy, nightaltpartlycloudy

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M6.77 19.65c0-.79.23-1.48.68-2.09s1.06-1.03 1.81-1.27c.32-1.09.98-1.92 1.99-2.49v-.35c0-1.46.46-2.74 1.38-3.85s2.09-1.8 3.5-2.06q.54-.09 1.08-.09h.03c.21 0 .44.02.7.05c.26.02.5.06.73.11l.91.28c.13.07.18.16.16.26l-.13.7c-.07.33-.11.65-.11.97c0 .35.05.71.16 1.07c.11.37.27.72.5 1.08s.52.68.91.97c.38.29.83.51 1.33.66l.71.21c.11.03.17.08.17.18c0 .04 0 .06-.01.07l-.18.68c-.06.24-.13.49-.22.73c-.15.44-.38.89-.7 1.37c0-.01 0-.01-.01-.01c-.44.63-.98 1.16-1.64 1.58c.14.34.21.75.21 1.24c0 .99-.35 1.83-1.04 2.53q-1.035 1.05-2.49 1.05h-6.85c-.97 0-1.81-.35-2.52-1.06c-.7-.71-1.06-1.55-1.06-2.52m1.98 0c0 .45.15.83.46 1.15s.69.47 1.14.47h6.85c.43 0 .8-.16 1.12-.48s.47-.7.47-1.14c0-.43-.16-.8-.47-1.12s-.69-.47-1.12-.47h-1.3c-.11 0-.19-.07-.25-.23l-.08-.64q-.105-.87-.75-1.44c-.645-.57-.93-.58-1.51-.58c-.57 0-1.06.19-1.48.58s-.66.87-.73 1.44l-.1.55c0 .15-.06.22-.19.22l-.63.08q-.615.06-1.02.51c-.27.32-.41.68-.41 1.1m4.43-6.4h.12c.93 0 1.75.26 2.49.78c.73.52 1.25 1.22 1.54 2.1c.77 0 1.45.24 2.03.72c.69-.43 1.2-1.02 1.53-1.75q-1.56-.78-2.43-2.25c-.87-1.47-.88-2.01-.88-3.11v-.35h-.24q-.915 0-1.77.39c-.57.26-1.05.64-1.44 1.12l-.03-.02c-.55.68-.85 1.47-.92 2.37"/></svg>

Como usar o ícone Night Alt Partly Cloudy

React

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

<Icon icon="wi:night-alt-partly-cloudy" width="24" />

Vue

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

<template>
  <Icon icon="wi:night-alt-partly-cloudy" width="24" />
</template>

Svelte

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

<Icon icon="wi:night-alt-partly-cloudy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-alt-partly-cloudy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-alt-partly-cloudy"></div>

Web component

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

<iconify-icon icon="wi:night-alt-partly-cloudy"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/wi/night-alt-partly-cloudy.svg" alt="Ícone Night Alt Partly Cloudy" width="24" height="24">

Ícones relacionados em Weather Icons

Perguntas frequentes sobre Ícone Night Alt Partly Cloudy

O ícone Night Alt Partly Cloudy é 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 Night Alt Partly Cloudy no React?

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

Como adiciono o ícone Night Alt Partly Cloudy a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/night-alt-partly-cloudy.svg" alt="Ícone Night Alt Partly Cloudy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Weather Icons →