material ui logo
material-ui from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- material-ui
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×222
- License
- CC0
The same logo in other sets
Use the material ui logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 222"><path fill="#007fff" d="M215.771 151.107a7.11 7.11 0 0 0 3.57-6.144l.128-41.153a7.11 7.11 0 0 1 3.57-6.145l22.308-12.814A7.11 7.11 0 0 1 256 91.016v74.818a7.11 7.11 0 0 1-3.57 6.166l-84.19 48.357a7.11 7.11 0 0 1-7.07.007l-66.07-37.79a7.11 7.11 0 0 1-3.585-6.172v-37.726c0-.042.05-.07.093-.05c.035.022.085 0 .085-.05v-.042c0-.028.014-.057.043-.071l54.416-31.261c.05-.029.028-.107-.029-.107a.057.057 0 0 1-.057-.057l.107-36.986a7.111 7.111 0 0 0-10.667-6.187L95.064 87.17a7.11 7.11 0 0 1-7.097 0l-40.57-23.36a7.11 7.11 0 0 0-10.66 6.158v66.846a7.11 7.11 0 0 1-10.638 6.18L3.584 130.12A7.11 7.11 0 0 1 0 123.935L.2 7.095A7.11 7.11 0 0 1 10.851.946L87.974 45.24a7.11 7.11 0 0 0 7.083 0l77.1-44.296a7.11 7.11 0 0 1 10.653 6.172v116.867a7.11 7.11 0 0 1-3.562 6.166l-40.378 23.254a7.111 7.111 0 0 0 .028 12.338l22.273 12.68a7.11 7.11 0 0 0 7.061-.015zm4.672-104.835a7.111 7.111 0 0 0 10.767 6.094l21.334-12.8A7.11 7.11 0 0 0 256 33.472V7.387A7.111 7.111 0 0 0 245.233 1.3L223.9 14.1a7.11 7.11 0 0 0-3.457 6.095v26.084z"/></svg>
React
import type { SVGProps } from "react";
export function LogosMaterialUi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 222"><path fill="#007fff" d="M215.771 151.107a7.11 7.11 0 0 0 3.57-6.144l.128-41.153a7.11 7.11 0 0 1 3.57-6.145l22.308-12.814A7.11 7.11 0 0 1 256 91.016v74.818a7.11 7.11 0 0 1-3.57 6.166l-84.19 48.357a7.11 7.11 0 0 1-7.07.007l-66.07-37.79a7.11 7.11 0 0 1-3.585-6.172v-37.726c0-.042.05-.07.093-.05c.035.022.085 0 .085-.05v-.042c0-.028.014-.057.043-.071l54.416-31.261c.05-.029.028-.107-.029-.107a.057.057 0 0 1-.057-.057l.107-36.986a7.111 7.111 0 0 0-10.667-6.187L95.064 87.17a7.11 7.11 0 0 1-7.097 0l-40.57-23.36a7.11 7.11 0 0 0-10.66 6.158v66.846a7.11 7.11 0 0 1-10.638 6.18L3.584 130.12A7.11 7.11 0 0 1 0 123.935L.2 7.095A7.11 7.11 0 0 1 10.851.946L87.974 45.24a7.11 7.11 0 0 0 7.083 0l77.1-44.296a7.11 7.11 0 0 1 10.653 6.172v116.867a7.11 7.11 0 0 1-3.562 6.166l-40.378 23.254a7.111 7.111 0 0 0 .028 12.338l22.273 12.68a7.11 7.11 0 0 0 7.061-.015zm4.672-104.835a7.111 7.111 0 0 0 10.767 6.094l21.334-12.8A7.11 7.11 0 0 0 256 33.472V7.387A7.111 7.111 0 0 0 245.233 1.3L223.9 14.1a7.11 7.11 0 0 0-3.457 6.095v26.084z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 222"><path fill="#007fff" d="M215.771 151.107a7.11 7.11 0 0 0 3.57-6.144l.128-41.153a7.11 7.11 0 0 1 3.57-6.145l22.308-12.814A7.11 7.11 0 0 1 256 91.016v74.818a7.11 7.11 0 0 1-3.57 6.166l-84.19 48.357a7.11 7.11 0 0 1-7.07.007l-66.07-37.79a7.11 7.11 0 0 1-3.585-6.172v-37.726c0-.042.05-.07.093-.05c.035.022.085 0 .085-.05v-.042c0-.028.014-.057.043-.071l54.416-31.261c.05-.029.028-.107-.029-.107a.057.057 0 0 1-.057-.057l.107-36.986a7.111 7.111 0 0 0-10.667-6.187L95.064 87.17a7.11 7.11 0 0 1-7.097 0l-40.57-23.36a7.11 7.11 0 0 0-10.66 6.158v66.846a7.11 7.11 0 0 1-10.638 6.18L3.584 130.12A7.11 7.11 0 0 1 0 123.935L.2 7.095A7.11 7.11 0 0 1 10.851.946L87.974 45.24a7.11 7.11 0 0 0 7.083 0l77.1-44.296a7.11 7.11 0 0 1 10.653 6.172v116.867a7.11 7.11 0 0 1-3.562 6.166l-40.378 23.254a7.111 7.111 0 0 0 .028 12.338l22.273 12.68a7.11 7.11 0 0 0 7.061-.015zm4.672-104.835a7.111 7.111 0 0 0 10.767 6.094l21.334-12.8A7.11 7.11 0 0 0 256 33.472V7.387A7.111 7.111 0 0 0 245.233 1.3L223.9 14.1a7.11 7.11 0 0 0-3.457 6.095v26.084z"/></svg> </template>
CSS
.icon-material-ui {
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%20222%22%3E%3Cpath%20fill%3D%22%23007fff%22%20d%3D%22M215.771%20151.107a7.11%207.11%200%200%200%203.57-6.144l.128-41.153a7.11%207.11%200%200%201%203.57-6.145l22.308-12.814A7.11%207.11%200%200%201%20256%2091.016v74.818a7.11%207.11%200%200%201-3.57%206.166l-84.19%2048.357a7.11%207.11%200%200%201-7.07.007l-66.07-37.79a7.11%207.11%200%200%201-3.585-6.172v-37.726c0-.042.05-.07.093-.05c.035.022.085%200%20.085-.05v-.042c0-.028.014-.057.043-.071l54.416-31.261c.05-.029.028-.107-.029-.107a.057.057%200%200%201-.057-.057l.107-36.986a7.111%207.111%200%200%200-10.667-6.187L95.064%2087.17a7.11%207.11%200%200%201-7.097%200l-40.57-23.36a7.11%207.11%200%200%200-10.66%206.158v66.846a7.11%207.11%200%200%201-10.638%206.18L3.584%20130.12A7.11%207.11%200%200%201%200%20123.935L.2%207.095A7.11%207.11%200%200%201%2010.851.946L87.974%2045.24a7.11%207.11%200%200%200%207.083%200l77.1-44.296a7.11%207.11%200%200%201%2010.653%206.172v116.867a7.11%207.11%200%200%201-3.562%206.166l-40.378%2023.254a7.111%207.111%200%200%200%20.028%2012.338l22.273%2012.68a7.11%207.11%200%200%200%207.061-.015zm4.672-104.835a7.111%207.111%200%200%200%2010.767%206.094l21.334-12.8A7.11%207.11%200%200%200%20256%2033.472V7.387A7.111%207.111%200%200%200%20245.233%201.3L223.9%2014.1a7.11%207.11%200%200%200-3.457%206.095v26.084z%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%20222%22%3E%3Cpath%20fill%3D%22%23007fff%22%20d%3D%22M215.771%20151.107a7.11%207.11%200%200%200%203.57-6.144l.128-41.153a7.11%207.11%200%200%201%203.57-6.145l22.308-12.814A7.11%207.11%200%200%201%20256%2091.016v74.818a7.11%207.11%200%200%201-3.57%206.166l-84.19%2048.357a7.11%207.11%200%200%201-7.07.007l-66.07-37.79a7.11%207.11%200%200%201-3.585-6.172v-37.726c0-.042.05-.07.093-.05c.035.022.085%200%20.085-.05v-.042c0-.028.014-.057.043-.071l54.416-31.261c.05-.029.028-.107-.029-.107a.057.057%200%200%201-.057-.057l.107-36.986a7.111%207.111%200%200%200-10.667-6.187L95.064%2087.17a7.11%207.11%200%200%201-7.097%200l-40.57-23.36a7.11%207.11%200%200%200-10.66%206.158v66.846a7.11%207.11%200%200%201-10.638%206.18L3.584%20130.12A7.11%207.11%200%200%201%200%20123.935L.2%207.095A7.11%207.11%200%200%201%2010.851.946L87.974%2045.24a7.11%207.11%200%200%200%207.083%200l77.1-44.296a7.11%207.11%200%200%201%2010.653%206.172v116.867a7.11%207.11%200%200%201-3.562%206.166l-40.378%2023.254a7.111%207.111%200%200%200%20.028%2012.338l22.273%2012.68a7.11%207.11%200%200%200%207.061-.015zm4.672-104.835a7.111%207.111%200%200%200%2010.767%206.094l21.334-12.8A7.11%207.11%200%200%200%20256%2033.472V7.387A7.111%207.111%200%200%200%20245.233%201.3L223.9%2014.1a7.11%207.11%200%200%200-3.457%206.095v26.084z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/material-ui.svg?color=%231a73e8&size=48
