Grafana Tempo アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:grafana-tempo

Grafana Tempo アイコン(selfhst:grafana-tempo)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: grafanatempo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGIKlvidax" x1="708.067" x2="114.307" y1="410.748" y2="227.6" gradientTransform="matrix(1 0 0 -1 0 514.83)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff100"/><stop offset="1" stop-color="#f05a28"/></linearGradient><path fill="url(#SVGIKlvidax)" d="M19.6 152.6H10c-5.5 0-10 4.5-10 10s4.5 10 10 10h9.6c5.5 0 10-4.5 10-10c-.1-5.5-4.5-10-10-10m184 145.3H194c-5.5 0-10 4.4-10 9.9s4.4 10 9.9 10h9.6c5.5 0 10-4.4 10-9.9c.1-5.6-4.3-10-9.9-10q.15 0 0 0m-8-94.8c0-5.5-4.5-10-10-10h-33.3c-5.5 0-10 4.5-10 10s4.5 10 10 10h33.3c5.5-.1 10-4.5 10-10m315.7-62.6l-10.1-56.9c-2.9-21.3-21.6-37-43.1-36H68.2C53.6 47.1 41.4 58.5 40.9 73c-.1 2.3.1 4.7.7 6.9l10.7 60.5c.1.5.2 1 .3 1.4c1.3 7.4-2.5 10.4-5.8 11.5c-5.2 1.9-7.9 7.6-6 12.7c1.4 3.9 5.1 6.6 9.3 6.6h434.6c14.6.5 26.8-10.9 27.3-25.5c.1-2.1-.2-4.4-.7-6.6M378.7 368.6c-4.2-22.1-16.8-30.2-31-30.2h-103c-5.5 0-10 4.6-10 10.1c0 5.1 3.8 9.5 8.9 10c3.3.6 6.8 4.9 9 15.5l10.6 58.8c4 18.2 20 31.3 38.6 31.7l61.5-.3c14.6.7 26.9-10.5 27.6-25.1q.15-3.45-.6-6.9zm-136.2-50.1h111.8c.8 0 1.7-.1 2.5-.4c10.3-2.2 10.8-10.6 9.5-18.9L352 221c-3.9-20.3-15.7-28.4-31.2-28.4H218.4c-5.5.1-9.9 4.6-9.8 10.1c.1 5 3.8 9.1 8.7 9.8c3.4.6 7.1 5.2 9.3 16.8l10.8 59.8c1.2 4.3-1.4 8.7-5.7 9.9c-.2.1-.4.1-.7.1c-5.2 1.8-7.9 7.4-6.1 12.6c1.4 4 5.2 6.7 9.4 6.7h8z"/></svg>

Grafana Tempo アイコンの使い方

React

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

<Icon icon="selfhst:grafana-tempo" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:grafana-tempo" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:grafana-tempo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--grafana-tempo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:grafana-tempo"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:grafana-tempo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/grafana-tempo.svg" alt="Grafana Tempo アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Grafana Tempo アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →