أيقونة Mouse Circle Bold Duotone

solar:mouse-circle-bold-duotone

أيقونة Mouse Circle Bold Duotone (solar:mouse-circle-bold-duotone) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: الأجهزة
الوسوم: mousecircle، circlebold، boldduotone، mousecircleboldduotone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.53488 11.9161C2.53488 17.1834 6.77256 21.4534 12 21.4534C17.2274 21.4534 21.4651 17.1834 21.4651 11.9161C21.4651 8.14213 19.2898 4.87867 16.1303 3.33204C15.749 3.14542 15.5901 2.68271 15.7753 2.29856C15.9605 1.91442 16.4197 1.75429 16.801 1.94091C20.4689 3.73641 23 7.52765 23 11.9161C23 18.0375 18.0751 23 12 23C5.92487 23 1 18.0375 1 11.9161C1 6.54784 4.78661 2.07251 9.81487 1.05095C11.5037 0.707845 12.7674 2.15503 12.7674 3.66754V5.80249C14.6612 6.16648 16.0933 7.85287 16.0933 9.87826V13.9999C16.0933 16.2911 14.2608 18.1484 12.0002 18.1484C9.73974 18.1484 7.90723 16.2911 7.90723 13.9999V9.87826C7.90723 7.85305 9.339 6.16678 11.2326 5.80259V3.66754C11.2326 2.90228 10.6454 2.45995 10.1182 2.56704C5.79222 3.44593 2.53488 7.29856 2.53488 11.9161Z" opacity=".5"/><path d="M7.90723 13.9537C7.90723 16.2449 9.73974 18.1023 12.0002 18.1023C14.2608 18.1023 16.0933 16.2449 16.0933 13.9537V10.5831H7.90723V13.9537Z"/><path d="M12.7677 9.33822H16.0214C15.7094 7.67081 14.4128 6.04579 12.7677 5.72949V9.33822Z"/><path d="M11.2328 9.33822V5.72949C9.58771 6.04579 8.29112 7.67081 7.97906 9.33822H11.2328Z"/></g></svg>

كيفية استخدام أيقونة Mouse Circle Bold Duotone

React

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

<Icon icon="solar:mouse-circle-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:mouse-circle-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:mouse-circle-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mouse-circle-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mouse-circle-bold-duotone"></div>

مكوّن ويب

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

<iconify-icon icon="solar:mouse-circle-bold-duotone"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/mouse-circle-bold-duotone.svg" alt="أيقونة Mouse Circle Bold Duotone" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Mouse Circle Bold Duotone

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

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

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

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

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

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

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