opentelemetry logo
opentelemetry from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- opentelemetry
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the opentelemetry logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.697 13.117A2.618 2.618 0 1 0 16.4 16.82a2.618 2.618 0 0 0-3.703-3.703m2.768 2.77a1.296 1.296 0 1 1-1.833-1.832a1.296 1.296 0 0 1 1.833 1.832M16.356.236L14.752 1.84a.81.81 0 0 0 0 1.144l6.263 6.263a.81.81 0 0 0 1.144 0l1.604-1.604a.81.81 0 0 0 0-1.144L17.498.235a.81.81 0 0 0-1.142 0M5.117 20.734a.733.733 0 0 0 0-1.034l-.815-.816a.733.733 0 0 0-1.035 0l-1.684 1.685l-.003.002l-.462-.463a.654.654 0 1 0-.925.925l2.775 2.775a.654.654 0 1 0 .925-.925l-.463-.462l.003-.002zm8.486-15.893l-3.564 3.564a.82.82 0 0 0 0 1.154l2.2 2.2a3.98 3.98 0 0 1 5.137.419l1.782-1.782a.82.82 0 0 0 0-1.154l-4.401-4.4a.815.815 0 0 0-1.154 0m-2.288 7.846l-1.3-1.3a.786.786 0 0 0-1.108 0l-4.583 4.586a.786.786 0 0 0 0 1.107l2.597 2.598a.786.786 0 0 0 1.108 0l2.947-2.953a3.99 3.99 0 0 1 .339-4.038"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOpentelemetry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.697 13.117A2.618 2.618 0 1 0 16.4 16.82a2.618 2.618 0 0 0-3.703-3.703m2.768 2.77a1.296 1.296 0 1 1-1.833-1.832a1.296 1.296 0 0 1 1.833 1.832M16.356.236L14.752 1.84a.81.81 0 0 0 0 1.144l6.263 6.263a.81.81 0 0 0 1.144 0l1.604-1.604a.81.81 0 0 0 0-1.144L17.498.235a.81.81 0 0 0-1.142 0M5.117 20.734a.733.733 0 0 0 0-1.034l-.815-.816a.733.733 0 0 0-1.035 0l-1.684 1.685l-.003.002l-.462-.463a.654.654 0 1 0-.925.925l2.775 2.775a.654.654 0 1 0 .925-.925l-.463-.462l.003-.002zm8.486-15.893l-3.564 3.564a.82.82 0 0 0 0 1.154l2.2 2.2a3.98 3.98 0 0 1 5.137.419l1.782-1.782a.82.82 0 0 0 0-1.154l-4.401-4.4a.815.815 0 0 0-1.154 0m-2.288 7.846l-1.3-1.3a.786.786 0 0 0-1.108 0l-4.583 4.586a.786.786 0 0 0 0 1.107l2.597 2.598a.786.786 0 0 0 1.108 0l2.947-2.953a3.99 3.99 0 0 1 .339-4.038"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.697 13.117A2.618 2.618 0 1 0 16.4 16.82a2.618 2.618 0 0 0-3.703-3.703m2.768 2.77a1.296 1.296 0 1 1-1.833-1.832a1.296 1.296 0 0 1 1.833 1.832M16.356.236L14.752 1.84a.81.81 0 0 0 0 1.144l6.263 6.263a.81.81 0 0 0 1.144 0l1.604-1.604a.81.81 0 0 0 0-1.144L17.498.235a.81.81 0 0 0-1.142 0M5.117 20.734a.733.733 0 0 0 0-1.034l-.815-.816a.733.733 0 0 0-1.035 0l-1.684 1.685l-.003.002l-.462-.463a.654.654 0 1 0-.925.925l2.775 2.775a.654.654 0 1 0 .925-.925l-.463-.462l.003-.002zm8.486-15.893l-3.564 3.564a.82.82 0 0 0 0 1.154l2.2 2.2a3.98 3.98 0 0 1 5.137.419l1.782-1.782a.82.82 0 0 0 0-1.154l-4.401-4.4a.815.815 0 0 0-1.154 0m-2.288 7.846l-1.3-1.3a.786.786 0 0 0-1.108 0l-4.583 4.586a.786.786 0 0 0 0 1.107l2.597 2.598a.786.786 0 0 0 1.108 0l2.947-2.953a3.99 3.99 0 0 1 .339-4.038"/></svg> </template>
CSS
.icon-opentelemetry {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.697%2013.117A2.618%202.618%200%201%200%2016.4%2016.82a2.618%202.618%200%200%200-3.703-3.703m2.768%202.77a1.296%201.296%200%201%201-1.833-1.832a1.296%201.296%200%200%201%201.833%201.832M16.356.236L14.752%201.84a.81.81%200%200%200%200%201.144l6.263%206.263a.81.81%200%200%200%201.144%200l1.604-1.604a.81.81%200%200%200%200-1.144L17.498.235a.81.81%200%200%200-1.142%200M5.117%2020.734a.733.733%200%200%200%200-1.034l-.815-.816a.733.733%200%200%200-1.035%200l-1.684%201.685l-.003.002l-.462-.463a.654.654%200%201%200-.925.925l2.775%202.775a.654.654%200%201%200%20.925-.925l-.463-.462l.003-.002zm8.486-15.893l-3.564%203.564a.82.82%200%200%200%200%201.154l2.2%202.2a3.98%203.98%200%200%201%205.137.419l1.782-1.782a.82.82%200%200%200%200-1.154l-4.401-4.4a.815.815%200%200%200-1.154%200m-2.288%207.846l-1.3-1.3a.786.786%200%200%200-1.108%200l-4.583%204.586a.786.786%200%200%200%200%201.107l2.597%202.598a.786.786%200%200%200%201.108%200l2.947-2.953a3.99%203.99%200%200%201%20.339-4.038%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.697%2013.117A2.618%202.618%200%201%200%2016.4%2016.82a2.618%202.618%200%200%200-3.703-3.703m2.768%202.77a1.296%201.296%200%201%201-1.833-1.832a1.296%201.296%200%200%201%201.833%201.832M16.356.236L14.752%201.84a.81.81%200%200%200%200%201.144l6.263%206.263a.81.81%200%200%200%201.144%200l1.604-1.604a.81.81%200%200%200%200-1.144L17.498.235a.81.81%200%200%200-1.142%200M5.117%2020.734a.733.733%200%200%200%200-1.034l-.815-.816a.733.733%200%200%200-1.035%200l-1.684%201.685l-.003.002l-.462-.463a.654.654%200%201%200-.925.925l2.775%202.775a.654.654%200%201%200%20.925-.925l-.463-.462l.003-.002zm8.486-15.893l-3.564%203.564a.82.82%200%200%200%200%201.154l2.2%202.2a3.98%203.98%200%200%201%205.137.419l1.782-1.782a.82.82%200%200%200%200-1.154l-4.401-4.4a.815.815%200%200%200-1.154%200m-2.288%207.846l-1.3-1.3a.786.786%200%200%200-1.108%200l-4.583%204.586a.786.786%200%200%200%200%201.107l2.597%202.598a.786.786%200%200%200%201.108%200l2.947-2.953a3.99%203.99%200%200%201%20.339-4.038%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/opentelemetry.svg?color=%231a73e8&size=48
