Иконка Ws Selector
oui:ws-selector
Иконка Ws Selector (oui:ws-selector) — бесплатная SVG-иконка из набора OpenSearch UI от OpenSearch Contributors. Она нарисована на сетке 24 × 24. OpenSearch UI icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- OpenSearch UI
- Автор
- OpenSearch Contributors
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Теги
- wsselector
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.438 2.655a2 2 0 0 0-2.829 2.829c.217.216.544.382.958.496c.409.114.866.167 1.305.185a10 10 0 0 0 1.22-.028a10 10 0 0 0 .033-1.215A5.8 5.8 0 0 0 5.94 3.62c-.115-.413-.282-.743-.503-.964Zm1.107 3.936l.494.074v-.004l.002-.008l.004-.03l.014-.108c.01-.092.025-.223.038-.384c.025-.32.046-.763.027-1.248a6.8 6.8 0 0 0-.22-1.532c-.14-.505-.372-1.015-.759-1.403a3 3 0 1 0-4.243 4.243c.385.384.894.613 1.398.753c.507.14 1.047.2 1.53.22a11 11 0 0 0 1.745-.073l.03-.004h.008l.002-.001h.001zm0 0l.071.495l.368-.054l.055-.367zm6.728-3.936a2 2 0 0 0-2.828 0c-.213.214-.373.534-.48.937c-.106.4-.15.847-.16 1.275a9 9 0 0 0 .054 1.202a10 10 0 0 0 1.203.055c.428-.01.875-.054 1.275-.16c.403-.107.723-.267.936-.48a2 2 0 0 0 0-2.829m-3.859 3.86l-.493.084v-.004l-.002-.008l-.005-.03a10 10 0 0 1-.06-.484c-.03-.315-.06-.75-.049-1.228a6.5 6.5 0 0 1 .193-1.51c.133-.498.356-1.003.74-1.387a3 3 0 0 1 4.242 4.243c-.383.384-.889.607-1.387.74a6.6 6.6 0 0 1-1.51.193a10.4 10.4 0 0 1-1.712-.11l-.03-.004l-.007-.002H9.33zm0 0l-.084.493l-.35-.06l-.059-.35zM6.616 8.792l-.071.495l.494-.075v.004l.002.009l.004.03l.014.107c.01.092.025.223.038.384c.025.32.046.764.027 1.249a6.8 6.8 0 0 1-.22 1.531c-.14.506-.372 1.016-.759 1.403a3 3 0 0 1-4.243-4.242c.385-.385.894-.614 1.398-.753a7 7 0 0 1 1.53-.22a11 11 0 0 1 1.745.072l.03.004l.008.001h.003Zm-.071.495l.494-.075l-.055-.367l-.368-.053zm-.452.454a10 10 0 0 0-1.221-.029a6 6 0 0 0-1.305.185c-.414.115-.741.28-.958.497a2 2 0 0 0 2.829 2.828c.22-.22.388-.55.503-.964a5.8 5.8 0 0 0 .184-1.303a10 10 0 0 0-.032-1.214m6.5-.794c.498.132 1.004.356 1.387.74a3 3 0 0 1-4.242 4.242c-.384-.383-.607-.889-.74-1.387a6.6 6.6 0 0 1-.193-1.51a10.4 10.4 0 0 1 .11-1.712l.004-.03l.001-.008V9.28l.001-.001l.493.084l-.084-.493h.004l.008-.002l.03-.005a10 10 0 0 1 .484-.06c.315-.031.75-.06 1.228-.05a6.6 6.6 0 0 1 1.509.194m-3.179.416L9.33 8.87l-.35.06l-.059.349zm.445.445a10 10 0 0 0-.054 1.202c.01.429.054.876.16 1.276c.107.403.267.723.48.936a2 2 0 0 0 2.828-2.828c-.213-.214-.533-.373-.936-.48a5.5 5.5 0 0 0-1.275-.16a9 9 0 0 0-1.203.054"/></svg>Как использовать иконку Ws Selector
React
import { Icon } from "@iconify/react";
<Icon icon="oui:ws-selector" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="oui:ws-selector" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="oui:ws-selector" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--ws-selector]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:ws-selector"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="oui:ws-selector"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/oui/ws-selector.svg" alt="Иконка Ws Selector" width="24" height="24">Похожие иконки в наборе OpenSearch UI
Вопросы и ответы: Иконка Ws Selector
Можно ли бесплатно использовать иконку Ws Selector в коммерческих проектах?
Да. OpenSearch UI icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ws Selector в React?
Установите @iconify/react и выведите <Icon icon="oui:ws-selector" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ws Selector на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/oui/ws-selector.svg" alt="Иконка Ws Selector">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.