Ícone Partly Cloudy Day Hail Fill
meteocons:partly-cloudy-day-hail-fill
O ícone Partly Cloudy Day Hail Fill (meteocons:partly-cloudy-day-hail-fill) é um ícone SVG gratuito da coleção Meteocons de Bas Milius. Ele é desenhado em uma grade de 512 × 512. Meteocons 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
- Meteocons
- Autor
- Bas Milius
- Licença
- MIT
- Tamanho
- 512 × 512
- Tags
- partlycloudy, cloudyday, dayhail, hailfill, partlycloudydayhailfill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="SVGMeEfudbH" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3f7fe"/><stop offset=".5" stop-color="#f3f7fe"/><stop offset="1" stop-color="#deeafb"/></linearGradient><linearGradient id="SVGHf5Quxod" x1="6.5" x2="18.5" y1="2.1" y2="22.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86c3db"/><stop offset=".5" stop-color="#86c3db"/><stop offset="1" stop-color="#5eafcf"/></linearGradient><linearGradient id="SVGtPfGgGNy" x1="62.5" x2="74.5" y1="2.1" y2="22.9" href="#SVGHf5Quxod"/><linearGradient id="SVGzTtyAesn" x1="118.5" x2="130.5" y1="2.1" y2="22.9" href="#SVGHf5Quxod"/><linearGradient id="SVG9IEgDxri" x1="78" x2="118" y1="63.4" y2="132.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbbf24"/><stop offset=".5" stop-color="#fbbf24"/><stop offset="1" stop-color="#f59e0b"/></linearGradient><symbol id="SVGnoI23bPp" viewBox="0 0 196 196"><circle cx="98" cy="98" r="40" fill="url(#SVG9IEgDxri)" stroke="#f8af18" stroke-miterlimit="10" stroke-width="4"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="12" d="M98 31.4V6m0 184v-25.4M145.1 51l18-17.9M33 163l18-17.9M51 51L33 33m130.1 130.1l-18-18M6 98h25.4M190 98h-25.4"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 98 98; 45 98 98"/></path></symbol><symbol id="SVGMnBDAb4I" viewBox="0 0 350 222"><path fill="url(#SVGMeEfudbH)" stroke="#e6effc" stroke-miterlimit="10" stroke-width="6" d="m291 107l-2.5.1A83.9 83.9 0 0 0 135.6 43A56 56 0 0 0 51 91a56.6 56.6 0 0 0 .8 9A60 60 0 0 0 63 219l4-.2v.2h224a56 56 0 0 0 0-112Z"/></symbol><symbol id="SVGpSsklbqg" viewBox="0 0 363 258"><use width="196" height="196" href="#SVGnoI23bPp"/><use width="350" height="222" href="#SVGMnBDAb4I" transform="translate(13 36)"/></symbol><symbol id="SVGcsSWkeXh" viewBox="0 0 137 25"><path fill="url(#SVGHf5Quxod)" stroke="#86c3db" stroke-miterlimit="10" d="M12.5.5a12 12 0 1 0 12 12a12 12 0 0 0-12-12Z" opacity="0"><animateTransform id="SVGgzCatdtI" additive="sum" attributeName="transform" begin="0s; x1.end+.42s" dur=".58s" keyTimes="0; .71; 1" type="translate" values="0 -46; 0 86; -18 74"/><animate id="SVGeDf4idin" attributeName="opacity" begin="0s; y1.end+.42s" dur=".58s" keyTimes="0; .14; .71; 1" values="0; 1; 1; 0"/></path><path fill="url(#SVGtPfGgGNy)" stroke="#86c3db" stroke-miterlimit="10" d="M68.5.5a12 12 0 1 0 12 12a12 12 0 0 0-12-12Z" opacity="0"><animateTransform id="SVG1sjSwbwC" additive="sum" attributeName="transform" begin=".67s; x2.end+.42s" dur=".58s" keyTimes="0; .71; 1" type="translate" values="0 -46; 0 86; 0 74"/><animate id="SVGthk0mcRI" attributeName="opacity" begin=".67s; y2.end+.42s" dur=".58s" keyTimes="0; .14; .71; 1" values="0; 1; 1; 0"/></path><path fill="url(#SVGzTtyAesn)" stroke="#86c3db" stroke-miterlimit="10" d="M124.5.5a12 12 0 1 0 12 12a12 12 0 0 0-12-12Z" opacity="0"><animateTransform id="SVGJVOg0bDV" additive="sum" attributeName="transform" begin=".33s; x3.end+.42s" dur=".58s" keyTimes="0; .71; 1" type="translate" values="0 -46; 0 86; 18 74"/><animate id="SVGdhEwhqRy" attributeName="opacity" begin=".33s; y3.end+.42s" dur=".58s" keyTimes="0; .14; .71; 1" values="0; 1; 1; 0"/></path></symbol></defs><use width="363" height="258" href="#SVGpSsklbqg" transform="translate(68 109)"/><use width="137" height="25" href="#SVGcsSWkeXh" transform="translate(187.5 349.5)"/></svg>
Como usar o ícone Partly Cloudy Day Hail Fill
React
import { Icon } from "@iconify/react";
<Icon icon="meteocons:partly-cloudy-day-hail-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="meteocons:partly-cloudy-day-hail-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="meteocons:partly-cloudy-day-hail-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--partly-cloudy-day-hail-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:partly-cloudy-day-hail-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="meteocons:partly-cloudy-day-hail-fill"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/meteocons/partly-cloudy-day-hail-fill.svg" alt="Ícone Partly Cloudy Day Hail Fill" width="24" height="24">
Ícones relacionados em Meteocons
Perguntas frequentes sobre Ícone Partly Cloudy Day Hail Fill
O ícone Partly Cloudy Day Hail Fill é grátis para uso comercial?
Sim. Meteocons icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Partly Cloudy Day Hail Fill no React?
Instale @iconify/react e renderize <Icon icon="meteocons:partly-cloudy-day-hail-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Partly Cloudy Day Hail Fill a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/meteocons/partly-cloudy-day-hail-fill.svg" alt="Ícone Partly Cloudy Day Hail Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Meteocons →
