أيقونة Circleselection

whh:circleselection

أيقونة Circleselection (whh:circleselection) أيقونة 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

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M894 447q-15-86-67-159l92-92q88 112 105 251zM577 130V0q139 17 251 105l-92 92q-73-52-159-67m-381-25Q308 17 447 0v130q-86 15-159 67zm1 183q-52 73-67 159H0q17-139 105-251zm0 448l-92 92Q17 716 0 577h130q15 86 67 159m250 158v130q-139-17-251-105l92-92q73 52 159 67m381 25q-112 88-251 105V894q86-15 159-67zm66-342h130q-17 139-105 251l-92-92q52-73 67-159"/></svg>

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

React

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

<Icon icon="whh:circleselection" width="24" />

Vue

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

<template>
  <Icon icon="whh:circleselection" width="24" />
</template>

Svelte

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

<Icon icon="whh:circleselection" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--circleselection]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:circleselection"></div>

مكوّن ويب

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

<iconify-icon icon="whh:circleselection"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/whh/circleselection.svg" alt="أيقونة Circleselection" width="24" height="24">

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

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

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

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

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

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

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

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