ICONYZ
Bahasa Indonesia
Ikon Openobserve dari theSVG Color

Ikon Openobserve

thesvg-color:openobserve

Ikon Openobserve (thesvg-color:openobserve) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 1291 × 265. 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
1291 × 265
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1291" height="265" viewBox="0 0 1291 265"><g fill="none"><g clip-path="url(#SVGcYcuIbkI)"><path fill="#444" d="M218.808 133.494c0 2.669-.133 5.315-.361 7.936h-49.278l-3.762-7.635l-26.766 53.447l-22.152-63.896l-15.096 49.888l-20.18-31.804H46.454a91 91 0 0 1-.36-7.936c0-2.669.132-5.327.36-7.948h43.521l6.298 9.932l19.255-63.536l25.781 74.55l24.218-48.397l13.462 27.451h39.422c.24 2.621.397 5.315.397 7.948"/><path fill="url(#SVGihCQQ0Wx)" d="M147.282 22.343a22.46 22.46 0 0 1-4.186 12.682a22.44 22.44 0 0 1-10.646 8.06a90.35 90.35 0 0 0-63.915 26.488a90.45 90.45 0 0 0-26.468 63.945a22.315 22.315 0 0 0-21.034-14.883A22.315 22.315 0 0 0 0 133.518a132.5 132.5 0 0 1 10.072-50.715a132.5 132.5 0 0 1 28.71-42.996a132.4 132.4 0 0 1 42.975-28.726A132.4 132.4 0 0 1 132.45 1a22.44 22.44 0 0 1 14.832 21.343"/><path fill="url(#SVGf7jtLepj)" d="M264.875 133.494a22.315 22.315 0 0 1-21.033 14.883a22.3 22.3 0 0 1-21.033-14.883a90.46 90.46 0 0 0-26.472-63.918a90.38 90.38 0 0 0-63.888-26.491a22.31 22.31 0 0 0 14.877-21.043A22.31 22.31 0 0 0 132.449 1a132.42 132.42 0 0 1 93.644 38.807a132.5 132.5 0 0 1 38.782 93.687"/><path fill="url(#SVGUtALZbUT)" d="M264.875 133.494a132.48 132.48 0 0 1-38.783 93.682a132.4 132.4 0 0 1-42.964 28.718a132.4 132.4 0 0 1-50.679 10.082a22.31 22.31 0 0 1-14.877-21.043a22.32 22.32 0 0 1 14.877-21.042a90.35 90.35 0 0 0 63.918-26.479a90.43 90.43 0 0 0 26.477-63.942a22.31 22.31 0 0 0 21.034 14.883a22.31 22.31 0 0 0 21.033-14.883z"/><path fill="url(#SVGqueTRdIk)" d="M132.449 265.976a132.4 132.4 0 0 1-93.639-38.803A132.5 132.5 0 0 1 .023 133.494a22.315 22.315 0 0 1 21.034-14.883a22.3 22.3 0 0 1 21.033 14.883a90.44 90.44 0 0 0 26.473 63.938a90.35 90.35 0 0 0 63.91 26.484a22.3 22.3 0 0 0-10.781 8.155a22.33 22.33 0 0 0 0 25.774A22.3 22.3 0 0 0 132.473 266z"/><path fill="#444" fill-rule="evenodd" d="M332.348 89.664a43.28 43.28 0 0 0-27.076 14.311a43.31 43.31 0 0 0 0 57.306a43.28 43.28 0 0 0 27.076 14.311a43 43 0 0 0 10.718 0a43.27 43.27 0 0 0 27.075-14.311a43.306 43.306 0 0 0 0-57.306a43.28 43.28 0 0 0-27.075-14.31a43 43 0 0 0-10.718 0m9.996 17.243a26.12 26.12 0 0 1 15.562 8.993a26.14 26.14 0 0 1-.22 33.762a26.12 26.12 0 0 1-15.677 8.791a25.8 25.8 0 0 1-8.605 0h-.36a26.1 26.1 0 0 1-15.646-8.959a26.12 26.12 0 0 1 .237-33.849a26.1 26.1 0 0 1 15.769-8.738a25.7 25.7 0 0 1 8.605 0zm289.118 2.757a18.87 18.87 0 0 1 14.685 18.351v47.036a.877.877 0 0 0 .876.876h15.458a.875.875 0 0 0 .876-.876v-47.036a36.1 36.1 0 0 0-8.684-23.405a36.07 36.07 0 0 0-21.794-12.163a39 39 0 0 0-5.487-.412a39 39 0 0 0-5.462.412a36.07 36.07 0 0 0-21.81 12.156a36.1 36.1 0 0 0-8.694 23.412v47.036a.876.876 0 0 0 .876.876h15.458a.877.877 0 0 0 .876-.876v-47.036a18.844 18.844 0 0 1 14.685-18.325a18.3 18.3 0 0 1 4.096-.464c1.377.003 2.75.149 4.097.438zm-200.079-20a43.25 43.25 0 0 0-27.092 14.3a43.28 43.28 0 0 0-10.832 28.664v65.309a.84.84 0 0 0 .249.601a.86.86 0 0 0 .601.249h15.458a.877.877 0 0 0 .876-.85v-65.309a26.14 26.14 0 0 1 21.822-25.774a25.8 25.8 0 0 1 8.605 0h.335a26.12 26.12 0 0 1 15.561 8.994a26.14 26.14 0 0 1-.219 33.762a26.12 26.12 0 0 1-15.677 8.791a25.8 25.8 0 0 1-8.605 0h-.361A25.76 25.76 0 0 1 421 153.531a.88.88 0 0 0-.927 0a.825.825 0 0 0-.49.773v17.68a.88.88 0 0 0 .541.799a42.6 42.6 0 0 0 11.285 2.964c3.558.447 7.159.447 10.717 0a43.28 43.28 0 0 0 27.076-14.31a43.313 43.313 0 0 0 0-57.307a43.28 43.28 0 0 0-27.076-14.31a43 43 0 0 0-10.717 0z" clip-rule="evenodd"/><path fill="url(#SVGxhDbHemz)" fill-rule="evenodd" d="M891.131 114.742a4.33 4.33 0 0 0 2.577 3.015l36.996 16.727a21.8 21.8 0 0 1 6.698 4.717a19.92 19.92 0 0 1 6.132 13.041a24.4 24.4 0 0 1-.567 6.572a20.4 20.4 0 0 1-2.009 5.309a22.56 22.56 0 0 1-19.194 11.805h-43.437a.88.88 0 0 1-.876-.877v-15.464a.876.876 0 0 1 .876-.876h43.385a4.25 4.25 0 0 0 2.818-.945a4.26 4.26 0 0 0 1.511-2.56a4.5 4.5 0 0 0 0-1.933a4.35 4.35 0 0 0-2.577-3.041l-36.996-16.727a22.1 22.1 0 0 1-6.698-4.691a19.94 19.94 0 0 1-6.106-13.067a23.5 23.5 0 0 1 .541-6.572a19.8 19.8 0 0 1 2.035-5.309a22.5 22.5 0 0 1 19.168-11.804h43.283a.875.875 0 0 1 .875.876v15.464a.874.874 0 0 1-.875.876h-43.283a4.25 4.25 0 0 0-4.328 3.48a4.55 4.55 0 0 0 0 1.958zm267.119 34.742L1132.92 92.5a.85.85 0 0 0-.8-.515h-16.98a.8.8 0 0 0-.42.105a.75.75 0 0 0-.32.307a.85.85 0 0 0-.11.412c0 .144.04.286.11.412l36.71 82.191a.85.85 0 0 0 .8.516h14.45a.85.85 0 0 0 .8-.516l37.23-82.139a.85.85 0 0 0 .11-.412a.85.85 0 0 0-.11-.413a.9.9 0 0 0-.32-.31a.8.8 0 0 0-.43-.102h-16.98a.8.8 0 0 0-.47.135a.84.84 0 0 0-.33.38l-25.76 56.933c-.08.181-.21.334-.37.439a1.06 1.06 0 0 1-1.11-.008a1 1 0 0 1-.37-.431M1054.88 175c0 .232.1.455.26.619c.16.165.39.257.62.257h15.46c.23 0 .45-.092.62-.257a.9.9 0 0 0 .25-.619v-39.923a28 28 0 0 1 .36-4.304a26.23 26.23 0 0 1 8.89-15.632a26.17 26.17 0 0 1 16.88-6.198h2.81a.85.85 0 0 0 .85-.85v-15.31a.87.87 0 0 0-.25-.61a.9.9 0 0 0-.6-.266h-2.81a43.3 43.3 0 0 0-28.67 10.834a43.34 43.34 0 0 0-14.31 27.104a48 48 0 0 0-.33 5.361v39.845zM713.647 89.665a43.28 43.28 0 0 1 37.819 14.31a43.313 43.313 0 0 1 0 57.307a43.29 43.29 0 0 1-37.819 14.311a43.3 43.3 0 0 1-27.076-14.311a43.313 43.313 0 0 1 0-57.307a43.28 43.28 0 0 1 27.076-14.31m10.022 17.242h-.335a27 27 0 0 0-4.303-.361c-1.45.005-2.897.126-4.328.361a26.12 26.12 0 0 0-15.682 8.783a26.144 26.144 0 0 0-.236 33.762a26.12 26.12 0 0 0 15.557 9.001h.361a27 27 0 0 0 4.328.361a26.6 26.6 0 0 0 4.303-.361a26.12 26.12 0 0 0 15.677-8.79a26.14 26.14 0 0 0 .219-33.762a26.1 26.1 0 0 0-15.561-8.994m88.961-17.242a42.7 42.7 0 0 0-11.259 2.964a.88.88 0 0 0-.541.799v17.68a.88.88 0 0 0 .484.771a.88.88 0 0 0 .908-.075a26.13 26.13 0 0 1 15.767-5.309c1.45.005 2.897.125 4.328.36h.335a26.12 26.12 0 0 1 15.561 8.994a26.14 26.14 0 0 1-.219 33.762a26.12 26.12 0 0 1-15.677 8.791a27 27 0 0 1-4.328.361a27 27 0 0 1-4.303-.361h-.36a26.07 26.07 0 0 1-15.406-8.985a26.1 26.1 0 0 1-6.03-16.788V67.01a.877.877 0 0 0-.876-.876h-15.458a.875.875 0 0 0-.876.876v65.619a43.3 43.3 0 0 0 10.839 28.657a43.28 43.28 0 0 0 64.904-.004a43.31 43.31 0 0 0 0-57.307a43.28 43.28 0 0 0-37.819-14.31zm205.03 61.443a26.16 26.16 0 0 1-9.97 6.237h-.24a26.07 26.07 0 0 1-24.524-4.356a26 26 0 0 1-7.729-10.309a26.33 26.33 0 0 1 0-19.794a25.8 25.8 0 0 1 7.729-10.309a26.136 26.136 0 0 1 33.434.605a26.1 26.1 0 0 1 7.04 9.704c.18.439.34.877.49 1.315h-41.737a26.26 26.26 0 0 0 0 17.165H1041c.21.001.41-.074.56-.212a.87.87 0 0 0 .29-.536l.31-2.577c.44-3.56.44-7.162 0-10.722a43.34 43.34 0 0 0-14.28-27.155a43.274 43.274 0 0 0-57.366 0a43.3 43.3 0 0 0-14.279 27.155a43 43 0 0 0 0 10.722a43.34 43.34 0 0 0 9.365 21.935a43.31 43.31 0 0 0 43.36 14.884a43.33 43.33 0 0 0 20.86-11.561l1.98-1.985a.9.9 0 0 0 .26-.618c0-.232-.1-.455-.26-.619l-10.92-10.902a.9.9 0 0 0-.28-.187a.9.9 0 0 0-.33-.066q-.165 0-.33.066a.9.9 0 0 0-.28.187l-2 1.985zm247.89 0a26.3 26.3 0 0 1-9.97 6.237h-.23a26.6 26.6 0 0 1-8.27 1.34a26.2 26.2 0 0 1-24.14-16.134a26.28 26.28 0 0 1 0-19.793a26.15 26.15 0 0 1 7.73-10.31a26.1 26.1 0 0 1 16.34-5.748a26.12 26.12 0 0 1 16.35 5.748a26.3 26.3 0 0 1 7.73 10.31c.18.438.34.876.49 1.314h-41.53a25.8 25.8 0 0 0 0 17.165h58.84c.21.001.41-.074.57-.212a.8.8 0 0 0 .28-.536l.31-2.577c.45-3.56.45-7.162 0-10.722a43.25 43.25 0 0 0-14.28-27.155a43.26 43.26 0 0 0-28.68-10.871a43.28 43.28 0 0 0-28.68 10.871a43.34 43.34 0 0 0-14.28 27.155c-.45 3.56-.45 7.162 0 10.722a43.28 43.28 0 0 0 52.71 36.825a43.3 43.3 0 0 0 20.85-11.567l1.98-1.985a1 1 0 0 0 .2-.281a1 1 0 0 0 .07-.337a1 1 0 0 0-.07-.337a1 1 0 0 0-.2-.282l-10.9-10.902a.86.86 0 0 0-.62-.255a.85.85 0 0 0-.61.255l-1.99 1.985z" clip-rule="evenodd"/><path fill="#444" fill-rule="evenodd" d="M554.197 151.109a26.5 26.5 0 0 1-9.971 6.237h-.257a26.1 26.1 0 0 1-24.527-4.356a26.04 26.04 0 0 1-7.858-10.309a26.33 26.33 0 0 1 0-19.794a26.1 26.1 0 0 1 7.729-10.309a26.14 26.14 0 0 1 22.806-4.938a26.15 26.15 0 0 1 17.669 15.247c.18.438.334.876.489 1.314h-41.608a26.24 26.24 0 0 0 0 17.165h58.844a.85.85 0 0 0 .85-.747l.309-2.578a43 43 0 0 0 0-10.721a43.3 43.3 0 0 0-14.279-27.155a43.27 43.27 0 0 0-57.363 0a43.3 43.3 0 0 0-14.279 27.155a43 43 0 0 0 0 10.721a43.33 43.33 0 0 0 28.915 35.588a43.3 43.3 0 0 0 44.665-10.33l1.984-1.984a.877.877 0 0 0 0-1.237l-10.923-10.902a.86.86 0 0 0-.606-.254a.86.86 0 0 0-.605.254l-1.984 1.984z" clip-rule="evenodd"/><path fill="#c4c4c4" d="M281.62 89.33h-2.653v86.624h2.653z"/></g><defs><linearGradient id="SVGihCQQ0Wx" x1=".024" x2="147.282" y1="67.241" y2="67.241" gradientUnits="userSpaceOnUse"><stop stop-color="#d1c6e0"/><stop offset=".35" stop-color="#9274b2"/><stop offset=".71" stop-color="#652f8d"/><stop offset="1" stop-color="#2b1143"/></linearGradient><linearGradient id="SVGf7jtLepj" x1="132.449" x2="264.875" y1="74.66" y2="74.66" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#82c2df"/><stop offset=".3" stop-color="#3cafd9"/><stop offset=".59" stop-color="#0379b8"/><stop offset=".7" stop-color="#006dac"/><stop offset=".73" stop-color="#006aa9"/><stop offset=".91" stop-color="#334c84"/><stop offset="1" stop-color="#3a447a"/></linearGradient><linearGradient id="SVGUtALZbUT" x1="127.629" x2="309.441" y1="249.304" y2="114.035" gradientUnits="userSpaceOnUse"><stop stop-color="#0c6237"/><stop offset=".406" stop-color="#31bb77"/><stop offset=".752" stop-color="#5bc792"/><stop offset=".98" stop-color="#b1e9cd"/></linearGradient><linearGradient id="SVGqueTRdIk" x1=".023" x2="132.449" y1="192.316" y2="192.316" gradientUnits="userSpaceOnUse"><stop stop-color="#931b1e"/><stop offset=".32" stop-color="#ed4725"/><stop offset=".38" stop-color="#ee5f26"/><stop offset=".53" stop-color="#f08f27"/><stop offset=".74" stop-color="#f5c321"/><stop offset=".88" stop-color="#f8d718"/><stop offset="1" stop-color="#f6df65"/></linearGradient><linearGradient id="SVGxhDbHemz" x1="333.353" x2="1481.5" y1="121.056" y2="121.056" gradientUnits="userSpaceOnUse"><stop stop-color="#f6df65"/><stop offset=".12" stop-color="#f8d718"/><stop offset=".26" stop-color="#f5c321"/><stop offset=".47" stop-color="#f08f27"/><stop offset=".62" stop-color="#ee5f26"/><stop offset=".68" stop-color="#ed4725"/><stop offset="1" stop-color="#931b1e"/></linearGradient><clipPath id="SVGcYcuIbkI"><path fill="#fff" d="M0 0h1290.39v265H0z"/></clipPath></defs></g></svg>

Cara memakai ikon Openobserve

React

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

<Icon icon="thesvg-color:openobserve" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:openobserve" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:openobserve" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg-color:openobserve"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/openobserve.svg" alt="Ikon Openobserve" width="24" height="24">

Ikon Openobserve di set ikon lain

FAQ Ikon Openobserve

Apakah ikon Openobserve 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 Openobserve di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:openobserve" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Openobserve ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/openobserve.svg" alt="Ikon Openobserve">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →