opsmatic logo

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

Name
opsmatic
Set
SVG Logos
Style
Color
Viewbox
256×227
License
CC0

Use the opsmatic logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 227"><path d="M182.415 226.74H73.212c-6.033 0-12.856-3.938-15.872-9.164L2.737 123.003c-3.015-5.223-3.015-13.103 0-18.327L57.34 10.103C60.356 4.878 67.18.94 73.212.94h109.203c6.033 0 12.855 3.94 15.872 9.164l54.603 94.573c3.015 5.224 3.015 13.104 0 18.327l-54.603 94.573c-3.017 5.226-9.84 9.165-15.872 9.165" fill="#101517"/><path d="M73.212 10.37c-2.641 0-6.386 2.16-7.706 4.448l-54.601 94.574c-1.32 2.286-1.32 6.61 0 8.896l54.601 94.573c1.32 2.286 5.065 4.45 7.706 4.45h109.203c2.641 0 6.386-2.164 7.706-4.45l54.601-94.573c1.32-2.286 1.32-6.61 0-8.896l-54.601-94.574c-1.32-2.288-5.065-4.449-7.706-4.449H73.212" fill="#FFF"/><path d="M165.338 171.677c-1.188 2.06-4.106 3.745-6.483 3.745H96.772c-2.377 0-5.295-1.685-6.483-3.745l-31.042-53.764c-1.189-2.06-1.189-5.428 0-7.488L90.29 56.66c1.188-2.058 4.106-3.743 6.483-3.743h62.083c2.377 0 5.295 1.685 6.483 3.743l31.042 53.765c1.188 2.06 1.188 5.428 0 7.488l-31.042 53.764" fill="#6CA0C9"/><path d="M144.511 139.689c-.54.935-1.865 1.7-2.947 1.7h-27.501c-1.082 0-2.407-.765-2.947-1.7L97.363 115.87c-.54-.937-.54-2.467 0-3.403l13.753-23.818c.54-.935 1.865-1.701 2.947-1.701h27.501c1.082 0 2.407.766 2.947 1.7l13.753 23.819c.54.936.54 2.466 0 3.403l-13.753 23.818" fill="#101517"/><path d="M178.634 79.69l-13.296-23.03c-1.188-2.058-4.106-3.743-6.483-3.743h-23.729l.526-.911c1.177-2.04 4.068-3.71 6.424-3.71h20.917c2.355 0 5.247 1.67 6.425 3.71l10.459 18.114c1.177 2.04 1.177 5.378 0 7.418l-1.243 2.152" fill="#FFF"/><path d="M162.993 99.362h-12.296L144.51 88.65c-.54-.935-1.865-1.701-2.947-1.701h-10.939l-5.431-9.41c-1.179-2.04-1.179-5.379 0-7.419l9.932-17.203h23.729c2.377 0 5.295 1.685 6.483 3.743l13.296 23.03l-9.216 15.963c-1.178 2.04-4.07 3.709-6.425 3.709" fill="#CBE0EC"/><path d="M150.697 99.362h-8.621c-2.356 0-5.247-1.669-6.424-3.71l-5.027-8.703h10.939c1.082 0 2.407.766 2.947 1.7l6.186 10.713" fill="#A6A8A7"/><path d="M87.14 107.183h-8.256c-.433 0-.963-.308-1.18-.68l-4.125-7.149c-.216-.375-.216-.986 0-1.361l4.126-7.149c.216-.375.746-.68 1.179-.68h8.255c.43 0 .963.305 1.179.68l4.126 7.149c.216.375.216.986 0 1.361l-4.126 7.148c-.216.373-.748.68-1.179.68" fill="#CBE0EC"/></svg>

React

import type { SVGProps } from "react";

