ICONYZ
العربية
أيقونة Data Cluster Solid من Clarity

أيقونة Data Cluster Solid

clarity:data-cluster-solid

أيقونة Data Cluster Solid (clarity:data-cluster-solid) أيقونة SVG مجانية من مجموعة Clarity من تصميم VMware. مرسومة على شبكة 36 × 36. تُنشر Clarity icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Clarity
المؤلف
VMware
الترخيص
MIT
الحجم
36 × 36
الفئة
التقنية
الوسوم
datacluster، clustersolid، dataclustersolid
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M26.5 4.08c-3.73 0-7.5 1.32-7.5 3.83v1.57c5.3.26 9 2.6 9 5.76v6.7l.05.06c3.13-.32 5.9-1.6 5.9-3.75V7.91C34 5.4 30.23 4.08 26.5 4.08" class="clr-i-solid clr-i-solid-path-1"/><path fill="currentColor" d="M17 9.48V7.91c0-2.52-3.77-3.84-7.5-3.84S2 5.4 2 7.91v10.33C2 20.4 4.77 21.67 7.9 22l.1-.07v-6.7c0-3.15 3.7-5.49 9-5.75" class="clr-i-solid clr-i-solid-path-2"/><path fill="currentColor" d="M18 10.85c-4.93 0-8.65 1.88-8.65 4.38v12.31c0 2.5 3.72 4.38 8.65 4.38s8.65-1.88 8.65-4.38v-2.16A13.58 13.58 0 0 1 18 28a16.8 16.8 0 0 1-6-1v-1.73a14.5 14.5 0 0 0 6 1.17c4.21 0 7.65-1.23 8.63-3.23v-2.74C24.8 22 21.72 23 18 23a16.8 16.8 0 0 1-6-1v-1.77a14.5 14.5 0 0 0 6 1.17c4.21 0 7.65-1.11 8.63-3.11v-3.06c.02-2.5-3.7-4.38-8.63-4.38" class="clr-i-solid clr-i-solid-path-3"/><path fill="none" d="M0 0h36v36H0z"/></svg>

كيفية استخدام أيقونة Data Cluster Solid

React

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

<Icon icon="clarity:data-cluster-solid" width="24" />

Vue

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

<template>
  <Icon icon="clarity:data-cluster-solid" width="24" />
</template>

Svelte

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

<Icon icon="clarity:data-cluster-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--data-cluster-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:data-cluster-solid"></div>

مكوّن ويب

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

<iconify-icon icon="clarity:data-cluster-solid"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/clarity/data-cluster-solid.svg" alt="أيقونة Data Cluster Solid" width="24" height="24">

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

أيقونة data-cluster-line
data-cluster-line
 أيقونة data-cluster-outline-alerted
data-cluster-outline-alerted
 أيقونة data-cluster-outline-badged
data-cluster-outline-badged
 أيقونة data-cluster-solid-alerted
data-cluster-solid-alerted
 أيقونة data-cluster-solid-badged
data-cluster-solid-badged

الأسئلة الشائعة حول أيقونة Data Cluster Solid

هل أيقونة Data Cluster Solid مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Data Cluster Solid في React؟

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

كيف أضيف أيقونة Data Cluster Solid إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/clarity/data-cluster-solid.svg" alt="أيقونة Data Cluster Solid">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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