أيقونة Toggle 1

glyphs-poly:toggle-1

أيقونة Toggle 1 (glyphs-poly:toggle-1) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs Poly
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M33.856 54H56.79c3.813 0 7.467-1.533 10.14-4.254l.148-.15a13.694 13.694 0 0 0 0-19.191l-.149-.152A14.2 14.2 0 0 0 56.788 26H33.857q.476.233.939.5a15.588 15.588 0 0 1-.939 27.5" clip-rule="evenodd"/><path fill="#f2c94c" d="m33.856 54l-.88-1.796a2 2 0 0 0 .88 3.796zm33.072-4.254l-1.427-1.4zm.149-.15l1.427 1.4zm0-19.191l1.427-1.402zm-.149-.152l-1.427 1.402zM56.788 26v-2zm-22.932 0v-2a2 2 0 0 0-.88 3.796zm.939.5l-1 1.732zm0 27l-1-1.732zm-.939 2.5H56.79v-4H33.856zm22.933 0a16.2 16.2 0 0 0 11.566-4.852l-2.854-2.803A12.2 12.2 0 0 1 56.79 52zm11.566-4.852l.149-.151l-2.854-2.803l-.149.151zm.149-.151A15.7 15.7 0 0 0 73 40h-4c0 3.065-1.204 6.007-3.351 8.194zM73 40c0-4.113-1.615-8.062-4.497-10.997l-2.854 2.803A11.7 11.7 0 0 1 69 40zm-4.497-10.997l-.149-.15l-2.854 2.802l.149.151zm-.149-.15A16.2 16.2 0 0 0 56.79 24v4a12.2 12.2 0 0 1 8.712 3.655zM56.79 24H33.856v4H56.79zm-23.812 3.796q.414.202.818.436l2-3.464q-.522-.3-1.059-.564zm.818.436A13.59 13.59 0 0 1 40.589 40h4c0-6.284-3.352-12.09-8.794-15.232zM40.589 40c0 4.855-2.59 9.34-6.794 11.768l2 3.464A17.59 17.59 0 0 0 44.589 40zm-6.794 11.768q-.405.232-.818.436l1.76 3.592q.536-.262 1.058-.564z"/><path fill="#eb5757" stroke="#eb5757" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M19.206 26.5a15.588 15.588 0 1 1 15.588 27a15.588 15.588 0 0 1-15.588-27"/></g></svg>

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

React

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

<Icon icon="glyphs-poly:toggle-1" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:toggle-1" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:toggle-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--toggle-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:toggle-1"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs-poly:toggle-1"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/toggle-1.svg" alt="أيقونة Toggle 1" width="24" height="24">

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

أيقونة Toggle 1 في مجموعات أخرى

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

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

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

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

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

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

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

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