ICONYZ
日本語
OpenSearch UI の Logstash Output アイコン

Logstash Output アイコン

oui:logstash-output

Logstash Output アイコン(oui:logstash-output)は、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
タグ
logstashoutput
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.21 4.008h11.55V0h1v4.008h.088c.619 0 1.122.504 1.122 1.123V7.49c0 .62-.503 1.122-1.122 1.122H1.122A1.12 1.12 0 0 1 0 7.49V5.13c0-.618.503-1.122 1.122-1.122h.089V0h1zm11.549 1H1.12A.123.123 0 0 0 1 5.13v2.36c0 .068.055.122.122.122h13.725a.12.12 0 0 0 .122-.122V5.13a.123.123 0 0 0-.122-.122zm-5.301 9.097l2.405-2.26l.686.728l-3.58 3.363l-3.58-3.363l.686-.728l2.383 2.24V9.578h1z"/></svg>

Logstash Output アイコンの使い方

React

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

<Icon icon="oui:logstash-output" width="24" />

Vue

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

<template>
  <Icon icon="oui:logstash-output" width="24" />
</template>

Svelte

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

<Icon icon="oui:logstash-output" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="oui:logstash-output"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/oui/logstash-output.svg" alt="Logstash Output アイコン" width="24" height="24">

OpenSearch UI の関連アイコン

Logstash Output アイコン のよくある質問

Logstash Output アイコンは商用利用でも無料ですか?

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

React で Logstash Output アイコンを使うには?

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

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

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

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