Иконка 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 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.