ICONYZ
Español
Icono Openobserve de theSVG Color

Icono Openobserve

thesvg-color:openobserve

El icono Openobserve (thesvg-color:openobserve) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1291 × 265. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
theSVG Color
Autor
thesvg.org
Licencia
MIT
Tamaño
1291 × 265
Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

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

El icono Openobserve en otras colecciones

Preguntas frecuentes sobre Icono Openobserve

¿El icono Openobserve es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Openobserve en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:openobserve" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Openobserve a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/openobserve.svg" alt="Icono Openobserve">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →