mtr logo

mtr from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
mtr
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the mtr logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.987 1.913c-1.9 0-3.693.321-5.298.883C2.756 4.268 0 7.826 0 12c0 4.147 2.756 7.706 6.689 9.204c1.632.562 3.425.883 5.325.883a16.7 16.7 0 0 0 5.27-.856C21.217 19.759 24 16.174 24 12.027V12c0-4.174-2.783-7.732-6.716-9.204a16.3 16.3 0 0 0-5.297-.883M10.89 5.257h2.167v3.827c1.525-.402 2.702-1.766 2.782-3.399l2.168.027c-.16 2.73-2.22 4.95-4.897 5.378v1.793c2.676.428 4.736 2.675 4.924 5.404l-2.167.028c-.08-1.633-1.258-2.997-2.783-3.425v3.853h-2.167V14.89a3.775 3.775 0 0 0-2.81 3.425l-2.167-.028a5.87 5.87 0 0 1 4.923-5.404v-1.766C8.187 10.716 6.1 8.468 5.94 5.74l2.167-.027A3.71 3.71 0 0 0 10.89 9.11Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMtr(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="M11.987 1.913c-1.9 0-3.693.321-5.298.883C2.756 4.268 0 7.826 0 12c0 4.147 2.756 7.706 6.689 9.204c1.632.562 3.425.883 5.325.883a16.7 16.7 0 0 0 5.27-.856C21.217 19.759 24 16.174 24 12.027V12c0-4.174-2.783-7.732-6.716-9.204a16.3 16.3 0 0 0-5.297-.883M10.89 5.257h2.167v3.827c1.525-.402 2.702-1.766 2.782-3.399l2.168.027c-.16 2.73-2.22 4.95-4.897 5.378v1.793c2.676.428 4.736 2.675 4.924 5.404l-2.167.028c-.08-1.633-1.258-2.997-2.783-3.425v3.853h-2.167V14.89a3.775 3.775 0 0 0-2.81 3.425l-2.167-.028a5.87 5.87 0 0 1 4.923-5.404v-1.766C8.187 10.716 6.1 8.468 5.94 5.74l2.167-.027A3.71 3.71 0 0 0 10.89 9.11Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.987 1.913c-1.9 0-3.693.321-5.298.883C2.756 4.268 0 7.826 0 12c0 4.147 2.756 7.706 6.689 9.204c1.632.562 3.425.883 5.325.883a16.7 16.7 0 0 0 5.27-.856C21.217 19.759 24 16.174 24 12.027V12c0-4.174-2.783-7.732-6.716-9.204a16.3 16.3 0 0 0-5.297-.883M10.89 5.257h2.167v3.827c1.525-.402 2.702-1.766 2.782-3.399l2.168.027c-.16 2.73-2.22 4.95-4.897 5.378v1.793c2.676.428 4.736 2.675 4.924 5.404l-2.167.028c-.08-1.633-1.258-2.997-2.783-3.425v3.853h-2.167V14.89a3.775 3.775 0 0 0-2.81 3.425l-2.167-.028a5.87 5.87 0 0 1 4.923-5.404v-1.766C8.187 10.716 6.1 8.468 5.94 5.74l2.167-.027A3.71 3.71 0 0 0 10.89 9.11Z"/></svg>
</template>

CSS

.icon-mtr {
  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%22M11.987%201.913c-1.9%200-3.693.321-5.298.883C2.756%204.268%200%207.826%200%2012c0%204.147%202.756%207.706%206.689%209.204c1.632.562%203.425.883%205.325.883a16.7%2016.7%200%200%200%205.27-.856C21.217%2019.759%2024%2016.174%2024%2012.027V12c0-4.174-2.783-7.732-6.716-9.204a16.3%2016.3%200%200%200-5.297-.883M10.89%205.257h2.167v3.827c1.525-.402%202.702-1.766%202.782-3.399l2.168.027c-.16%202.73-2.22%204.95-4.897%205.378v1.793c2.676.428%204.736%202.675%204.924%205.404l-2.167.028c-.08-1.633-1.258-2.997-2.783-3.425v3.853h-2.167V14.89a3.775%203.775%200%200%200-2.81%203.425l-2.167-.028a5.87%205.87%200%200%201%204.923-5.404v-1.766C8.187%2010.716%206.1%208.468%205.94%205.74l2.167-.027A3.71%203.71%200%200%200%2010.89%209.11Z%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%22M11.987%201.913c-1.9%200-3.693.321-5.298.883C2.756%204.268%200%207.826%200%2012c0%204.147%202.756%207.706%206.689%209.204c1.632.562%203.425.883%205.325.883a16.7%2016.7%200%200%200%205.27-.856C21.217%2019.759%2024%2016.174%2024%2012.027V12c0-4.174-2.783-7.732-6.716-9.204a16.3%2016.3%200%200%200-5.297-.883M10.89%205.257h2.167v3.827c1.525-.402%202.702-1.766%202.782-3.399l2.168.027c-.16%202.73-2.22%204.95-4.897%205.378v1.793c2.676.428%204.736%202.675%204.924%205.404l-2.167.028c-.08-1.633-1.258-2.997-2.783-3.425v3.853h-2.167V14.89a3.775%203.775%200%200%200-2.81%203.425l-2.167-.028a5.87%205.87%200%200%201%204.923-5.404v-1.766C8.187%2010.716%206.1%208.468%205.94%205.74l2.167-.027A3.71%203.71%200%200%200%2010.89%209.11Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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