mps icon logo

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

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

Use the mps icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGIhZDlJ6y" x1="75.7%" x2="-19.467%" y1="132.917%" y2="11.033%"><stop offset="6%" stop-color="#087cfa"/><stop offset="87%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGCNjPIeGm" x1="76.465%" x2="28.668%" y1="92.417%" y2="-29.467%"><stop offset="5%" stop-color="#087cfa"/><stop offset="18%" stop-color="#0a84f0"/><stop offset="39%" stop-color="#1099d6"/><stop offset="67%" stop-color="#19baad"/><stop offset="87%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGZpAPVdcI" x1="33.801%" x2="64.854%" y1="103.028%" y2="-21.398%"><stop offset="12%" stop-color="#21d789"/><stop offset="36%" stop-color="#6ae274"/><stop offset="58%" stop-color="#a9eb62"/><stop offset="77%" stop-color="#d6f255"/><stop offset="92%" stop-color="#f2f64d"/><stop offset="100%" stop-color="#fcf84a"/></linearGradient></defs><path fill="url(#SVGIhZDlJ6y)" d="M0 256h256L127.403 127.659L0 0z"/><path fill="url(#SVGCNjPIeGm)" d="M256 256L127.403 127.659L256 0z"/><path fill="url(#SVGZpAPVdcI)" d="m191.573 191.616l-64.17-63.957L256 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMpsIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGIhZDlJ6y" x1="75.7%" x2="-19.467%" y1="132.917%" y2="11.033%"><stop offset="6%" stopColor="#087cfa"/><stop offset="87%" stopColor="#21d789"/></linearGradient><linearGradient id="SVGCNjPIeGm" x1="76.465%" x2="28.668%" y1="92.417%" y2="-29.467%"><stop offset="5%" stopColor="#087cfa"/><stop offset="18%" stopColor="#0a84f0"/><stop offset="39%" stopColor="#1099d6"/><stop offset="67%" stopColor="#19baad"/><stop offset="87%" stopColor="#21d789"/></linearGradient><linearGradient id="SVGZpAPVdcI" x1="33.801%" x2="64.854%" y1="103.028%" y2="-21.398%"><stop offset="12%" stopColor="#21d789"/><stop offset="36%" stopColor="#6ae274"/><stop offset="58%" stopColor="#a9eb62"/><stop offset="77%" stopColor="#d6f255"/><stop offset="92%" stopColor="#f2f64d"/><stop offset="100%" stopColor="#fcf84a"/></linearGradient></defs><path fill="url(#SVGIhZDlJ6y)" d="M0 256h256L127.403 127.659L0 0z"/><path fill="url(#SVGCNjPIeGm)" d="M256 256L127.403 127.659L256 0z"/><path fill="url(#SVGZpAPVdcI)" d="m191.573 191.616l-64.17-63.957L256 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGIhZDlJ6y" x1="75.7%" x2="-19.467%" y1="132.917%" y2="11.033%"><stop offset="6%" stop-color="#087cfa"/><stop offset="87%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGCNjPIeGm" x1="76.465%" x2="28.668%" y1="92.417%" y2="-29.467%"><stop offset="5%" stop-color="#087cfa"/><stop offset="18%" stop-color="#0a84f0"/><stop offset="39%" stop-color="#1099d6"/><stop offset="67%" stop-color="#19baad"/><stop offset="87%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGZpAPVdcI" x1="33.801%" x2="64.854%" y1="103.028%" y2="-21.398%"><stop offset="12%" stop-color="#21d789"/><stop offset="36%" stop-color="#6ae274"/><stop offset="58%" stop-color="#a9eb62"/><stop offset="77%" stop-color="#d6f255"/><stop offset="92%" stop-color="#f2f64d"/><stop offset="100%" stop-color="#fcf84a"/></linearGradient></defs><path fill="url(#SVGIhZDlJ6y)" d="M0 256h256L127.403 127.659L0 0z"/><path fill="url(#SVGCNjPIeGm)" d="M256 256L127.403 127.659L256 0z"/><path fill="url(#SVGZpAPVdcI)" d="m191.573 191.616l-64.17-63.957L256 0z"/></svg>
</template>

