mesos logo

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

Name
mesos
Set
SVG Logos
Style
Color
Viewbox
256×291
License
CC0

Use the mesos logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291"><path fill="#fff" d="M190.18 177.17v-63.366l-54.642 31.735z"/><path fill="#00aede" d="M186.645 107.622L131.907 75.97v63.379zm-61.852 31.725V75.968L70.016 107.62zm-3.541-69.46L66.527 38.052v63.472z"/><path fill="#fff" d="m186.645 183.26l-54.738-31.624v63.368zm-61.852 31.745v-63.371L70.016 183.26z"/><path fill="#00aede" d="m252.113 145.538l-54.818-31.73v63.36zM59.399 101.524V38.052L4.263 69.887z"/><path fill="#fff" d="m121.252 221.095l-54.725-31.72v63.451z"/><path fill="#00aede" d="M59.399 252.827v-63.45l-55.136 31.72z"/><path fill="#fff" d="m121.252 145.538l-54.725-31.73v63.36z"/><path fill="#00aede" d="M190.18 101.524V38.052l-54.642 31.835z"/><path fill="#fff" d="M131.909.319v63.357l54.738-31.72zM70.015 31.956l54.777 31.72V.32zm116.63 226.954l-54.738-31.616v63.348zm-61.852 31.734v-63.352l-54.777 31.62z"/><path fill="#00aede" d="M255.66 215.005v-63.371l-54.676 31.627zM59.399 177.17v-63.465L4.263 145.539zm-3.527 6.09L.656 151.635v63.368zm199.788-43.913V75.968l-54.676 31.652zm-3.547-69.46l-54.818-31.835v63.472zm0 151.208l-54.818-31.72v63.451z"/><path fill="#fff" d="M190.18 252.827v-63.45l-54.642 31.72z"/><path fill="#00aede" d="M55.872 107.622L.656 75.97v63.379z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMesos(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291"><path fill="#fff" d="M190.18 177.17v-63.366l-54.642 31.735z"/><path fill="#00aede" d="M186.645 107.622L131.907 75.97v63.379zm-61.852 31.725V75.968L70.016 107.62zm-3.541-69.46L66.527 38.052v63.472z"/><path fill="#fff" d="m186.645 183.26l-54.738-31.624v63.368zm-61.852 31.745v-63.371L70.016 183.26z"/><path fill="#00aede" d="m252.113 145.538l-54.818-31.73v63.36zM59.399 101.524V38.052L4.263 69.887z"/><path fill="#fff" d="m121.252 221.095l-54.725-31.72v63.451z"/><path fill="#00aede" d="M59.399 252.827v-63.45l-55.136 31.72z"/><path fill="#fff" d="m121.252 145.538l-54.725-31.73v63.36z"/><path fill="#00aede" d="M190.18 101.524V38.052l-54.642 31.835z"/><path fill="#fff" d="M131.909.319v63.357l54.738-31.72zM70.015 31.956l54.777 31.72V.32zm116.63 226.954l-54.738-31.616v63.348zm-61.852 31.734v-63.352l-54.777 31.62z"/><path fill="#00aede" d="M255.66 215.005v-63.371l-54.676 31.627zM59.399 177.17v-63.465L4.263 145.539zm-3.527 6.09L.656 151.635v63.368zm199.788-43.913V75.968l-54.676 31.652zm-3.547-69.46l-54.818-31.835v63.472zm0 151.208l-54.818-31.72v63.451z"/><path fill="#fff" d="M190.18 252.827v-63.45l-54.642 31.72z"/><path fill="#00aede" d="M55.872 107.622L.656 75.97v63.379z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291"><path fill="#fff" d="M190.18 177.17v-63.366l-54.642 31.735z"/><path fill="#00aede" d="M186.645 107.622L131.907 75.97v63.379zm-61.852 31.725V75.968L70.016 107.62zm-3.541-69.46L66.527 38.052v63.472z"/><path fill="#fff" d="m186.645 183.26l-54.738-31.624v63.368zm-61.852 31.745v-63.371L70.016 183.26z"/><path fill="#00aede" d="m252.113 145.538l-54.818-31.73v63.36zM59.399 101.524V38.052L4.263 69.887z"/><path fill="#fff" d="m121.252 221.095l-54.725-31.72v63.451z"/><path fill="#00aede" d="M59.399 252.827v-63.45l-55.136 31.72z"/><path fill="#fff" d="m121.252 145.538l-54.725-31.73v63.36z"/><path fill="#00aede" d="M190.18 101.524V38.052l-54.642 31.835z"/><path fill="#fff" d="M131.909.319v63.357l54.738-31.72zM70.015 31.956l54.777 31.72V.32zm116.63 226.954l-54.738-31.616v63.348zm-61.852 31.734v-63.352l-54.777 31.62z"/><path fill="#00aede" d="M255.66 215.005v-63.371l-54.676 31.627zM59.399 177.17v-63.465L4.263 145.539zm-3.527 6.09L.656 151.635v63.368zm199.788-43.913V75.968l-54.676 31.652zm-3.547-69.46l-54.818-31.835v63.472zm0 151.208l-54.818-31.72v63.451z"/><path fill="#fff" d="M190.18 252.827v-63.45l-54.642 31.72z"/><path fill="#00aede" d="M55.872 107.622L.656 75.97v63.379z"/></svg>
</template>

