ICONYZ
العربية
أيقونة Diagram Dash Circle من Ultimate color icons

أيقونة Diagram Dash Circle

streamline-ultimate-color:diagram-dash-circle

أيقونة Diagram Dash Circle (streamline-ultimate-color:diagram-dash-circle) أيقونة SVG مجانية من مجموعة Ultimate color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Ultimate color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
الأسهم والمخططات
الوسوم
diagramdash، dashcircle، diagramdashcircle
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#191919" stroke-linecap="round" stroke-linejoin="round"><path d="m1 15.512l2.284-3.504l3.505 2.284m6.337-12.144c.67-.002 1.34.064 1.997.197m1.847.572a10 10 0 0 1 1.76.964m1.475 1.245c.468.482.888 1.01 1.248 1.577m.877 1.714c.243.625.424 1.273.535 1.934M23 12.28a10 10 0 0 1-.257 1.99m-.625 1.828a10 10 0 0 1-1.016 1.732m-1.287 1.438a10 10 0 0 1-1.608 1.202m-1.745.826a10 10 0 0 1-1.95.477m-1.932.079a10 10 0 0 1-1.981-.315m-1.814-.682a10 10 0 0 1-1.7-1.068M5.69 18.458a10 10 0 0 1-1.153-1.643"/><path d="M3.76 15.046a9.9 9.9 0 0 1-.475-3.038"/></g></svg>

كيفية استخدام أيقونة Diagram Dash Circle

React

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

<Icon icon="streamline-ultimate-color:diagram-dash-circle" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:diagram-dash-circle" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:diagram-dash-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--diagram-dash-circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:diagram-dash-circle"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-ultimate-color:diagram-dash-circle"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/diagram-dash-circle.svg" alt="أيقونة Diagram Dash Circle" width="24" height="24">

أيقونات ذات صلة في Ultimate color icons

الأسئلة الشائعة حول أيقونة Diagram Dash Circle

هل أيقونة Diagram Dash Circle مجانية للاستخدام التجاري؟

نعم. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Diagram Dash Circle في React؟

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

كيف أضيف أيقونة Diagram Dash Circle إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/diagram-dash-circle.svg" alt="أيقونة Diagram Dash Circle">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ultimate color icons →