Opentelemetry アイコン

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

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

devicon:opentelemetry

Opentelemetry アイコン(devicon:opentelemetry)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#f5a800" d="M67.648 69.797c-5.246 5.25-5.246 13.758 0 19.008c5.25 5.246 13.758 5.246 19.004 0c5.25-5.25 5.25-13.758 0-19.008c-5.246-5.246-13.754-5.246-19.004 0m14.207 14.219a6.65 6.65 0 0 1-9.41 0a6.65 6.65 0 0 1 0-9.407a6.65 6.65 0 0 1 9.41 0c2.598 2.586 2.598 6.809 0 9.407M86.43 3.672l-8.235 8.234a4.17 4.17 0 0 0 0 5.875l32.149 32.149a4.17 4.17 0 0 0 5.875 0l8.234-8.235c1.61-1.61 1.61-4.261 0-5.87L92.29 3.671a4.16 4.16 0 0 0-5.86 0ZM28.738 108.895a3.763 3.763 0 0 0 0-5.31l-4.183-4.187a3.77 3.77 0 0 0-5.313 0l-8.644 8.649l-.016.012l-2.371-2.375c-1.313-1.313-3.45-1.313-4.75 0c-1.313 1.312-1.313 3.449 0 4.75l14.246 14.242a3.353 3.353 0 0 0 4.746 0c1.3-1.313 1.313-3.45 0-4.746l-2.375-2.375l.016-.012Zm0 0"/><path fill="#425cc7" d="M72.297 27.313L54.004 45.605c-1.625 1.625-1.625 4.301 0 5.926L65.3 62.824c7.984-5.746 19.18-5.035 26.363 2.153l9.148-9.149c1.622-1.625 1.622-4.297 0-5.922L78.22 27.313a4.185 4.185 0 0 0-5.922 0ZM60.55 67.585l-6.672-6.672c-1.563-1.562-4.125-1.562-5.684 0l-23.53 23.54a4.036 4.036 0 0 0 0 5.687l13.331 13.332a4.036 4.036 0 0 0 5.688 0l15.132-15.157c-3.199-6.609-2.625-14.593 1.735-20.73m0 0"/></svg>

Opentelemetry アイコンの使い方

React

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

<Icon icon="devicon:opentelemetry" width="24" />

Vue

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

<template>
  <Icon icon="devicon:opentelemetry" width="24" />
</template>

Svelte

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

<Icon icon="devicon:opentelemetry" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--opentelemetry]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:opentelemetry"></div>

Web コンポーネント

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

<iconify-icon icon="devicon:opentelemetry"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/opentelemetry.svg" alt="Opentelemetry アイコン" width="24" height="24">

Devicon の関連アイコン

他のアイコンセットの Opentelemetry アイコン

Opentelemetry アイコンのよくある質問

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

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

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

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

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

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

Devicon アイコンをすべて見る →