Иконка Nav Search Configurationsln
oui:nav-search-configurationsln
Иконка Nav Search Configurationsln (oui:nav-search-configurationsln) — бесплатная 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
- Теги
- navsearch, searchconfigurationsln, navsearchconfigurationsln
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.362 1.104a.373.373 0 0 1 .708.232L5.686 14.711a.373.373 0 0 1-.708-.232zM2.469 9.317a.35.35 0 0 1 .348.348v2.886a.117.117 0 0 0 .117.116h1.395a.349.349 0 1 1 0 .698H2.934a.815.815 0 0 1-.814-.814V9.665a.35.35 0 0 1 .348-.348m10.238 1.488a.35.35 0 0 1 .348.349v1.397a.815.815 0 0 1-.814.814H7.4a.349.349 0 0 1 0-.698h1.862l.015.002h1.552l.015-.002h1.396a.117.117 0 0 0 .117-.116v-1.398a.35.35 0 0 1 .348-.348m1.179-4.213a.424.424 0 0 1 .303.712l-.002.003l-3.256 3.256a.424.424 0 0 1-.6 0L8.934 9.167l-.002-.002a.424.424 0 0 1 .534-.648l.065.049l.002.002l1.096 1.096l2.958-2.958l.002-.001l.065-.05a.4.4 0 0 1 .231-.064M4.621 5.299a.367.367 0 0 1 .261.615l-.002.002l-1.297 1.296L4.88 8.508a.365.365 0 1 1-.518.517L3.066 7.729L1.769 9.026l-.003.001a.366.366 0 0 1-.517-.517l.002-.002l1.296-1.297l-1.295-1.296l-.001-.002a.367.367 0 0 1 .461-.56l.056.042l.002.002l1.296 1.296l1.296-1.296l.002-.002a.38.38 0 0 1 .256-.098m7.62-2.867a.814.814 0 0 1 .814.814v2.885a.348.348 0 1 1-.697 0V3.244a.117.117 0 0 0-.117-.117h-1.396a.348.348 0 0 1 0-.697zm-4.467 0a.349.349 0 1 1 0 .697H6.494v.003H4.07v-.003H2.934a.117.117 0 0 0-.116.117V4.64a.348.348 0 1 1-.698 0V3.244a.815.815 0 0 1 .814-.814z"/></svg>
Как использовать иконку Nav Search Configurationsln
React
import { Icon } from "@iconify/react";
<Icon icon="oui:nav-search-configurationsln" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="oui:nav-search-configurationsln" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="oui:nav-search-configurationsln" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--nav-search-configurationsln]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:nav-search-configurationsln"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="oui:nav-search-configurationsln"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/oui/nav-search-configurationsln.svg" alt="Иконка Nav Search Configurationsln" width="24" height="24">
Похожие иконки в наборе OpenSearch UI
Вопросы и ответы: Иконка Nav Search Configurationsln
Можно ли бесплатно использовать иконку Nav Search Configurationsln в коммерческих проектах?
Да. OpenSearch UI icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Nav Search Configurationsln в React?
Установите @iconify/react и выведите <Icon icon="oui:nav-search-configurationsln" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Nav Search Configurationsln на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/oui/nav-search-configurationsln.svg" alt="Иконка Nav Search Configurationsln">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки OpenSearch UI →
