opentelemetry icon logo

opentelemetry-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
opentelemetry-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the opentelemetry icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f5a800" d="M135.44 139.918c-10.906 10.905-10.906 28.587 0 39.492c10.907 10.906 28.59 10.906 39.497 0c10.906-10.905 10.906-28.587 0-39.492s-28.59-10.905-39.497 0m29.525 29.548c-5.4 5.4-14.152 5.4-19.553 0s-5.401-14.151 0-19.552s14.152-5.4 19.553 0c5.402 5.375 5.402 14.151 0 19.552M174.47 2.512l-17.112 17.11c-3.35 3.35-3.35 8.855 0 12.204l66.814 66.808c3.35 3.35 8.855 3.35 12.205 0l17.113-17.111c3.35-3.35 3.35-8.854 0-12.203L186.65 2.512c-3.35-3.35-8.83-3.35-12.18 0M54.577 221.162c3.038-3.038 3.038-7.997 0-11.035l-8.699-8.699c-3.038-3.037-7.998-3.037-11.036 0l-17.97 17.968l-.026.026l-4.933-4.933c-2.727-2.727-7.167-2.727-9.868 0c-2.727 2.726-2.727 7.166 0 9.866l29.603 29.6c2.727 2.727 7.167 2.727 9.868 0c2.7-2.726 2.726-7.166 0-9.866l-4.934-4.934l.026-.026z"/><path fill="#425cc7" d="M145.1 51.638L107.084 89.65c-3.376 3.375-3.376 8.932 0 12.307l23.474 23.472c16.594-11.943 39.86-10.463 54.792 4.466l19.008-19.006c3.376-3.375 3.376-8.932 0-12.307l-46.95-46.944c-3.375-3.402-8.932-3.402-12.308 0m-24.41 83.684l-13.866-13.865c-3.246-3.246-8.57-3.246-11.815 0l-48.897 48.918c-3.246 3.245-3.246 8.568 0 11.814l27.707 27.704c3.246 3.246 8.57 3.246 11.815 0l31.447-31.495c-6.648-13.736-5.453-30.327 3.61-43.076"/></svg>

React

import type { SVGProps } from "react";

export function LogosOpentelemetryIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f5a800" d="M135.44 139.918c-10.906 10.905-10.906 28.587 0 39.492c10.907 10.906 28.59 10.906 39.497 0c10.906-10.905 10.906-28.587 0-39.492s-28.59-10.905-39.497 0m29.525 29.548c-5.4 5.4-14.152 5.4-19.553 0s-5.401-14.151 0-19.552s14.152-5.4 19.553 0c5.402 5.375 5.402 14.151 0 19.552M174.47 2.512l-17.112 17.11c-3.35 3.35-3.35 8.855 0 12.204l66.814 66.808c3.35 3.35 8.855 3.35 12.205 0l17.113-17.111c3.35-3.35 3.35-8.854 0-12.203L186.65 2.512c-3.35-3.35-8.83-3.35-12.18 0M54.577 221.162c3.038-3.038 3.038-7.997 0-11.035l-8.699-8.699c-3.038-3.037-7.998-3.037-11.036 0l-17.97 17.968l-.026.026l-4.933-4.933c-2.727-2.727-7.167-2.727-9.868 0c-2.727 2.726-2.727 7.166 0 9.866l29.603 29.6c2.727 2.727 7.167 2.727 9.868 0c2.7-2.726 2.726-7.166 0-9.866l-4.934-4.934l.026-.026z"/><path fill="#425cc7" d="M145.1 51.638L107.084 89.65c-3.376 3.375-3.376 8.932 0 12.307l23.474 23.472c16.594-11.943 39.86-10.463 54.792 4.466l19.008-19.006c3.376-3.375 3.376-8.932 0-12.307l-46.95-46.944c-3.375-3.402-8.932-3.402-12.308 0m-24.41 83.684l-13.866-13.865c-3.246-3.246-8.57-3.246-11.815 0l-48.897 48.918c-3.246 3.245-3.246 8.568 0 11.814l27.707 27.704c3.246 3.246 8.57 3.246 11.815 0l31.447-31.495c-6.648-13.736-5.453-30.327 3.61-43.076"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f5a800" d="M135.44 139.918c-10.906 10.905-10.906 28.587 0 39.492c10.907 10.906 28.59 10.906 39.497 0c10.906-10.905 10.906-28.587 0-39.492s-28.59-10.905-39.497 0m29.525 29.548c-5.4 5.4-14.152 5.4-19.553 0s-5.401-14.151 0-19.552s14.152-5.4 19.553 0c5.402 5.375 5.402 14.151 0 19.552M174.47 2.512l-17.112 17.11c-3.35 3.35-3.35 8.855 0 12.204l66.814 66.808c3.35 3.35 8.855 3.35 12.205 0l17.113-17.111c3.35-3.35 3.35-8.854 0-12.203L186.65 2.512c-3.35-3.35-8.83-3.35-12.18 0M54.577 221.162c3.038-3.038 3.038-7.997 0-11.035l-8.699-8.699c-3.038-3.037-7.998-3.037-11.036 0l-17.97 17.968l-.026.026l-4.933-4.933c-2.727-2.727-7.167-2.727-9.868 0c-2.727 2.726-2.727 7.166 0 9.866l29.603 29.6c2.727 2.727 7.167 2.727 9.868 0c2.7-2.726 2.726-7.166 0-9.866l-4.934-4.934l.026-.026z"/><path fill="#425cc7" d="M145.1 51.638L107.084 89.65c-3.376 3.375-3.376 8.932 0 12.307l23.474 23.472c16.594-11.943 39.86-10.463 54.792 4.466l19.008-19.006c3.376-3.375 3.376-8.932 0-12.307l-46.95-46.944c-3.375-3.402-8.932-3.402-12.308 0m-24.41 83.684l-13.866-13.865c-3.246-3.246-8.57-3.246-11.815 0l-48.897 48.918c-3.246 3.245-3.246 8.568 0 11.814l27.707 27.704c3.246 3.246 8.57 3.246 11.815 0l31.447-31.495c-6.648-13.736-5.453-30.327 3.61-43.076"/></svg>
</template>

