Ícone Openobserve
thesvg-color:openobserve
O ícone Openobserve (thesvg-color:openobserve) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 1291 × 265. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 1291 × 265
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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/openobserve.svg" alt="Ícone Openobserve" width="24" height="24">O ícone Openobserve em outras coleções
Perguntas frequentes sobre Ícone Openobserve
O ícone Openobserve é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Openobserve no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:openobserve" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Openobserve a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/openobserve.svg" alt="Ícone Openobserve">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.