Nagios アイコン
thesvg-color:nagios
Nagios アイコン(thesvg-color:nagios)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 52 × 64 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 52 × 64
- タグ
- nagio
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64"><path fill="#4d89f9" d="M4.655 59.498a7.32 7.32 0 0 1 7.669-3.46a92 92 0 0 0 21.023-.126c2.293-.3 4.615-.32 6.913-.053c3.566.407 7.16.577 10.743.882a24 24 0 0 1 3.294.464c.968.14 1.745.87 1.948 1.826a2.28 2.28 0 0 1-1.297 2.566a6.8 6.8 0 0 1-3.11.895c-3.85-.085-7.697-.472-11.548-.54a86 86 0 0 0-9.987.285a74.4 74.4 0 0 1-13.825.085c-2.55-.224-5.132-.08-7.697-.126a4.47 4.47 0 0 1-4.123-1.667zm51.483-45.603l.382 8.738q.094 2.83-.18 5.648a41.9 41.9 0 0 0 0 11.792c.24 1.695.187 3.418-.155 5.095a4.383 4.383 0 0 1-4.83 4.066a47 47 0 0 1-8.364-1.22a8.57 8.57 0 0 1-4.794-3.73a54 54 0 0 1-3.115-5.022a40.8 40.8 0 0 0-5.957-8.364a42 42 0 0 1-3.7-5.221q-.36-.684-.813-1.31c-.87-1.155-2.686-.81-3.074.58a6.2 6.2 0 0 0-.321 2.033l-.228 11.82a5.8 5.8 0 0 1-.443 1.992a5.47 5.47 0 0 0-.118 4.928a1.98 1.98 0 0 1-1.423 2.846a11.75 11.75 0 0 1-9.023-.252a4.06 4.06 0 0 1-2.533-3.83a197 197 0 0 0-.305-8.5a5.53 5.53 0 0 1 1.805-4.692a7.7 7.7 0 0 0 1.435-1.8a3.4 3.4 0 0 0-.134-4.091a16.08 16.08 0 0 1-3.127-11.878c.2-2.814.138-5.648.19-8.47c0-.687-.045-1.378.02-2.058C6.997 1.12 8.782-.452 10.612.122a17.7 17.7 0 0 0 6.278-1.171c2.08-.96 4.532.13 5.213 2.318c.325.7.573 1.43.862 2.147a4.3 4.3 0 0 0 2.598 2.688a6.15 6.15 0 0 1 3.062 2.635l8.072 11.63a20.2 20.2 0 0 0 2.846 3.314c1.15 1.045 2.106.72 2.293-.866c.36-2.458.473-4.945.342-7.425a83 83 0 0 1 .13-11.548c-.532-2.82 2.093-5.21 4.85-4.42l2.846.163a5.49 5.49 0 0 1 5.725 4.558c.293 1.075.465 2.18.512 3.294c.077 2.143.024 4.3.024 6.437z"/></svg>Nagios アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nagios" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nagios" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nagios" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nagios]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nagios"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nagios"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/nagios.svg" alt="Nagios アイコン" width="24" height="24">他のアイコンセットの Nagios アイコン
Nagios アイコン のよくある質問
Nagios アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nagios アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:nagios" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nagios アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/nagios.svg" alt="Nagios アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。