أيقونة Cloud Bold

glyphs:cloud-bold

أيقونة Cloud Bold (glyphs:cloud-bold) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: cloudbold

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M40.718 20c4.444 0 8.734 1.765 11.926 4.907a17.03 17.03 0 0 1 5.097 11.845l.026 1.602A11 11 0 0 1 55 60H28a14 14 0 0 1-3.256-27.616a16.4 16.4 0 0 1 4.207-7.477A16.5 16.5 0 0 1 40.718 20" clip-rule="evenodd"/><path d="m52.644 24.907l-1.403 1.425zm5.097 11.845l-2 .032zm.026 1.602l-2 .032l.025 1.52l1.472.383zm5.011 2.868l1.414-1.414zM47.97 60l.015-2h-.015zm-9.92 0v-2h-.024zm-19.948-4.1l1.414-1.414zm0-19.8l1.414 1.415zm6.643-3.716l.465 1.945l1.175-.28l.298-1.172zm4.207-7.477l1.425 1.403zm25.096-1.426A19.03 19.03 0 0 0 40.718 18v4c3.914 0 7.701 1.555 10.523 4.332zM59.74 36.72a19.03 19.03 0 0 0-5.694-13.239l-2.806 2.851a15.03 15.03 0 0 1 4.5 10.452zm.026 1.602l-.026-1.602l-4 .064l.026 1.602zm4.425 1.486a13 13 0 0 0-5.922-3.39l-1.006 3.871a9 9 0 0 1 4.1 2.347zM68 49a13 13 0 0 0-3.808-9.192l-2.828 2.828A9 9 0 0 1 64 49zm-3.808 9.192A13 13 0 0 0 68 49h-4a9 9 0 0 1-2.636 6.364zM55 62a13 13 0 0 0 9.192-3.808l-2.828-2.828A9 9 0 0 1 55 58zm-4 0h4v-4h-4zm-.556 0H51v-4h-.556zM48 62h2.444v-4H48zm-.046 0H48v-4h-.016zm.015-4h-9.92v4h9.92zM38 62h.074l-.049-4H38zm-4.201 0H38v-4h-4.201zM32 62h1.799v-4H32zm-4 0h4v-4h-4zm-11.314-4.686A16 16 0 0 0 28 62v-4a12 12 0 0 1-8.485-3.514zM12 46a16 16 0 0 0 4.686 11.314l2.829-2.828A12 12 0 0 1 16 46zm4.686-11.313A16 16 0 0 0 12 46h4a12 12 0 0 1 3.515-8.485zm7.592-4.248a16 16 0 0 0-7.592 4.248l2.829 2.828a12 12 0 0 1 5.694-3.186zm3.247-6.935a18.4 18.4 0 0 0-4.72 8.388l3.877.985a14.4 14.4 0 0 1 3.694-6.567zM40.718 18a18.5 18.5 0 0 0-13.193 5.504l2.851 2.806A14.5 14.5 0 0 1 40.718 22z"/></g></svg>

كيفية استخدام أيقونة Cloud Bold

React

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

<Icon icon="glyphs:cloud-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:cloud-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:cloud-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cloud-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cloud-bold"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:cloud-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/cloud-bold.svg" alt="أيقونة Cloud Bold" width="24" height="24">

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

أيقونة Cloud Bold في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Cloud Bold

هل أيقونة Cloud Bold مجانية للاستخدام التجاري؟

نعم. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Cloud Bold في React؟

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

كيف أضيف أيقونة Cloud Bold إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/cloud-bold.svg" alt="أيقونة Cloud Bold">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Glyphs →