ICONYZ
العربية
أيقونة Day Cloudy Gusts من Weather Icons

أيقونة Day Cloudy Gusts

wi:day-cloudy-gusts

أيقونة Day Cloudy Gusts (wi:day-cloudy-gusts) أيقونة SVG مجانية من مجموعة Weather Icons من تصميم Erik Flowers. مرسومة على شبكة 30 × 30. تُنشر Weather Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Weather Icons
المؤلف
Erik Flowers
الترخيص
OFL-1.1
الحجم
30 × 30
الوسوم
daycloudy، cloudygusts، daycloudygusts، gust، owm day 802، owm day 803، owm day 801
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M.35 21.01q0 .36.27.6c.17.17.37.25.61.25h5.88c.26 0 .48.09.68.28s.3.42.3.68s-.1.5-.3.69s-.42.29-.68.29s-.48-.1-.68-.3a.9.9 0 0 0-.61-.24q-.36 0-.6.24t-.24.6t.24.6c.53.53 1.16.8 1.89.8c.74 0 1.37-.26 1.88-.78q.78-.78.78-1.89c0-1.11-.26-1.37-.78-1.89c-.52-.53-1.15-.79-1.88-.79H1.23c-.24 0-.44.09-.62.26s-.26.37-.26.6m0-3.01q0 .33.27.57c.17.17.37.25.61.25H12.2q1.11 0 1.89-.78t.78-1.89c0-.74-.26-1.36-.78-1.88c-.52-.51-1.15-.77-1.89-.77c-.76 0-1.38.25-1.88.76c-.16.16-.23.37-.23.61s.08.44.23.6c.15.15.35.23.6.23c.24 0 .44-.08.62-.23c.19-.19.41-.28.67-.28s.49.09.68.28s.29.42.29.68c0 .27-.1.5-.29.69s-.42.29-.68.29H1.23a.87.87 0 0 0-.62.26c-.18.18-.26.38-.26.61M3 15.65c0 .08.06.12.17.12H4.6c.07 0 .13-.05.2-.14q.33-.81 1.05-1.35c.47-.35 1-.55 1.6-.6l.53-.07c.12 0 .19-.06.19-.17l.07-.52c.11-1.08.56-1.98 1.37-2.71s1.76-1.09 2.85-1.09c1.1 0 2.05.36 2.86 1.08s1.27 1.63 1.38 2.71l.07.58q0 .18.18.18h1.63c.9 0 1.67.31 2.3.94s.95 1.39.95 2.27c0 .89-.32 1.66-.95 2.29s-1.4.95-2.3.95h-6.9c-.13 0-.19.06-.19.18v1.37c0 .11.06.17.19.17h6.9c.89 0 1.72-.22 2.48-.67c.76-.44 1.36-1.05 1.8-1.81s.66-1.59.66-2.48c0-.74-.14-1.41-.42-2.03c.76-.99 1.13-2.1 1.13-3.31c0-.94-.24-1.81-.71-2.62S22.41 7.47 21.6 7s-1.68-.71-2.62-.71c-1.54 0-2.83.58-3.86 1.73c-.8-.41-1.69-.61-2.67-.61c-1.41 0-2.65.44-3.73 1.31s-1.77 1.99-2.06 3.34q-1.275.3-2.25 1.23c-.65.62-1.11 1.35-1.36 2.19v.04c-.04.07-.05.1-.05.13m8.18-11.03q0 .345.27.6l.61.65c.16.16.37.24.61.24c.25 0 .45-.08.61-.23q.24-.225.24-.6c0-.24-.07-.44-.23-.6l-.66-.65c-.16-.17-.35-.26-.59-.26s-.44.08-.61.25s-.25.37-.25.6m5.32 4.41c.72-.68 1.54-1.02 2.48-1.02c.97 0 1.8.35 2.51 1.05c.7.7 1.05 1.54 1.05 2.51c0 .65-.17 1.26-.52 1.83c-.96-.96-2.11-1.43-3.46-1.43h-.34c-.23-1.09-.81-2.07-1.72-2.94m1.62-5.24c0 .23.08.43.25.59q.255.24.6.24c.24 0 .44-.08.61-.24s.25-.35.25-.59V1.74c0-.24-.08-.44-.25-.61a.82.82 0 0 0-.61-.25c-.24 0-.44.08-.6.25s-.25.37-.25.61zm5.55 2.27c0 .24.08.44.23.6c.17.17.37.25.61.26s.43-.08.57-.26l1.46-1.43c.17-.17.25-.37.25-.61c0-.23-.08-.43-.25-.6s-.37-.25-.61-.25s-.44.07-.6.23L23.9 5.47c-.15.16-.23.35-.23.59m.77 11.83c0 .23.08.43.25.6l.64.65c.2.16.41.24.62.24c.19 0 .39-.08.59-.24c.17-.17.25-.37.25-.6a.9.9 0 0 0-.25-.61l-.64-.65a.8.8 0 0 0-.58-.24c-.25 0-.46.08-.63.25c-.17.16-.25.36-.25.6m1.51-6.32c0 .24.08.43.25.59c.15.18.34.26.57.26h2.02c.24 0 .44-.08.61-.25s.25-.37.25-.6s-.09-.43-.26-.6a.83.83 0 0 0-.6-.26h-2.02c-.24 0-.43.08-.59.25a.9.9 0 0 0-.23.61"/></svg>

كيفية استخدام أيقونة Day Cloudy Gusts

React

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

<Icon icon="wi:day-cloudy-gusts" width="24" />

Vue

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

<template>
  <Icon icon="wi:day-cloudy-gusts" width="24" />
</template>

Svelte

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

<Icon icon="wi:day-cloudy-gusts" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--day-cloudy-gusts]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="wi:day-cloudy-gusts"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/wi/day-cloudy-gusts.svg" alt="أيقونة Day Cloudy Gusts" width="24" height="24">

أيقونات ذات صلة في Weather Icons

أيقونة day-cloudy
day-cloudy
 أيقونة day-cloudy-high
day-cloudy-high
 أيقونة day-cloudy-windy
day-cloudy-windy
 أيقونة day-fog
day-fog
 أيقونة day-hail
day-hail
 أيقونة day-haze
day-haze
 أيقونة day-light-wind
day-light-wind
 أيقونة day-lightning
day-lightning
 أيقونة day-rain
day-rain
 أيقونة day-rain-mix
day-rain-mix
 أيقونة day-rain-wind
day-rain-wind
 أيقونة day-showers
day-showers
 أيقونة day-sleet
day-sleet
 أيقونة day-sleet-storm
day-sleet-storm
 أيقونة day-snow
day-snow
 أيقونة day-snow-thunderstorm
day-snow-thunderstorm
 أيقونة day-snow-wind
day-snow-wind
 أيقونة day-sprinkle
day-sprinkle
 أيقونة day-storm-showers
day-storm-showers
 أيقونة day-sunny
day-sunny
 أيقونة day-sunny-overcast
day-sunny-overcast
 أيقونة day-thunderstorm
day-thunderstorm
 أيقونة day-windy
day-windy

الأسئلة الشائعة حول أيقونة Day Cloudy Gusts

هل أيقونة Day Cloudy Gusts مجانية للاستخدام التجاري؟

نعم. تُنشر Weather Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Day Cloudy Gusts في React؟

ثبّت @iconify/react واعرض <Icon icon="wi:day-cloudy-gusts" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Day Cloudy Gusts إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/wi/day-cloudy-gusts.svg" alt="أيقونة Day Cloudy Gusts">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Weather Icons →