middleman logo

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

Name
middleman
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the middleman logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><rect width="256" height="256" fill="#f1c761" rx="22"/><path fill-opacity=".35" d="M118.096 189.197V68.219L88.675 72.35l-22.498 43.601l-21.382-38.41l-24.731 3.909v95.353l23.28 3.964v-60.35l22.777 42.931h.502L90.63 120.25v64.871zM19.561 53.983v12.505l108.864-18.032V32.489zm0 147.887l108.864 21.438v-15.911L19.56 189.308z"/><path fill="#fff" d="M128.425 32.49v15.966l108.864 18.032V53.983zm108.361 144.313V81.45l-24.731-3.908l-21.382 38.41l-22.5-43.602l-29.42-4.131v120.978l27.467-4.076v-64.87l24.006 43.097h.502l22.778-42.93v60.349zm-108.361 46.505l108.864-21.438v-12.562l-108.864 18.089z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMiddleman(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><rect width="256" height="256" fill="#f1c761" rx="22"/><path fillOpacity=".35" d="M118.096 189.197V68.219L88.675 72.35l-22.498 43.601l-21.382-38.41l-24.731 3.909v95.353l23.28 3.964v-60.35l22.777 42.931h.502L90.63 120.25v64.871zM19.561 53.983v12.505l108.864-18.032V32.489zm0 147.887l108.864 21.438v-15.911L19.56 189.308z"/><path fill="#fff" d="M128.425 32.49v15.966l108.864 18.032V53.983zm108.361 144.313V81.45l-24.731-3.908l-21.382 38.41l-22.5-43.602l-29.42-4.131v120.978l27.467-4.076v-64.87l24.006 43.097h.502l22.778-42.93v60.349zm-108.361 46.505l108.864-21.438v-12.562l-108.864 18.089z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><rect width="256" height="256" fill="#f1c761" rx="22"/><path fill-opacity=".35" d="M118.096 189.197V68.219L88.675 72.35l-22.498 43.601l-21.382-38.41l-24.731 3.909v95.353l23.28 3.964v-60.35l22.777 42.931h.502L90.63 120.25v64.871zM19.561 53.983v12.505l108.864-18.032V32.489zm0 147.887l108.864 21.438v-15.911L19.56 189.308z"/><path fill="#fff" d="M128.425 32.49v15.966l108.864 18.032V53.983zm108.361 144.313V81.45l-24.731-3.908l-21.382 38.41l-22.5-43.602l-29.42-4.131v120.978l27.467-4.076v-64.87l24.006 43.097h.502l22.778-42.93v60.349zm-108.361 46.505l108.864-21.438v-12.562l-108.864 18.089z"/></svg>
</template>

CSS

.icon-middleman {
  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%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f1c761%22%20rx%3D%2222%22%2F%3E%3Cpath%20fill-opacity%3D%22.35%22%20d%3D%22M118.096%20189.197V68.219L88.675%2072.35l-22.498%2043.601l-21.382-38.41l-24.731%203.909v95.353l23.28%203.964v-60.35l22.777%2042.931h.502L90.63%20120.25v64.871zM19.561%2053.983v12.505l108.864-18.032V32.489zm0%20147.887l108.864%2021.438v-15.911L19.56%20189.308z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.425%2032.49v15.966l108.864%2018.032V53.983zm108.361%20144.313V81.45l-24.731-3.908l-21.382%2038.41l-22.5-43.602l-29.42-4.131v120.978l27.467-4.076v-64.87l24.006%2043.097h.502l22.778-42.93v60.349zm-108.361%2046.505l108.864-21.438v-12.562l-108.864%2018.089z%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%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f1c761%22%20rx%3D%2222%22%2F%3E%3Cpath%20fill-opacity%3D%22.35%22%20d%3D%22M118.096%20189.197V68.219L88.675%2072.35l-22.498%2043.601l-21.382-38.41l-24.731%203.909v95.353l23.28%203.964v-60.35l22.777%2042.931h.502L90.63%20120.25v64.871zM19.561%2053.983v12.505l108.864-18.032V32.489zm0%20147.887l108.864%2021.438v-15.911L19.56%20189.308z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.425%2032.49v15.966l108.864%2018.032V53.983zm108.361%20144.313V81.45l-24.731-3.908l-21.382%2038.41l-22.5-43.602l-29.42-4.131v120.978l27.467-4.076v-64.87l24.006%2043.097h.502l22.778-42.93v60.349zm-108.361%2046.505l108.864-21.438v-12.562l-108.864%2018.089z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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