Ikon Langfuse
thesvg-color:langfuse
Ikon Langfuse (thesvg-color:langfuse) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#0a60b5" d="M6.327 12.922c1.914-.003 3.399.092 4.479.578c.487.218.944.497 1.362.83l.246.206c.62.549 1.889 1.415 3.452 1.12q.299-.057.573-.15a6.6 6.6 0 0 1 4.958 1.287c-1.055 1.445-2.67 2.409-4.493 2.55l-.17.01c-2.138.108-3.752-.879-4.823-1.795c-1.894-1.016-3.377-1.272-4.244-1.493a4.9 4.9 0 0 1-1.329-.584l-.239-.155a2.7 2.7 0 0 1-.797-.869a2.8 2.8 0 0 1-.367-1.444l.314-.038a10 10 0 0 1 1.078-.053m16.188-2.841c.078.38.16.566.19.848a9.8 9.8 0 0 1-.21 3.224a13.3 13.3 0 0 0-3.577-1.271c.116-.36.18-.74.19-1.125c.008-.305-.027-.419-.08-.714c.539-.091 1.21-.24 1.823-.4c.647-.17 1.126-.367 1.664-.562M11.782 5.917l.155-.127c.584-.464 2.346-1.68 4.805-1.46c1.123.1 2.051.47 2.779.898c.682.402 1.26.992 1.736 1.615c-.43.31-1.065.643-1.916.908a6.7 6.7 0 0 1-2.914.23c-1.333-.336-2.799.154-3.803 1.251c-.558.609-1.204 1.129-1.941 1.494c-1.116.553-2.821.542-4.806.43a9 9 0 0 1-.756-.074a4.1 4.1 0 0 1 .835-1.427a4.1 4.1 0 0 1 1.653-1.11c2.047-.794 3.748-2.224 4.173-2.628m-9.14 1.39a9 9 0 0 1-1.76-1.21a.348.348 0 0 0-.578.269v2.498a.36.36 0 0 0 .131.28l1.011.984a5.8 5.8 0 0 1 1.196-2.821M.86 18.157a.35.35 0 0 1-.555-.29V14.8c0-.093.035-.181.096-.247l.054-.047l.018-.011l1.001-.436a7.9 7.9 0 0 0 1.17 2.927L.858 18.157z"/><path fill="#e11312" d="M7.308 4.751c2.004-.1 3.502.75 4.274 1.317c-.585.523-2.167 1.784-4.037 2.512a4 4 0 0 0-.485.212a3.96 3.96 0 0 0-2.194 3.458q-.01.364.038.72h-.01a2.7 2.7 0 0 0 1.312 2.392c.104.07.27.17.475.276a4 4 0 0 0 .943.362l.352.086c.892.214 2.245.539 3.903 1.421q.252.215.542.426q-.09.081-.149.138c-.342.293-2.219 1.841-4.964 1.596a6.6 6.6 0 0 1-2.78-.902c-1.225-.726-2.151-1.873-2.656-3.215a9.8 9.8 0 0 1-.227-6.239c.743-2.51 2.91-4.351 5.492-4.548zm14.03 11.965a6.64 6.64 0 0 0-4.947-1.27q-.275.09-.572.147c-1.563.293-2.83-.566-3.45-1.11a6 6 0 0 0-.373-.303a6.3 6.3 0 0 1 1.376-.94c1.117-.555 2.823-.544 4.81-.433c2.737.155 4.628 1.475 5.382 2.082c.085.067.133.17.133.278v2.491a.35.35 0 0 1-.582.269a9 9 0 0 0-1.777-1.211m-8.775-7.444q-.27.296-.566.56q.576.434 1.236.727c1.08.482 2.563.576 4.476.574a11.2 11.2 0 0 0 5.82-1.656a.36.36 0 0 0 .168-.304V6.116a.351.351 0 0 0-.558-.29c-.552.403-1.373.917-2.432 1.32a6.6 6.6 0 0 1-1.422.637a6.7 6.7 0 0 1-2.916.231c-1.334-.337-2.8.155-3.806 1.258"/><path d="M1.498 15.41q-.149-.425-.27-.917l-.601.26l-.015.023l-.004.023v3.068c0 .047.04.069.07.047l1.53-1.007a7 7 0 0 1-.62-1.248zm20.85-4.733l-.05-.195l-.35.13a11.5 11.5 0 0 1-2.563.7l.006.034c.018.132.025.256.02.418a4.3 4.3 0 0 1-.08.735l-.03.129a9.8 9.8 0 0 1 2.984 1.045l.059-.344q.087-.574.103-1.168l.002-.4a10 10 0 0 0-.047-.802l-.015-.108l-.038-.174zM.609 6.366v2.498q-.002.018.015.039l.628.612l.056-.223q.073-.269.175-.54l.11-.272q.202-.466.455-.86l.145-.215l-.028-.016A9 9 0 0 1 .95 6.551l-.27-.23c-.028-.024-.072-.003-.072.045zm6.212 8.999q.336.182.75.302l-.014.053l.015-.053l.01.003l-.016.053l.019-.052l.223.058l.794.195c.805.206 1.865.526 3.105 1.15l.343.177l.025.021q.243.208.523.412l.307.223l-.019.017c1.15.784 2.409 1.2 3.828 1.128l.168-.01c1.519-.118 2.918-.843 3.93-2l.155-.187l-.234-.155a6.2 6.2 0 0 0-1.396-.651l-.317-.094a6.2 6.2 0 0 0-2.483-.162a5 5 0 0 1-.613.159c-1.318.25-2.518-.208-3.52-1.027l-.425-.36a6 6 0 0 0-1.298-.79c-.871-.392-2.032-.538-4.014-.55h-.522c-.178.003-.335.01-.491.02l-.187.013l-.22.021l.01.1c.028.242.094.49.212.74l.098.188l.109.173c.219.292.462.475.622.578l.218.138l.09.052zm5.873-1.355l-.216.165l.298.248c.64.506 1.714 1.107 2.988.868l.183-.039l.178-.045l.2-.062l.157-.021a7 7 0 0 1 2.394.118l.251.062a7 7 0 0 1 2.269 1.074l.104.077l.236.126a9 9 0 0 1 1.43.987l.149.127l.014.01l.011.003l.027-.005l.02-.017a.05.05 0 0 0 .008-.028v-2.491l-.005-.022l-.013-.016l-.093-.074a9 9 0 0 0-.908-.625l-.022-.01a13 13 0 0 0-3.457-1.235a9 9 0 0 0-.731-.071l-.42-.022c-.829-.04-1.593-.056-2.275-.012c-.798.051-1.458.183-1.964.435a6 6 0 0 0-.813.495M1.86 9.67q-.051.195-.096.4l-.096.696l-.026-.026a9.4 9.4 0 0 0 .03 2.903l.033-.015l.068.377a7.6 7.6 0 0 0 1.125 2.815l.131.202A5.8 5.8 0 0 0 4.681 18.5a6.3 6.3 0 0 0 2.654.861c2.35.21 4.036-.957 4.594-1.402l-.162-.136c-.832-.445-1.63-.77-2.452-1.02c-.31-.096-.61-.176-.958-.26l-.765-.185a5 5 0 0 1-1.42-.624l-.247-.161c-.244-.17-.47-.38-.667-.636a3 3 0 0 1-.259-.377l-.09-.168a3.1 3.1 0 0 1-.32-1.352a32 32 0 0 1-.026-.54v-.258l.01-.21a4.26 4.26 0 0 1 2.149-3.406l.128-.07q.32-.176.649-.293l.306-.125l.306-.136l.13-.061a14.7 14.7 0 0 0 2.641-1.684l.199-.163l-.08-.051c-.752-.473-1.914-.996-3.38-.993l-.296.008l-.167.01c-1.61.124-3.055.922-4.057 2.136l-.287.375a6.2 6.2 0 0 0-.879 1.82l-.076.271zm3.31 2.588v.225l.01.197l.038-.005q.195-.021.397-.033l.338-.016q.174-.006.374-.006h.352c2.06.014 3.283.169 4.253.605q.541.243 1.034.58a6.5 6.5 0 0 1 1.273-.84l.236-.107c.564-.23 1.23-.344 1.957-.39c.834-.055 1.772-.023 2.767.033q.256.015.501.041l.054-.264a3.6 3.6 0 0 0 .047-.751l-.018-.14q-.516.051-1.073.053l-.376-.001c-1.734-.01-3.153-.121-4.223-.599l-.272-.128a6.7 6.7 0 0 1-1.022-.633l.199.144a6.5 6.5 0 0 1-1.196.773c-1.04.516-2.42.604-4.96.461a10 10 0 0 1-.569-.049q-.11.414-.121.85M19.118 8.15a7 7 0 0 1-2.51.202l-.312-.04l.015-.048l-.015.048c-.927-.234-1.935-.031-2.778.535q-.27.19-.512.425l-.158.163a8 8 0 0 1-.36.37l.141.09q.35.216.726.384l.208.085c.996.38 2.353.464 4.145.462l.338-.006q.458-.015.885-.066l.046-.008c.52-.089 1.18-.235 1.797-.396c.254-.066.471-.132.733-.223a11 11 0 0 0 1.864-.912l.017-.018l.006-.024V6.116l-.008-.027a.05.05 0 0 0-.07-.013c-.511.372-1.246.838-2.182 1.23l-.086.035a7 7 0 0 1-.631.326l-.232.1a7 7 0 0 1-.811.31zm-11.464.717l-.102.038a4 4 0 0 0-.225.097l-.129.064a4 4 0 0 0-.19.1c-.29.177-.567.403-.826.69a3.8 3.8 0 0 0-.522.742l-.112.229l.098.01l.248.017l.636.032c2.03.087 3.19-.02 4.017-.43A6 6 0 0 0 11.6 9.78l.384-.351l.182-.18l.332-.35a4.6 4.6 0 0 1 1.12-.822c.895-.48 1.912-.634 2.853-.396a6.3 6.3 0 0 0 2.78-.22q.24-.075.46-.157q.36-.15.654-.314l.212-.122l.233-.095l-.183-.22a5.6 5.6 0 0 0-1.04-.928l-.22-.139a6.3 6.3 0 0 0-2.65-.856c-1.868-.167-3.416.464-4.586 1.392l-.138.112c-.651.62-1.646 1.358-2.75 1.97c-.492.278-1.027.543-1.588.762zm16.032.872l-.123.074l-.325.187q-.177.1-.383.203l.101.4c.024.102.04.196.05.296a10.1 10.1 0 0 1-.166 3.1c.39.245.697.476.913.65a.66.66 0 0 1 .247.518v2.491l-.007.098a.654.654 0 0 1-1 .462l-.076-.06a8.7 8.7 0 0 0-1.412-1.004l-.2.242c-1.117 1.299-2.678 2.116-4.38 2.247l-.176.012c-1.634.082-3.064-.417-4.323-1.313l-.114.093c-.605.484-2.449 1.768-5.03 1.537l-.316-.035a6.9 6.9 0 0 1-2.591-.908l-.253-.158a6.4 6.4 0 0 1-1.568-1.466l-1.515.995A.653.653 0 0 1 0 17.867V14.8c0-.168.064-.33.2-.473l.08-.068l.07-.04l.75-.326a10 10 0 0 1-.16-1.639v-.382c.013-.589.077-1.139.172-1.645l-.868-.849A.66.66 0 0 1 0 8.864V6.366c0-.563.66-.87 1.084-.495c.431.38.921.736 1.468 1.043c1.105-1.393 2.733-2.318 4.563-2.457l.016.219l-.015-.22l.176-.011c1.953-.098 3.444.665 4.289 1.247l.007-.007l.159-.13c1.285-1.02 2.974-1.708 5.022-1.526a6.9 6.9 0 0 1 2.907.939c.622.367 1.19.893 1.712 1.55a10 10 0 0 0 1.574-.94l.083-.052a.655.655 0 0 1 .955.59v3.057l-.007.098a.66.66 0 0 1-.307.468"/></svg>Cara memakai ikon Langfuse
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:langfuse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:langfuse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:langfuse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--langfuse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:langfuse"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:langfuse"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/langfuse.svg" alt="Ikon Langfuse" width="24" height="24">Ikon Langfuse di set ikon lain
FAQ Ikon Langfuse
Apakah ikon Langfuse gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Langfuse di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:langfuse" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Langfuse ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/langfuse.svg" alt="Ikon Langfuse">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.