export function LogosOpsmatic(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 227"><path d="M182.415 226.74H73.212c-6.033 0-12.856-3.938-15.872-9.164L2.737 123.003c-3.015-5.223-3.015-13.103 0-18.327L57.34 10.103C60.356 4.878 67.18.94 73.212.94h109.203c6.033 0 12.855 3.94 15.872 9.164l54.603 94.573c3.015 5.224 3.015 13.104 0 18.327l-54.603 94.573c-3.017 5.226-9.84 9.165-15.872 9.165" fill="#101517"/><path d="M73.212 10.37c-2.641 0-6.386 2.16-7.706 4.448l-54.601 94.574c-1.32 2.286-1.32 6.61 0 8.896l54.601 94.573c1.32 2.286 5.065 4.45 7.706 4.45h109.203c2.641 0 6.386-2.164 7.706-4.45l54.601-94.573c1.32-2.286 1.32-6.61 0-8.896l-54.601-94.574c-1.32-2.288-5.065-4.449-7.706-4.449H73.212" fill="#FFF"/><path d="M165.338 171.677c-1.188 2.06-4.106 3.745-6.483 3.745H96.772c-2.377 0-5.295-1.685-6.483-3.745l-31.042-53.764c-1.189-2.06-1.189-5.428 0-7.488L90.29 56.66c1.188-2.058 4.106-3.743 6.483-3.743h62.083c2.377 0 5.295 1.685 6.483 3.743l31.042 53.765c1.188 2.06 1.188 5.428 0 7.488l-31.042 53.764" fill="#6CA0C9"/><path d="M144.511 139.689c-.54.935-1.865 1.7-2.947 1.7h-27.501c-1.082 0-2.407-.765-2.947-1.7L97.363 115.87c-.54-.937-.54-2.467 0-3.403l13.753-23.818c.54-.935 1.865-1.701 2.947-1.701h27.501c1.082 0 2.407.766 2.947 1.7l13.753 23.819c.54.936.54 2.466 0 3.403l-13.753 23.818" fill="#101517"/><path d="M178.634 79.69l-13.296-23.03c-1.188-2.058-4.106-3.743-6.483-3.743h-23.729l.526-.911c1.177-2.04 4.068-3.71 6.424-3.71h20.917c2.355 0 5.247 1.67 6.425 3.71l10.459 18.114c1.177 2.04 1.177 5.378 0 7.418l-1.243 2.152" fill="#FFF"/><path d="M162.993 99.362h-12.296L144.51 88.65c-.54-.935-1.865-1.701-2.947-1.701h-10.939l-5.431-9.41c-1.179-2.04-1.179-5.379 0-7.419l9.932-17.203h23.729c2.377 0 5.295 1.685 6.483 3.743l13.296 23.03l-9.216 15.963c-1.178 2.04-4.07 3.709-6.425 3.709" fill="#CBE0EC"/><path d="M150.697 99.362h-8.621c-2.356 0-5.247-1.669-6.424-3.71l-5.027-8.703h10.939c1.082 0 2.407.766 2.947 1.7l6.186 10.713" fill="#A6A8A7"/><path d="M87.14 107.183h-8.256c-.433 0-.963-.308-1.18-.68l-4.125-7.149c-.216-.375-.216-.986 0-1.361l4.126-7.149c.216-.375.746-.68 1.179-.68h8.255c.43 0 .963.305 1.179.68l4.126 7.149c.216.375.216.986 0 1.361l-4.126 7.148c-.216.373-.748.68-1.179.68" fill="#CBE0EC"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 227"><path d="M182.415 226.74H73.212c-6.033 0-12.856-3.938-15.872-9.164L2.737 123.003c-3.015-5.223-3.015-13.103 0-18.327L57.34 10.103C60.356 4.878 67.18.94 73.212.94h109.203c6.033 0 12.855 3.94 15.872 9.164l54.603 94.573c3.015 5.224 3.015 13.104 0 18.327l-54.603 94.573c-3.017 5.226-9.84 9.165-15.872 9.165" fill="#101517"/><path d="M73.212 10.37c-2.641 0-6.386 2.16-7.706 4.448l-54.601 94.574c-1.32 2.286-1.32 6.61 0 8.896l54.601 94.573c1.32 2.286 5.065 4.45 7.706 4.45h109.203c2.641 0 6.386-2.164 7.706-4.45l54.601-94.573c1.32-2.286 1.32-6.61 0-8.896l-54.601-94.574c-1.32-2.288-5.065-4.449-7.706-4.449H73.212" fill="#FFF"/><path d="M165.338 171.677c-1.188 2.06-4.106 3.745-6.483 3.745H96.772c-2.377 0-5.295-1.685-6.483-3.745l-31.042-53.764c-1.189-2.06-1.189-5.428 0-7.488L90.29 56.66c1.188-2.058 4.106-3.743 6.483-3.743h62.083c2.377 0 5.295 1.685 6.483 3.743l31.042 53.765c1.188 2.06 1.188 5.428 0 7.488l-31.042 53.764" fill="#6CA0C9"/><path d="M144.511 139.689c-.54.935-1.865 1.7-2.947 1.7h-27.501c-1.082 0-2.407-.765-2.947-1.7L97.363 115.87c-.54-.937-.54-2.467 0-3.403l13.753-23.818c.54-.935 1.865-1.701 2.947-1.701h27.501c1.082 0 2.407.766 2.947 1.7l13.753 23.819c.54.936.54 2.466 0 3.403l-13.753 23.818" fill="#101517"/><path d="M178.634 79.69l-13.296-23.03c-1.188-2.058-4.106-3.743-6.483-3.743h-23.729l.526-.911c1.177-2.04 4.068-3.71 6.424-3.71h20.917c2.355 0 5.247 1.67 6.425 3.71l10.459 18.114c1.177 2.04 1.177 5.378 0 7.418l-1.243 2.152" fill="#FFF"/><path d="M162.993 99.362h-12.296L144.51 88.65c-.54-.935-1.865-1.701-2.947-1.701h-10.939l-5.431-9.41c-1.179-2.04-1.179-5.379 0-7.419l9.932-17.203h23.729c2.377 0 5.295 1.685 6.483 3.743l13.296 23.03l-9.216 15.963c-1.178 2.04-4.07 3.709-6.425 3.709" fill="#CBE0EC"/><path d="M150.697 99.362h-8.621c-2.356 0-5.247-1.669-6.424-3.71l-5.027-8.703h10.939c1.082 0 2.407.766 2.947 1.7l6.186 10.713" fill="#A6A8A7"/><path d="M87.14 107.183h-8.256c-.433 0-.963-.308-1.18-.68l-4.125-7.149c-.216-.375-.216-.986 0-1.361l4.126-7.149c.216-.375.746-.68 1.179-.68h8.255c.43 0 .963.305 1.179.68l4.126 7.149c.216.375.216.986 0 1.361l-4.126 7.148c-.216.373-.748.68-1.179.68" fill="#CBE0EC"/></svg>
</template>

CSS

.icon-opsmatic {
  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%20227%22%3E%3Cpath%20d%3D%22M182.415%20226.74H73.212c-6.033%200-12.856-3.938-15.872-9.164L2.737%20123.003c-3.015-5.223-3.015-13.103%200-18.327L57.34%2010.103C60.356%204.878%2067.18.94%2073.212.94h109.203c6.033%200%2012.855%203.94%2015.872%209.164l54.603%2094.573c3.015%205.224%203.015%2013.104%200%2018.327l-54.603%2094.573c-3.017%205.226-9.84%209.165-15.872%209.165%22%20fill%3D%22%23101517%22%2F%3E%3Cpath%20d%3D%22M73.212%2010.37c-2.641%200-6.386%202.16-7.706%204.448l-54.601%2094.574c-1.32%202.286-1.32%206.61%200%208.896l54.601%2094.573c1.32%202.286%205.065%204.45%207.706%204.45h109.203c2.641%200%206.386-2.164%207.706-4.45l54.601-94.573c1.32-2.286%201.32-6.61%200-8.896l-54.601-94.574c-1.32-2.288-5.065-4.449-7.706-4.449H73.212%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M165.338%20171.677c-1.188%202.06-4.106%203.745-6.483%203.745H96.772c-2.377%200-5.295-1.685-6.483-3.745l-31.042-53.764c-1.189-2.06-1.189-5.428%200-7.488L90.29%2056.66c1.188-2.058%204.106-3.743%206.483-3.743h62.083c2.377%200%205.295%201.685%206.483%203.743l31.042%2053.765c1.188%202.06%201.188%205.428%200%207.488l-31.042%2053.764%22%20fill%3D%22%236CA0C9%22%2F%3E%3Cpath%20d%3D%22M144.511%20139.689c-.54.935-1.865%201.7-2.947%201.7h-27.501c-1.082%200-2.407-.765-2.947-1.7L97.363%20115.87c-.54-.937-.54-2.467%200-3.403l13.753-23.818c.54-.935%201.865-1.701%202.947-1.701h27.501c1.082%200%202.407.766%202.947%201.7l13.753%2023.819c.54.936.54%202.466%200%203.403l-13.753%2023.818%22%20fill%3D%22%23101517%22%2F%3E%3Cpath%20d%3D%22M178.634%2079.69l-13.296-23.03c-1.188-2.058-4.106-3.743-6.483-3.743h-23.729l.526-.911c1.177-2.04%204.068-3.71%206.424-3.71h20.917c2.355%200%205.247%201.67%206.425%203.71l10.459%2018.114c1.177%202.04%201.177%205.378%200%207.418l-1.243%202.152%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M162.993%2099.362h-12.296L144.51%2088.65c-.54-.935-1.865-1.701-2.947-1.701h-10.939l-5.431-9.41c-1.179-2.04-1.179-5.379%200-7.419l9.932-17.203h23.729c2.377%200%205.295%201.685%206.483%203.743l13.296%2023.03l-9.216%2015.963c-1.178%202.04-4.07%203.709-6.425%203.709%22%20fill%3D%22%23CBE0EC%22%2F%3E%3Cpath%20d%3D%22M150.697%2099.362h-8.621c-2.356%200-5.247-1.669-6.424-3.71l-5.027-8.703h10.939c1.082%200%202.407.766%202.947%201.7l6.186%2010.713%22%20fill%3D%22%23A6A8A7%22%2F%3E%3Cpath%20d%3D%22M87.14%20107.183h-8.256c-.433%200-.963-.308-1.18-.68l-4.125-7.149c-.216-.375-.216-.986%200-1.361l4.126-7.149c.216-.375.746-.68%201.179-.68h8.255c.43%200%20.963.305%201.179.68l4.126%207.149c.216.375.216.986%200%201.361l-4.126%207.148c-.216.373-.748.68-1.179.68%22%20fill%3D%22%23CBE0EC%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%20227%22%3E%3Cpath%20d%3D%22M182.415%20226.74H73.212c-6.033%200-12.856-3.938-15.872-9.164L2.737%20123.003c-3.015-5.223-3.015-13.103%200-18.327L57.34%2010.103C60.356%204.878%2067.18.94%2073.212.94h109.203c6.033%200%2012.855%203.94%2015.872%209.164l54.603%2094.573c3.015%205.224%203.015%2013.104%200%2018.327l-54.603%2094.573c-3.017%205.226-9.84%209.165-15.872%209.165%22%20fill%3D%22%23101517%22%2F%3E%3Cpath%20d%3D%22M73.212%2010.37c-2.641%200-6.386%202.16-7.706%204.448l-54.601%2094.574c-1.32%202.286-1.32%206.61%200%208.896l54.601%2094.573c1.32%202.286%205.065%204.45%207.706%204.45h109.203c2.641%200%206.386-2.164%207.706-4.45l54.601-94.573c1.32-2.286%201.32-6.61%200-8.896l-54.601-94.574c-1.32-2.288-5.065-4.449-7.706-4.449H73.212%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M165.338%20171.677c-1.188%202.06-4.106%203.745-6.483%203.745H96.772c-2.377%200-5.295-1.685-6.483-3.745l-31.042-53.764c-1.189-2.06-1.189-5.428%200-7.488L90.29%2056.66c1.188-2.058%204.106-3.743%206.483-3.743h62.083c2.377%200%205.295%201.685%206.483%203.743l31.042%2053.765c1.188%202.06%201.188%205.428%200%207.488l-31.042%2053.764%22%20fill%3D%22%236CA0C9%22%2F%3E%3Cpath%20d%3D%22M144.511%20139.689c-.54.935-1.865%201.7-2.947%201.7h-27.501c-1.082%200-2.407-.765-2.947-1.7L97.363%20115.87c-.54-.937-.54-2.467%200-3.403l13.753-23.818c.54-.935%201.865-1.701%202.947-1.701h27.501c1.082%200%202.407.766%202.947%201.7l13.753%2023.819c.54.936.54%202.466%200%203.403l-13.753%2023.818%22%20fill%3D%22%23101517%22%2F%3E%3Cpath%20d%3D%22M178.634%2079.69l-13.296-23.03c-1.188-2.058-4.106-3.743-6.483-3.743h-23.729l.526-.911c1.177-2.04%204.068-3.71%206.424-3.71h20.917c2.355%200%205.247%201.67%206.425%203.71l10.459%2018.114c1.177%202.04%201.177%205.378%200%207.418l-1.243%202.152%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M162.993%2099.362h-12.296L144.51%2088.65c-.54-.935-1.865-1.701-2.947-1.701h-10.939l-5.431-9.41c-1.179-2.04-1.179-5.379%200-7.419l9.932-17.203h23.729c2.377%200%205.295%201.685%206.483%203.743l13.296%2023.03l-9.216%2015.963c-1.178%202.04-4.07%203.709-6.425%203.709%22%20fill%3D%22%23CBE0EC%22%2F%3E%3Cpath%20d%3D%22M150.697%2099.362h-8.621c-2.356%200-5.247-1.669-6.424-3.71l-5.027-8.703h10.939c1.082%200%202.407.766%202.947%201.7l6.186%2010.713%22%20fill%3D%22%23A6A8A7%22%2F%3E%3Cpath%20d%3D%22M87.14%20107.183h-8.256c-.433%200-.963-.308-1.18-.68l-4.125-7.149c-.216-.375-.216-.986%200-1.361l4.126-7.149c.216-.375.746-.68%201.179-.68h8.255c.43%200%20.963.305%201.179.68l4.126%207.149c.216.375.216.986%200%201.361l-4.126%207.148c-.216.373-.748.68-1.179.68%22%20fill%3D%22%23CBE0EC%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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