ICONYZ
English
Openobserve icon from theSVG Color

Openobserve icon

thesvg-color:openobserve

The Openobserve icon (thesvg-color:openobserve) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1291 × 265 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
theSVG Color
Author
thesvg.org
License
MIT
Size
1291 × 265
Download SVG

SVG code

<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>

How to use the Openobserve icon

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>

HTML image

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

Openobserve icon in other icon sets

Openobserve icon from selfh.st/icons
selfh.st/icons

Openobserve icon FAQ

Is the Openobserve icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Openobserve icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:openobserve" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Openobserve icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/openobserve.svg" alt="Openobserve icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →