Nav Administration アイコン

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

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

oui:nav-administration

Nav Administration アイコン(oui:nav-administration)は、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
タグ: navadministration

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.988 8A3.015 3.015 0 0 1 8 4.989a3.011 3.011 0 1 1-3.01 3.01m.955-.852a2.226 2.226 0 1 0 4.114 1.704a2.226 2.226 0 0 0-4.114-1.704" clip-rule="evenodd"/><path fill="currentColor" d="M1.2 10.19a.4.4 0 0 1 .05-.156l1.14-1.999v-.066L1.252 5.964a.4.4 0 0 1-.03-.316a7.2 7.2 0 0 1 1.353-2.361a.4.4 0 0 1 .305-.138l2.287-.008l.047-.028l1.159-1.992A.4.4 0 0 1 6.639.93a7.1 7.1 0 0 1 2.719.003a.4.4 0 0 1 .27.19l1.153 1.992l.047.027l2.29.01a.4.4 0 0 1 .302.14a7.2 7.2 0 0 1 1.358 2.356q.021.06.021.126a.4.4 0 0 1-.05.19l-1.14 2.001v.066l1.139 2.003a.4.4 0 0 1 .03.317a7.2 7.2 0 0 1-1.354 2.361a.4.4 0 0 1-.308.14l-2.287.007l-.048.028l-1.155 1.991a.4.4 0 0 1-.267.19a7.1 7.1 0 0 1-2.718 0a.4.4 0 0 1-.27-.19l-1.153-1.99l-.048-.026l-2.289-.01a.4.4 0 0 1-.303-.14a7.2 7.2 0 0 1-1.358-2.359a.4.4 0 0 1-.02-.162m1.94-2.51a.4.4 0 0 1 .051.201v.245a.4.4 0 0 1-.05.2l-1.104 1.938c.244.65.593 1.258 1.035 1.798l2.214.01q.114.002.211.06c.069.043.143.084.21.123a.4.4 0 0 1 .152.151l1.115 1.924a6.4 6.4 0 0 0 2.052 0l1.118-1.927a.4.4 0 0 1 .154-.148q.107-.059.208-.122a.4.4 0 0 1 .211-.06l2.212-.008a6.4 6.4 0 0 0 1.032-1.804L12.857 8.32a.4.4 0 0 1-.05-.201v-.254a.4.4 0 0 1 .05-.192l1.105-1.937a6.4 6.4 0 0 0-1.035-1.802l-2.214-.01a.4.4 0 0 1-.21-.06c-.07-.042-.143-.082-.21-.12a.4.4 0 0 1-.154-.15L9.025 1.666v.002a6.3 6.3 0 0 0-2.052.001L5.854 3.598a.4.4 0 0 1-.153.148c-.07.039-.143.08-.21.122a.4.4 0 0 1-.21.06l-2.211.007a6.4 6.4 0 0 0-1.033 1.804z" clip-rule="evenodd"/></svg>

Nav Administration アイコンの使い方

React

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

<Icon icon="oui:nav-administration" width="24" />

Vue

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

<template>
  <Icon icon="oui:nav-administration" width="24" />
</template>

Svelte

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

<Icon icon="oui:nav-administration" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--nav-administration]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:nav-administration"></div>

Web コンポーネント

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

<iconify-icon icon="oui:nav-administration"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/oui/nav-administration.svg" alt="Nav Administration アイコン" width="24" height="24">

OpenSearch UI の関連アイコン

Nav Administration アイコンのよくある質問

Nav Administration アイコンは商用利用でも無料ですか?

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

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

@iconify/react をインストールして <Icon icon="oui:nav-administration" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Nav Administration アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/oui/nav-administration.svg" alt="Nav Administration アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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