CSS

.icon-mesos {
  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%20291%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M190.18%20177.17v-63.366l-54.642%2031.735z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M186.645%20107.622L131.907%2075.97v63.379zm-61.852%2031.725V75.968L70.016%20107.62zm-3.541-69.46L66.527%2038.052v63.472z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m186.645%20183.26l-54.738-31.624v63.368zm-61.852%2031.745v-63.371L70.016%20183.26z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22m252.113%20145.538l-54.818-31.73v63.36zM59.399%20101.524V38.052L4.263%2069.887z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m121.252%20221.095l-54.725-31.72v63.451z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M59.399%20252.827v-63.45l-55.136%2031.72z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m121.252%20145.538l-54.725-31.73v63.36z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M190.18%20101.524V38.052l-54.642%2031.835z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M131.909.319v63.357l54.738-31.72zM70.015%2031.956l54.777%2031.72V.32zm116.63%20226.954l-54.738-31.616v63.348zm-61.852%2031.734v-63.352l-54.777%2031.62z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M255.66%20215.005v-63.371l-54.676%2031.627zM59.399%20177.17v-63.465L4.263%20145.539zm-3.527%206.09L.656%20151.635v63.368zm199.788-43.913V75.968l-54.676%2031.652zm-3.547-69.46l-54.818-31.835v63.472zm0%20151.208l-54.818-31.72v63.451z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M190.18%20252.827v-63.45l-54.642%2031.72z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M55.872%20107.622L.656%2075.97v63.379z%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%20291%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M190.18%20177.17v-63.366l-54.642%2031.735z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M186.645%20107.622L131.907%2075.97v63.379zm-61.852%2031.725V75.968L70.016%20107.62zm-3.541-69.46L66.527%2038.052v63.472z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m186.645%20183.26l-54.738-31.624v63.368zm-61.852%2031.745v-63.371L70.016%20183.26z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22m252.113%20145.538l-54.818-31.73v63.36zM59.399%20101.524V38.052L4.263%2069.887z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m121.252%20221.095l-54.725-31.72v63.451z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M59.399%20252.827v-63.45l-55.136%2031.72z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m121.252%20145.538l-54.725-31.73v63.36z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M190.18%20101.524V38.052l-54.642%2031.835z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M131.909.319v63.357l54.738-31.72zM70.015%2031.956l54.777%2031.72V.32zm116.63%20226.954l-54.738-31.616v63.348zm-61.852%2031.734v-63.352l-54.777%2031.62z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M255.66%20215.005v-63.371l-54.676%2031.627zM59.399%20177.17v-63.465L4.263%20145.539zm-3.527%206.09L.656%20151.635v63.368zm199.788-43.913V75.968l-54.676%2031.652zm-3.547-69.46l-54.818-31.835v63.472zm0%20151.208l-54.818-31.72v63.451z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M190.18%20252.827v-63.45l-54.642%2031.72z%22%2F%3E%3Cpath%20fill%3D%22%2300aede%22%20d%3D%22M55.872%20107.622L.656%2075.97v63.379z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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