أيقونة Cloudy Outline
glyphs:cloudy-outline
أيقونة Cloudy Outline (glyphs:cloudy-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Glyphs
- المؤلف
- Goran Spasojevic
- الترخيص
- MIT
- الحجم
- 80 × 80
- الوسوم
- cloudyoutline
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M13.297 16.09a12.84 12.84 0 0 1 9.883-1.324a12.97 12.97 0 0 1 7.583 5.661l.053-.015a9.36 9.36 0 0 1 7.261.963a9.6 9.6 0 0 1 4.328 5.55a10.5 10.5 0 0 1 3.571 1.875a16.1 16.1 0 0 1 5.8-2.884a16.14 16.14 0 0 1 12.09 1.583c3.645 2.08 6.353 5.549 7.45 9.595c.462 1.704.629 3.458.508 5.19a13 13 0 0 1 2.377 1.854a12.78 12.78 0 0 1 3.798 9.062c0 3.403-1.387 6.68-3.798 9.063a12.94 12.94 0 0 1-9.065 3.736h-2.385l-.068.001H30.862a12.94 12.94 0 0 1-9.064-3.737a12.78 12.78 0 0 1-3.799-9.062c0-1.808.392-3.58 1.12-5.201h-6.534a10.47 10.47 0 0 1-7.474-3.14l-.06-.06A10.67 10.67 0 0 1 2 37.327v-.17a10.67 10.67 0 0 1 3.052-7.47l.06-.061a10.5 10.5 0 0 1 1.723-1.418c-.07-1.368.07-2.751.423-4.097c.882-3.355 3.054-6.264 6.04-8.022m29.82 21.435a2 2 0 0 0 1.666-.99l.7-1.197a12 12 0 0 1 1.885-2.439a12.1 12.1 0 0 1 5.432-3.116a12.14 12.14 0 0 1 9.083 1.19c2.734 1.56 4.758 4.162 5.573 7.168c.44 1.622.52 3.307.253 4.942a2 2 0 0 0 1.135 2.139a9 9 0 0 1 2.545 1.761A8.78 8.78 0 0 1 74 53.199c0 2.322-.95 4.577-2.61 6.217A8.94 8.94 0 0 1 65.136 62H62.71l-.063.001H30.862a8.94 8.94 0 0 1-6.253-2.582A8.78 8.78 0 0 1 22 53.201a8.78 8.78 0 0 1 2.611-6.217a8.97 8.97 0 0 1 4.941-2.482a2 2 0 0 0 1.676-1.67q.06-.39.162-.773a7.48 7.48 0 0 1 3.523-4.568a7.6 7.6 0 0 1 3.553-.994a7.7 7.7 0 0 1 3.695.817c.306.154.635.221.957.211m-2.693-6.957a6.5 6.5 0 0 1 2.714 1.1q-.502.653-.936 1.362q-.226-.07-.454-.132a11.7 11.7 0 0 0-3.419-.399c-1.882.059-3.74.57-5.4 1.518a11.48 11.48 0 0 0-5.352 6.816A13 13 0 0 0 21.94 44h-9.355a6.47 6.47 0 0 1-4.618-1.94l-.06-.061A6.67 6.67 0 0 1 6 37.329v-.17a6.67 6.67 0 0 1 1.908-4.67l.06-.062a6.5 6.5 0 0 1 1.845-1.315a2 2 0 0 0 1.119-2.118a9.45 9.45 0 0 1 .195-3.865c.618-2.354 2.142-4.38 4.2-5.592a8.84 8.84 0 0 1 6.798-.912a8.97 8.97 0 0 1 5.426 4.227l.589 1.04a2 2 0 0 0 2.652.794a5.5 5.5 0 0 1 1.026-.4l.07-.02a5.36 5.36 0 0 1 4.16.555a5.6 5.6 0 0 1 2.577 3.44l.019.072q.072.281.116.566a2 2 0 0 0 1.664 1.669" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.442 44h-1.857a6.47 6.47 0 0 1-4.618-1.94l-.06-.061A6.67 6.67 0 0 1 6 37.329v-.17a6.67 6.67 0 0 1 1.908-4.67l.06-.062a6.5 6.5 0 0 1 1.845-1.315a2 2 0 0 0 1.119-2.118a9.45 9.45 0 0 1 .195-3.865c.618-2.354 2.142-4.38 4.2-5.592a8.84 8.84 0 0 1 6.798-.912a8.97 8.97 0 0 1 5.426 4.227l.589 1.04a2 2 0 0 0 2.652.794a5.5 5.5 0 0 1 1.026-.4l.07-.02a5.36 5.36 0 0 1 4.16.555a5.6 5.6 0 0 1 2.577 3.44l.019.072q.072.281.116.566a2 2 0 0 0 1.664 1.669a6.5 6.5 0 0 1 2.714 1.1q-.502.653-.936 1.362q-.226-.07-.454-.132a11.7 11.7 0 0 0-3.419-.399c-1.882.059-3.74.57-5.4 1.518a11.48 11.48 0 0 0-5.352 6.816A13 13 0 0 0 21.94 44H14.5m-.059 0h.026m-.026 0h.026m0 0h.032m-.032 0h.032m-1.202-27.91a12.84 12.84 0 0 1 9.883-1.324a12.97 12.97 0 0 1 7.583 5.661l.053-.015a9.36 9.36 0 0 1 7.261.963a9.6 9.6 0 0 1 4.328 5.55a10.5 10.5 0 0 1 3.571 1.875a16.1 16.1 0 0 1 5.8-2.884a16.14 16.14 0 0 1 12.09 1.583c3.645 2.08 6.353 5.549 7.45 9.595c.462 1.704.629 3.458.508 5.19a13 13 0 0 1 2.377 1.854a12.78 12.78 0 0 1 3.798 9.062c0 3.403-1.387 6.68-3.798 9.063a12.94 12.94 0 0 1-9.065 3.736h-2.385l-.068.001H30.862a12.94 12.94 0 0 1-9.064-3.737a12.78 12.78 0 0 1-3.799-9.062c0-1.808.392-3.58 1.12-5.201h-6.534a10.47 10.47 0 0 1-7.474-3.14l-.06-.06A10.67 10.67 0 0 1 2 37.327v-.17a10.67 10.67 0 0 1 3.052-7.47l.06-.061a10.5 10.5 0 0 1 1.723-1.418c-.07-1.368.07-2.751.423-4.097c.882-3.355 3.054-6.264 6.04-8.022m31.486 20.445a2 2 0 0 1-2.623.78a7.8 7.8 0 0 0-3.695-.818a7.6 7.6 0 0 0-3.553.994a7.48 7.48 0 0 0-3.685 5.34a2 2 0 0 1-1.676 1.671a8.97 8.97 0 0 0-5.315 2.874A8.78 8.78 0 0 0 22 53.201c0 2.322.95 4.577 2.61 6.217A8.94 8.94 0 0 0 30.862 62h31.784l.063-.001h2.427c2.327 0 4.59-.938 6.253-2.582a8.78 8.78 0 0 0 2.61-6.217c0-2.32-.95-4.576-2.61-6.217a9 9 0 0 0-2.545-1.761a2 2 0 0 1-1.135-2.139c.267-1.635.187-3.32-.253-4.942c-.815-3.006-2.839-5.608-5.573-7.167a12.14 12.14 0 0 0-9.083-1.19a12.1 12.1 0 0 0-5.466 3.15a12 12 0 0 0-1.852 2.404z"/></g></svg>كيفية استخدام أيقونة Cloudy Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:cloudy-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:cloudy-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:cloudy-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cloudy-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cloudy-outline"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:cloudy-outline"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/glyphs/cloudy-outline.svg" alt="أيقونة Cloudy Outline" width="24" height="24">أيقونات ذات صلة في Glyphs
أيقونة Cloudy Outline في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cloudy Outline
هل أيقونة Cloudy Outline مجانية للاستخدام التجاري؟
نعم. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Cloudy Outline في React؟
ثبّت @iconify/react واعرض <Icon icon="glyphs:cloudy-outline" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cloudy Outline إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/cloudy-outline.svg" alt="أيقونة Cloudy Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.