CSS

.icon-opentelemetry-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23f5a800%22%20d%3D%22M135.44%20139.918c-10.906%2010.905-10.906%2028.587%200%2039.492c10.907%2010.906%2028.59%2010.906%2039.497%200c10.906-10.905%2010.906-28.587%200-39.492s-28.59-10.905-39.497%200m29.525%2029.548c-5.4%205.4-14.152%205.4-19.553%200s-5.401-14.151%200-19.552s14.152-5.4%2019.553%200c5.402%205.375%205.402%2014.151%200%2019.552M174.47%202.512l-17.112%2017.11c-3.35%203.35-3.35%208.855%200%2012.204l66.814%2066.808c3.35%203.35%208.855%203.35%2012.205%200l17.113-17.111c3.35-3.35%203.35-8.854%200-12.203L186.65%202.512c-3.35-3.35-8.83-3.35-12.18%200M54.577%20221.162c3.038-3.038%203.038-7.997%200-11.035l-8.699-8.699c-3.038-3.037-7.998-3.037-11.036%200l-17.97%2017.968l-.026.026l-4.933-4.933c-2.727-2.727-7.167-2.727-9.868%200c-2.727%202.726-2.727%207.166%200%209.866l29.603%2029.6c2.727%202.727%207.167%202.727%209.868%200c2.7-2.726%202.726-7.166%200-9.866l-4.934-4.934l.026-.026z%22%2F%3E%3Cpath%20fill%3D%22%23425cc7%22%20d%3D%22M145.1%2051.638L107.084%2089.65c-3.376%203.375-3.376%208.932%200%2012.307l23.474%2023.472c16.594-11.943%2039.86-10.463%2054.792%204.466l19.008-19.006c3.376-3.375%203.376-8.932%200-12.307l-46.95-46.944c-3.375-3.402-8.932-3.402-12.308%200m-24.41%2083.684l-13.866-13.865c-3.246-3.246-8.57-3.246-11.815%200l-48.897%2048.918c-3.246%203.245-3.246%208.568%200%2011.814l27.707%2027.704c3.246%203.246%208.57%203.246%2011.815%200l31.447-31.495c-6.648-13.736-5.453-30.327%203.61-43.076%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23f5a800%22%20d%3D%22M135.44%20139.918c-10.906%2010.905-10.906%2028.587%200%2039.492c10.907%2010.906%2028.59%2010.906%2039.497%200c10.906-10.905%2010.906-28.587%200-39.492s-28.59-10.905-39.497%200m29.525%2029.548c-5.4%205.4-14.152%205.4-19.553%200s-5.401-14.151%200-19.552s14.152-5.4%2019.553%200c5.402%205.375%205.402%2014.151%200%2019.552M174.47%202.512l-17.112%2017.11c-3.35%203.35-3.35%208.855%200%2012.204l66.814%2066.808c3.35%203.35%208.855%203.35%2012.205%200l17.113-17.111c3.35-3.35%203.35-8.854%200-12.203L186.65%202.512c-3.35-3.35-8.83-3.35-12.18%200M54.577%20221.162c3.038-3.038%203.038-7.997%200-11.035l-8.699-8.699c-3.038-3.037-7.998-3.037-11.036%200l-17.97%2017.968l-.026.026l-4.933-4.933c-2.727-2.727-7.167-2.727-9.868%200c-2.727%202.726-2.727%207.166%200%209.866l29.603%2029.6c2.727%202.727%207.167%202.727%209.868%200c2.7-2.726%202.726-7.166%200-9.866l-4.934-4.934l.026-.026z%22%2F%3E%3Cpath%20fill%3D%22%23425cc7%22%20d%3D%22M145.1%2051.638L107.084%2089.65c-3.376%203.375-3.376%208.932%200%2012.307l23.474%2023.472c16.594-11.943%2039.86-10.463%2054.792%204.466l19.008-19.006c3.376-3.375%203.376-8.932%200-12.307l-46.95-46.944c-3.375-3.402-8.932-3.402-12.308%200m-24.41%2083.684l-13.866-13.865c-3.246-3.246-8.57-3.246-11.815%200l-48.897%2048.918c-3.246%203.245-3.246%208.568%200%2011.814l27.707%2027.704c3.246%203.246%208.57%203.246%2011.815%200l31.447-31.495c-6.648-13.736-5.453-30.327%203.61-43.076%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/opentelemetry-icon.svg?color=%231a73e8&size=48