CSS

.icon-mps-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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGIhZDlJ6y%22%20x1%3D%2275.7%25%22%20x2%3D%22-19.467%25%22%20y1%3D%22132.917%25%22%20y2%3D%2211.033%25%22%3E%3Cstop%20offset%3D%226%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3Cstop%20offset%3D%2287%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCNjPIeGm%22%20x1%3D%2276.465%25%22%20x2%3D%2228.668%25%22%20y1%3D%2292.417%25%22%20y2%3D%22-29.467%25%22%3E%3Cstop%20offset%3D%225%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230a84f0%22%2F%3E%3Cstop%20offset%3D%2239%25%22%20stop-color%3D%22%231099d6%22%2F%3E%3Cstop%20offset%3D%2267%25%22%20stop-color%3D%22%2319baad%22%2F%3E%3Cstop%20offset%3D%2287%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZpAPVdcI%22%20x1%3D%2233.801%25%22%20x2%3D%2264.854%25%22%20y1%3D%22103.028%25%22%20y2%3D%22-21.398%25%22%3E%3Cstop%20offset%3D%2212%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2236%25%22%20stop-color%3D%22%236ae274%22%2F%3E%3Cstop%20offset%3D%2258%25%22%20stop-color%3D%22%23a9eb62%22%2F%3E%3Cstop%20offset%3D%2277%25%22%20stop-color%3D%22%23d6f255%22%2F%3E%3Cstop%20offset%3D%2292%25%22%20stop-color%3D%22%23f2f64d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fcf84a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGIhZDlJ6y)%22%20d%3D%22M0%20256h256L127.403%20127.659L0%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCNjPIeGm)%22%20d%3D%22M256%20256L127.403%20127.659L256%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZpAPVdcI)%22%20d%3D%22m191.573%20191.616l-64.17-63.957L256%200z%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGIhZDlJ6y%22%20x1%3D%2275.7%25%22%20x2%3D%22-19.467%25%22%20y1%3D%22132.917%25%22%20y2%3D%2211.033%25%22%3E%3Cstop%20offset%3D%226%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3Cstop%20offset%3D%2287%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCNjPIeGm%22%20x1%3D%2276.465%25%22%20x2%3D%2228.668%25%22%20y1%3D%2292.417%25%22%20y2%3D%22-29.467%25%22%3E%3Cstop%20offset%3D%225%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230a84f0%22%2F%3E%3Cstop%20offset%3D%2239%25%22%20stop-color%3D%22%231099d6%22%2F%3E%3Cstop%20offset%3D%2267%25%22%20stop-color%3D%22%2319baad%22%2F%3E%3Cstop%20offset%3D%2287%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZpAPVdcI%22%20x1%3D%2233.801%25%22%20x2%3D%2264.854%25%22%20y1%3D%22103.028%25%22%20y2%3D%22-21.398%25%22%3E%3Cstop%20offset%3D%2212%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2236%25%22%20stop-color%3D%22%236ae274%22%2F%3E%3Cstop%20offset%3D%2258%25%22%20stop-color%3D%22%23a9eb62%22%2F%3E%3Cstop%20offset%3D%2277%25%22%20stop-color%3D%22%23d6f255%22%2F%3E%3Cstop%20offset%3D%2292%25%22%20stop-color%3D%22%23f2f64d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fcf84a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGIhZDlJ6y)%22%20d%3D%22M0%20256h256L127.403%20127.659L0%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCNjPIeGm)%22%20d%3D%22M256%20256L127.403%20127.659L256%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZpAPVdcI)%22%20d%3D%22m191.573%20191.616l-64.17-63.957L256%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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