Ícone Day Sunny Overcast
wi:day-sunny-overcast
O ícone Day Sunny Overcast (wi:day-sunny-overcast) é 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
- daysunny, sunnyovercast, daysunnyovercast, owm day 804, yahoo 44, yahoo 34
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M3.09 13.43c0 .27.09.49.28.67s.43.26.72.26h1.69q.405 0 .69-.27c.285-.27.29-.4.29-.66c0-.29-.09-.53-.28-.71s-.42-.28-.69-.28h-1.7c-.29 0-.53.09-.72.28c-.19.17-.28.41-.28.71m1.77 6.18c0 .97.35 1.81 1.06 2.52s1.54 1.06 2.51 1.06h6.86q1.455 0 2.49-1.05c.69-.7 1.04-1.54 1.04-2.53q0-.72-.21-1.23c.83-.53 1.49-1.24 1.97-2.12s.73-1.83.73-2.84c0-.81-.16-1.59-.48-2.33a6.1 6.1 0 0 0-1.28-1.91a6.1 6.1 0 0 0-1.91-1.28c-.74-.32-1.51-.48-2.32-.48c-1.09 0-2.1.27-3.02.81s-1.65 1.27-2.18 2.18c-.53.92-.79 1.92-.79 3.01v.34q-1.5.855-1.98 2.49c-.76.24-1.36.66-1.81 1.27a3.44 3.44 0 0 0-.68 2.09M6.42 5.45c0 .28.09.51.26.67l1.61 1.69q.705.54 1.41 0c.19-.19.28-.42.28-.7c0-.27-.09-.5-.28-.7L8.05 4.76c-.21-.19-.45-.29-.7-.29c-.28 0-.51.09-.68.28s-.25.42-.25.7m.42 14.16c0-.42.13-.78.4-1.08q.405-.45 1.02-.51l.62-.08c.13 0 .2-.08.2-.23l.09-.56c.07-.58.31-1.06.73-1.44c.42-.39.91-.58 1.48-.58c.58 0 1.09.19 1.51.58q.645.585.75 1.44l.08.65c.06.15.14.23.24.23h1.32c.43 0 .8.16 1.12.47s.47.68.47 1.12c0 .45-.16.83-.47 1.15s-.69.48-1.12.48H8.43c-.45 0-.83-.16-1.13-.48c-.31-.32-.46-.71-.46-1.16m4.42-6.39c.07-1.09.49-2.01 1.27-2.76c.77-.74 1.71-1.12 2.79-1.12c1.11 0 2.06.4 2.84 1.19s1.17 1.76 1.17 2.89q0 1.05-.51 1.95c-.34.6-.8 1.08-1.38 1.45c-.59-.49-1.27-.73-2.03-.73c-.29-.88-.81-1.57-1.54-2.09s-1.56-.78-2.48-.78zm3.09-8.75c0 .27.1.51.29.7s.42.29.69.29c.28 0 .51-.1.7-.29a.95.95 0 0 0 .29-.7V2.13c0-.26-.1-.48-.29-.66a.97.97 0 0 0-.7-.27q-.405 0-.69.27c-.19.18-.29.4-.29.66zm6.32 15.23c0 .27.09.5.27.7l1.64 1.62q.63.63 1.41 0c.18-.17.26-.39.26-.68c0-.27-.09-.49-.26-.67L22.3 19a.95.95 0 0 0-.68-.25c-.28 0-.5.09-.68.27s-.27.41-.27.68m0-12.61q0 .42.27.72c.18.18.41.27.68.27s.5-.09.68-.27l1.69-1.69c.18-.17.26-.39.26-.67s-.1-.51-.29-.69s-.42-.28-.7-.28c-.26 0-.49.1-.68.29L20.94 6.4q-.27.27-.27.69m2.58 6.34c0 .27.09.49.28.67s.43.26.72.26h1.69q.405 0 .69-.27c.285-.27.29-.4.29-.66c0-.29-.09-.53-.28-.71s-.42-.28-.69-.28h-1.69c-.29 0-.53.09-.72.28c-.19.17-.29.41-.29.71"/></svg>
Como usar o ícone Day Sunny Overcast
React
import { Icon } from "@iconify/react";
<Icon icon="wi:day-sunny-overcast" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:day-sunny-overcast" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:day-sunny-overcast" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--day-sunny-overcast]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:day-sunny-overcast"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:day-sunny-overcast"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/day-sunny-overcast.svg" alt="Ícone Day Sunny Overcast" width="24" height="24">
Ícones relacionados em Weather Icons
Perguntas frequentes sobre Ícone Day Sunny Overcast
O ícone Day Sunny Overcast é 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 Day Sunny Overcast no React?
Instale @iconify/react e renderize <Icon icon="wi:day-sunny-overcast" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Day Sunny Overcast a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/day-sunny-overcast.svg" alt="Ícone Day Sunny Overcast">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Weather Icons →
