mui logo

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

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

Use the mui logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.229 15.793a.7.7 0 0 0 .244-.243a.7.7 0 0 0 .09-.333l.012-3.858a.7.7 0 0 1 .09-.333a.7.7 0 0 1 .245-.243L23 9.58a.7.7 0 0 1 .333-.088a.7.7 0 0 1 .333.09a.7.7 0 0 1 .244.243a.7.7 0 0 1 .089.333v7.014a.67.67 0 0 1-.335.578l-7.893 4.534a.67.67 0 0 1-.662 0l-6.194-3.542a.67.67 0 0 1-.246-.244a.67.67 0 0 1-.09-.335v-3.537q.001-.007.008-.004q.01.003.008-.005v-.004q0-.004.004-.007l5.102-2.93c.004-.003.002-.01-.003-.01l-.004-.002l-.001-.004l.01-3.467a.67.67 0 0 0-.333-.58a.67.67 0 0 0-.667 0L8.912 9.799a.67.67 0 0 1-.665 0l-3.804-2.19a.667.667 0 0 0-.999.577v6.267a.67.67 0 0 1-.332.577a.7.7 0 0 1-.332.09a.7.7 0 0 1-.333-.088L.336 13.825a.67.67 0 0 1-.246-.244a.67.67 0 0 1-.09-.336L.019 2.292a.667.667 0 0 1 .998-.577l7.23 4.153a.67.67 0 0 0 .665 0l7.228-4.153a.7.7 0 0 1 .333-.088a.7.7 0 0 1 .333.09a.7.7 0 0 1 .244.244a.7.7 0 0 1 .088.333V13.25c0 .117-.03.232-.089.334a.67.67 0 0 1-.245.244l-3.785 2.18a.67.67 0 0 0-.245.245a.67.67 0 0 0-.089.334a.67.67 0 0 0 .09.334a.67.67 0 0 0 .247.244l2.088 1.189a.7.7 0 0 0 .33.087a.7.7 0 0 0 .332-.089zm.438-9.828a.67.67 0 0 0 .09.335a.67.67 0 0 0 .248.244a.67.67 0 0 0 .67-.008l2.001-1.2a.7.7 0 0 0 .237-.243a.7.7 0 0 0 .087-.329V2.32a.67.67 0 0 0-.091-.335a.67.67 0 0 0-.584-.33a.67.67 0 0 0-.334.094l-2 1.2a.7.7 0 0 0-.238.243a.7.7 0 0 0-.086.329z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMui(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="M20.229 15.793a.7.7 0 0 0 .244-.243a.7.7 0 0 0 .09-.333l.012-3.858a.7.7 0 0 1 .09-.333a.7.7 0 0 1 .245-.243L23 9.58a.7.7 0 0 1 .333-.088a.7.7 0 0 1 .333.09a.7.7 0 0 1 .244.243a.7.7 0 0 1 .089.333v7.014a.67.67 0 0 1-.335.578l-7.893 4.534a.67.67 0 0 1-.662 0l-6.194-3.542a.67.67 0 0 1-.246-.244a.67.67 0 0 1-.09-.335v-3.537q.001-.007.008-.004q.01.003.008-.005v-.004q0-.004.004-.007l5.102-2.93c.004-.003.002-.01-.003-.01l-.004-.002l-.001-.004l.01-3.467a.67.67 0 0 0-.333-.58a.67.67 0 0 0-.667 0L8.912 9.799a.67.67 0 0 1-.665 0l-3.804-2.19a.667.667 0 0 0-.999.577v6.267a.67.67 0 0 1-.332.577a.7.7 0 0 1-.332.09a.7.7 0 0 1-.333-.088L.336 13.825a.67.67 0 0 1-.246-.244a.67.67 0 0 1-.09-.336L.019 2.292a.667.667 0 0 1 .998-.577l7.23 4.153a.67.67 0 0 0 .665 0l7.228-4.153a.7.7 0 0 1 .333-.088a.7.7 0 0 1 .333.09a.7.7 0 0 1 .244.244a.7.7 0 0 1 .088.333V13.25c0 .117-.03.232-.089.334a.67.67 0 0 1-.245.244l-3.785 2.18a.67.67 0 0 0-.245.245a.67.67 0 0 0-.089.334a.67.67 0 0 0 .09.334a.67.67 0 0 0 .247.244l2.088 1.189a.7.7 0 0 0 .33.087a.7.7 0 0 0 .332-.089zm.438-9.828a.67.67 0 0 0 .09.335a.67.67 0 0 0 .248.244a.67.67 0 0 0 .67-.008l2.001-1.2a.7.7 0 0 0 .237-.243a.7.7 0 0 0 .087-.329V2.32a.67.67 0 0 0-.091-.335a.67.67 0 0 0-.584-.33a.67.67 0 0 0-.334.094l-2 1.2a.7.7 0 0 0-.238.243a.7.7 0 0 0-.086.329z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.229 15.793a.7.7 0 0 0 .244-.243a.7.7 0 0 0 .09-.333l.012-3.858a.7.7 0 0 1 .09-.333a.7.7 0 0 1 .245-.243L23 9.58a.7.7 0 0 1 .333-.088a.7.7 0 0 1 .333.09a.7.7 0 0 1 .244.243a.7.7 0 0 1 .089.333v7.014a.67.67 0 0 1-.335.578l-7.893 4.534a.67.67 0 0 1-.662 0l-6.194-3.542a.67.67 0 0 1-.246-.244a.67.67 0 0 1-.09-.335v-3.537q.001-.007.008-.004q.01.003.008-.005v-.004q0-.004.004-.007l5.102-2.93c.004-.003.002-.01-.003-.01l-.004-.002l-.001-.004l.01-3.467a.67.67 0 0 0-.333-.58a.67.67 0 0 0-.667 0L8.912 9.799a.67.67 0 0 1-.665 0l-3.804-2.19a.667.667 0 0 0-.999.577v6.267a.67.67 0 0 1-.332.577a.7.7 0 0 1-.332.09a.7.7 0 0 1-.333-.088L.336 13.825a.67.67 0 0 1-.246-.244a.67.67 0 0 1-.09-.336L.019 2.292a.667.667 0 0 1 .998-.577l7.23 4.153a.67.67 0 0 0 .665 0l7.228-4.153a.7.7 0 0 1 .333-.088a.7.7 0 0 1 .333.09a.7.7 0 0 1 .244.244a.7.7 0 0 1 .088.333V13.25c0 .117-.03.232-.089.334a.67.67 0 0 1-.245.244l-3.785 2.18a.67.67 0 0 0-.245.245a.67.67 0 0 0-.089.334a.67.67 0 0 0 .09.334a.67.67 0 0 0 .247.244l2.088 1.189a.7.7 0 0 0 .33.087a.7.7 0 0 0 .332-.089zm.438-9.828a.67.67 0 0 0 .09.335a.67.67 0 0 0 .248.244a.67.67 0 0 0 .67-.008l2.001-1.2a.7.7 0 0 0 .237-.243a.7.7 0 0 0 .087-.329V2.32a.67.67 0 0 0-.091-.335a.67.67 0 0 0-.584-.33a.67.67 0 0 0-.334.094l-2 1.2a.7.7 0 0 0-.238.243a.7.7 0 0 0-.086.329z"/></svg>
</template>

CSS

.icon-mui {
  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%22M20.229%2015.793a.7.7%200%200%200%20.244-.243a.7.7%200%200%200%20.09-.333l.012-3.858a.7.7%200%200%201%20.09-.333a.7.7%200%200%201%20.245-.243L23%209.58a.7.7%200%200%201%20.333-.088a.7.7%200%200%201%20.333.09a.7.7%200%200%201%20.244.243a.7.7%200%200%201%20.089.333v7.014a.67.67%200%200%201-.335.578l-7.893%204.534a.67.67%200%200%201-.662%200l-6.194-3.542a.67.67%200%200%201-.246-.244a.67.67%200%200%201-.09-.335v-3.537q.001-.007.008-.004q.01.003.008-.005v-.004q0-.004.004-.007l5.102-2.93c.004-.003.002-.01-.003-.01l-.004-.002l-.001-.004l.01-3.467a.67.67%200%200%200-.333-.58a.67.67%200%200%200-.667%200L8.912%209.799a.67.67%200%200%201-.665%200l-3.804-2.19a.667.667%200%200%200-.999.577v6.267a.67.67%200%200%201-.332.577a.7.7%200%200%201-.332.09a.7.7%200%200%201-.333-.088L.336%2013.825a.67.67%200%200%201-.246-.244a.67.67%200%200%201-.09-.336L.019%202.292a.667.667%200%200%201%20.998-.577l7.23%204.153a.67.67%200%200%200%20.665%200l7.228-4.153a.7.7%200%200%201%20.333-.088a.7.7%200%200%201%20.333.09a.7.7%200%200%201%20.244.244a.7.7%200%200%201%20.088.333V13.25c0%20.117-.03.232-.089.334a.67.67%200%200%201-.245.244l-3.785%202.18a.67.67%200%200%200-.245.245a.67.67%200%200%200-.089.334a.67.67%200%200%200%20.09.334a.67.67%200%200%200%20.247.244l2.088%201.189a.7.7%200%200%200%20.33.087a.7.7%200%200%200%20.332-.089zm.438-9.828a.67.67%200%200%200%20.09.335a.67.67%200%200%200%20.248.244a.67.67%200%200%200%20.67-.008l2.001-1.2a.7.7%200%200%200%20.237-.243a.7.7%200%200%200%20.087-.329V2.32a.67.67%200%200%200-.091-.335a.67.67%200%200%200-.584-.33a.67.67%200%200%200-.334.094l-2%201.2a.7.7%200%200%200-.238.243a.7.7%200%200%200-.086.329z%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%22M20.229%2015.793a.7.7%200%200%200%20.244-.243a.7.7%200%200%200%20.09-.333l.012-3.858a.7.7%200%200%201%20.09-.333a.7.7%200%200%201%20.245-.243L23%209.58a.7.7%200%200%201%20.333-.088a.7.7%200%200%201%20.333.09a.7.7%200%200%201%20.244.243a.7.7%200%200%201%20.089.333v7.014a.67.67%200%200%201-.335.578l-7.893%204.534a.67.67%200%200%201-.662%200l-6.194-3.542a.67.67%200%200%201-.246-.244a.67.67%200%200%201-.09-.335v-3.537q.001-.007.008-.004q.01.003.008-.005v-.004q0-.004.004-.007l5.102-2.93c.004-.003.002-.01-.003-.01l-.004-.002l-.001-.004l.01-3.467a.67.67%200%200%200-.333-.58a.67.67%200%200%200-.667%200L8.912%209.799a.67.67%200%200%201-.665%200l-3.804-2.19a.667.667%200%200%200-.999.577v6.267a.67.67%200%200%201-.332.577a.7.7%200%200%201-.332.09a.7.7%200%200%201-.333-.088L.336%2013.825a.67.67%200%200%201-.246-.244a.67.67%200%200%201-.09-.336L.019%202.292a.667.667%200%200%201%20.998-.577l7.23%204.153a.67.67%200%200%200%20.665%200l7.228-4.153a.7.7%200%200%201%20.333-.088a.7.7%200%200%201%20.333.09a.7.7%200%200%201%20.244.244a.7.7%200%200%201%20.088.333V13.25c0%20.117-.03.232-.089.334a.67.67%200%200%201-.245.244l-3.785%202.18a.67.67%200%200%200-.245.245a.67.67%200%200%200-.089.334a.67.67%200%200%200%20.09.334a.67.67%200%200%200%20.247.244l2.088%201.189a.7.7%200%200%200%20.33.087a.7.7%200%200%200%20.332-.089zm.438-9.828a.67.67%200%200%200%20.09.335a.67.67%200%200%200%20.248.244a.67.67%200%200%200%20.67-.008l2.001-1.2a.7.7%200%200%200%20.237-.243a.7.7%200%200%200%20.087-.329V2.32a.67.67%200%200%200-.091-.335a.67.67%200%200%200-.584-.33a.67.67%200%200%200-.334.094l-2%201.2a.7.7%200%200%200-.238.243a.7.7%200%200%200-.086.329z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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