Langfuse アイコン

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

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

thesvg:langfuse

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

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M6.666 13.224c1.982.013 3.143.159 4.014.551a6 6 0 0 1 1.298.79l.425.36c1.002.819 2.202 1.276 3.52 1.027q.315-.06.613-.16a6.2 6.2 0 0 1 2.483.163l.317.094c.517.167.978.389 1.396.651l.234.155l-.155.187c-1.012 1.157-2.411 1.882-3.93 2l-.168.01c-1.42.072-2.677-.344-3.828-1.128l.02-.017l-.308-.223a9 9 0 0 1-.357-.274l-.191-.159l-.343-.178c-1.24-.623-2.3-.943-3.105-1.15l-.794-.194l-.223-.058l-.018.048l.016-.049l-.01-.003l-.016.053l.013-.053a3.7 3.7 0 0 1-.749-.302l-.262-.144l-.261-.163a2.4 2.4 0 0 1-.622-.578l-.11-.173l-.097-.188a2.4 2.4 0 0 1-.213-.74l-.009-.1l.22-.021l.187-.014c.156-.01.313-.016.49-.019h.523zm-5.438 1.27q.122.491.27.915l.09.25q.249.659.62 1.248l-1.53 1.007c-.03.022-.07 0-.07-.047V14.8l.004-.023l.015-.022l.6-.26zm21.07-4.012l.05.195l.039.174l.015.108q.04.394.047.803l-.002.399q-.016.595-.103 1.168l-.06.344a9.8 9.8 0 0 0-2.983-1.045l.03-.13q.07-.361.08-.734a2.4 2.4 0 0 0-.02-.418l-.006-.033a11.5 11.5 0 0 0 2.562-.7l.35-.13zM12.13 6.022c1.17-.927 2.718-1.558 4.585-1.391a6.3 6.3 0 0 1 2.65.856l.22.14c.364.244.71.556 1.041.926l.183.221l-.233.095l-.212.122a7 7 0 0 1-.654.314q-.22.083-.46.157a6.3 6.3 0 0 1-2.78.22c-.941-.238-1.958-.085-2.852.396c-.406.21-.785.487-1.121.822l-.332.35l-.182.18l-.384.351a6 6 0 0 1-1.052.675c-.828.41-1.986.517-4.017.43l-.636-.032l-.248-.017l-.098-.01l.112-.23q.203-.382.522-.74c.259-.288.537-.514.827-.69l.19-.101l.128-.064l.118-.053l.209-.082a12 12 0 0 0 1.587-.762c1.105-.612 2.1-1.35 2.751-1.97zm-11.473.29l.023.01l.27.229q.415.34.89.642l.352.212l-.145.215a6 6 0 0 0-.455.86l-.11.272a6 6 0 0 0-.175.54l-.056.223l-.628-.612a.06.06 0 0 1-.015-.039V6.366c0-.036.025-.057.05-.055z"/><path d="M7.62 5.05a6.3 6.3 0 0 1 3.226.898l.235.146l-.199.163a14.7 14.7 0 0 1-2.64 1.684l-.131.061l-.306.136l-.306.125a4.4 4.4 0 0 0-.65.294l-.127.069a4.26 4.26 0 0 0-2.149 3.406l-.01.21v.257l.027.541c0 .278.041.794.319 1.352l.09.168q.124.21.259.377c.196.257.423.466.667.636l.247.16c.409.26.912.495 1.42.625l.765.184c.348.085.647.165.958.26c.822.251 1.62.576 2.452 1.021l.162.136l-.156.12c-.677.503-2.277 1.475-4.438 1.282a6.3 6.3 0 0 1-2.654-.861a5.8 5.8 0 0 1-1.653-1.478l-.131-.202a7.6 7.6 0 0 1-1.124-2.815l-.07-.377l-.031.015a9.4 9.4 0 0 1-.03-2.903l.025.026l.096-.696q.045-.205.096-.4l.076-.27a6.2 6.2 0 0 1 .88-1.82l.286-.376C4.103 5.99 5.548 5.192 7.158 5.07l.167-.011l.296-.008zm7.85 8.03c.682-.044 1.446-.029 2.275.012l.42.022a9 9 0 0 1 .73.071a13 13 0 0 1 3.036 1.023l.444.222c.304.184.56.362.764.515l.237.184l.013.016l.005.022v2.491l-.003.017l-.004.01l-.021.018l-.027.005l-.01-.003l-.015-.01l-.148-.127a9 9 0 0 0-1.431-.987l-.236-.126l-.104-.077a7 7 0 0 0-2.269-1.074l-.25-.062a7 7 0 0 0-2.395-.118l-.157.021l-.2.062l-.178.045l-.183.04c-1.274.238-2.348-.363-2.988-.869l-.298-.248l.216-.165q.387-.281.813-.495c.506-.252 1.166-.384 1.964-.435m7.846-7.004a.05.05 0 0 1 .07.013l.008.027v3.057l-.006.024l-.017.018a11 11 0 0 1-1.864.912c-.262.09-.479.157-.733.223c-.514.135-1.058.258-1.526.347l-.317.057q-.427.051-.885.066l-.338.006c-1.792.002-3.149-.083-4.145-.462l-.208-.085a6 6 0 0 1-.726-.384l-.14-.09q.183-.177.36-.37l.157-.163q.242-.237.512-.425c.843-.566 1.851-.77 2.778-.535l.312.04a7 7 0 0 0 2.51-.202l.256-.074q.292-.091.556-.2l.487-.209q.34-.155.63-.326l.087-.035a10.8 10.8 0 0 0 2.182-1.23"/></g></svg>

Langfuse アイコンの使い方

React

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

<Icon icon="thesvg:langfuse" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:langfuse" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:langfuse" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:langfuse"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/langfuse.svg" alt="Langfuse アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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