أيقونة Circlex
whh:circlex
أيقونة Circlex (whh:circlex) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024q-139 0-257-68.5T68.5 769T0 512t68.5-257T255 68.5T512 0t257 68.5T955.5 255t68.5 257t-68.5 257T769 955.5T512 1024m181-713q11-11 11-23q0-13-9.5-22.5T672 256q-7 0-15.5 5.5T644 272L512 457L379 272q-11-16-27-16q-15 0-23.5 10.5T320 288q0 13 9 23l144 201l-144 201q-9 10-9 23q0 11 8.5 21.5T352 768q16 0 27-16l133-185l132 185q4 5 12.5 10.5T672 768q13 0 22.5-9.5T704 736q0-12-11-24L551 512z"/></svg>كيفية استخدام أيقونة Circlex
React
import { Icon } from "@iconify/react";
<Icon icon="whh:circlex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:circlex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:circlex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--circlex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:circlex"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:circlex"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/circlex.svg" alt="أيقونة Circlex" width="24" height="24">الأسئلة الشائعة حول أيقونة Circlex
هل أيقونة Circlex مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Circlex في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:circlex" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Circlex إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/circlex.svg" alt="أيقونة Circlex">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.