Nav Search Configurationsln アイコン

Q: Nav Search Configurationsln アイコンは商用利用でも無料ですか?

はい。OpenSearch UI icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

oui:nav-search-configurationsln

Nav Search Configurationsln アイコン(oui:nav-search-configurationsln)は、OpenSearch UI セットの無料 SVG アイコンです（作者: 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 コード

<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>

Web コンポーネント

<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 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Nav Search Configurationsln アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenSearch UI アイコンをすべて見る →