mubi logo

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

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

Use the mubi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.357.033A3.357 3.357 0 0 0 0 3.39a3.357 3.357 0 0 0 3.357 3.357A3.357 3.357 0 0 0 6.713 3.39A3.357 3.357 0 0 0 3.357.033m8.643 0A3.357 3.357 0 0 0 8.645 3.39A3.357 3.357 0 0 0 12 6.746a3.357 3.357 0 0 0 3.357-3.357A3.357 3.357 0 0 0 12 .033m-8.643 8.61A3.357 3.357 0 0 0 0 12a3.357 3.357 0 0 0 3.357 3.355A3.357 3.357 0 0 0 6.713 12a3.357 3.357 0 0 0-3.356-3.357m8.643 0A3.357 3.357 0 0 0 8.645 12A3.357 3.357 0 0 0 12 15.355A3.357 3.357 0 0 0 15.357 12A3.357 3.357 0 0 0 12 8.643m8.643 0A3.357 3.357 0 0 0 17.287 12a3.357 3.357 0 0 0 3.356 3.355A3.357 3.357 0 0 0 24 12a3.357 3.357 0 0 0-3.357-3.357m-17.286 8.61A3.357 3.357 0 0 0 0 20.612a3.357 3.357 0 0 0 3.357 3.356a3.357 3.357 0 0 0 3.356-3.356a3.357 3.357 0 0 0-3.356-3.357Zm8.643 0a3.357 3.357 0 0 0-3.355 3.358A3.357 3.357 0 0 0 12 23.967a3.357 3.357 0 0 0 3.357-3.356A3.357 3.357 0 0 0 12 17.254z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMubi(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="M3.357.033A3.357 3.357 0 0 0 0 3.39a3.357 3.357 0 0 0 3.357 3.357A3.357 3.357 0 0 0 6.713 3.39A3.357 3.357 0 0 0 3.357.033m8.643 0A3.357 3.357 0 0 0 8.645 3.39A3.357 3.357 0 0 0 12 6.746a3.357 3.357 0 0 0 3.357-3.357A3.357 3.357 0 0 0 12 .033m-8.643 8.61A3.357 3.357 0 0 0 0 12a3.357 3.357 0 0 0 3.357 3.355A3.357 3.357 0 0 0 6.713 12a3.357 3.357 0 0 0-3.356-3.357m8.643 0A3.357 3.357 0 0 0 8.645 12A3.357 3.357 0 0 0 12 15.355A3.357 3.357 0 0 0 15.357 12A3.357 3.357 0 0 0 12 8.643m8.643 0A3.357 3.357 0 0 0 17.287 12a3.357 3.357 0 0 0 3.356 3.355A3.357 3.357 0 0 0 24 12a3.357 3.357 0 0 0-3.357-3.357m-17.286 8.61A3.357 3.357 0 0 0 0 20.612a3.357 3.357 0 0 0 3.357 3.356a3.357 3.357 0 0 0 3.356-3.356a3.357 3.357 0 0 0-3.356-3.357Zm8.643 0a3.357 3.357 0 0 0-3.355 3.358A3.357 3.357 0 0 0 12 23.967a3.357 3.357 0 0 0 3.357-3.356A3.357 3.357 0 0 0 12 17.254z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.357.033A3.357 3.357 0 0 0 0 3.39a3.357 3.357 0 0 0 3.357 3.357A3.357 3.357 0 0 0 6.713 3.39A3.357 3.357 0 0 0 3.357.033m8.643 0A3.357 3.357 0 0 0 8.645 3.39A3.357 3.357 0 0 0 12 6.746a3.357 3.357 0 0 0 3.357-3.357A3.357 3.357 0 0 0 12 .033m-8.643 8.61A3.357 3.357 0 0 0 0 12a3.357 3.357 0 0 0 3.357 3.355A3.357 3.357 0 0 0 6.713 12a3.357 3.357 0 0 0-3.356-3.357m8.643 0A3.357 3.357 0 0 0 8.645 12A3.357 3.357 0 0 0 12 15.355A3.357 3.357 0 0 0 15.357 12A3.357 3.357 0 0 0 12 8.643m8.643 0A3.357 3.357 0 0 0 17.287 12a3.357 3.357 0 0 0 3.356 3.355A3.357 3.357 0 0 0 24 12a3.357 3.357 0 0 0-3.357-3.357m-17.286 8.61A3.357 3.357 0 0 0 0 20.612a3.357 3.357 0 0 0 3.357 3.356a3.357 3.357 0 0 0 3.356-3.356a3.357 3.357 0 0 0-3.356-3.357Zm8.643 0a3.357 3.357 0 0 0-3.355 3.358A3.357 3.357 0 0 0 12 23.967a3.357 3.357 0 0 0 3.357-3.356A3.357 3.357 0 0 0 12 17.254z"/></svg>
</template>

CSS

.icon-mubi {
  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%22M3.357.033A3.357%203.357%200%200%200%200%203.39a3.357%203.357%200%200%200%203.357%203.357A3.357%203.357%200%200%200%206.713%203.39A3.357%203.357%200%200%200%203.357.033m8.643%200A3.357%203.357%200%200%200%208.645%203.39A3.357%203.357%200%200%200%2012%206.746a3.357%203.357%200%200%200%203.357-3.357A3.357%203.357%200%200%200%2012%20.033m-8.643%208.61A3.357%203.357%200%200%200%200%2012a3.357%203.357%200%200%200%203.357%203.355A3.357%203.357%200%200%200%206.713%2012a3.357%203.357%200%200%200-3.356-3.357m8.643%200A3.357%203.357%200%200%200%208.645%2012A3.357%203.357%200%200%200%2012%2015.355A3.357%203.357%200%200%200%2015.357%2012A3.357%203.357%200%200%200%2012%208.643m8.643%200A3.357%203.357%200%200%200%2017.287%2012a3.357%203.357%200%200%200%203.356%203.355A3.357%203.357%200%200%200%2024%2012a3.357%203.357%200%200%200-3.357-3.357m-17.286%208.61A3.357%203.357%200%200%200%200%2020.612a3.357%203.357%200%200%200%203.357%203.356a3.357%203.357%200%200%200%203.356-3.356a3.357%203.357%200%200%200-3.356-3.357Zm8.643%200a3.357%203.357%200%200%200-3.355%203.358A3.357%203.357%200%200%200%2012%2023.967a3.357%203.357%200%200%200%203.357-3.356A3.357%203.357%200%200%200%2012%2017.254z%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%22M3.357.033A3.357%203.357%200%200%200%200%203.39a3.357%203.357%200%200%200%203.357%203.357A3.357%203.357%200%200%200%206.713%203.39A3.357%203.357%200%200%200%203.357.033m8.643%200A3.357%203.357%200%200%200%208.645%203.39A3.357%203.357%200%200%200%2012%206.746a3.357%203.357%200%200%200%203.357-3.357A3.357%203.357%200%200%200%2012%20.033m-8.643%208.61A3.357%203.357%200%200%200%200%2012a3.357%203.357%200%200%200%203.357%203.355A3.357%203.357%200%200%200%206.713%2012a3.357%203.357%200%200%200-3.356-3.357m8.643%200A3.357%203.357%200%200%200%208.645%2012A3.357%203.357%200%200%200%2012%2015.355A3.357%203.357%200%200%200%2015.357%2012A3.357%203.357%200%200%200%2012%208.643m8.643%200A3.357%203.357%200%200%200%2017.287%2012a3.357%203.357%200%200%200%203.356%203.355A3.357%203.357%200%200%200%2024%2012a3.357%203.357%200%200%200-3.357-3.357m-17.286%208.61A3.357%203.357%200%200%200%200%2020.612a3.357%203.357%200%200%200%203.357%203.356a3.357%203.357%200%200%200%203.356-3.356a3.357%203.357%200%200%200-3.356-3.357Zm8.643%200a3.357%203.357%200%200%200-3.355%203.358A3.357%203.357%200%200%200%2012%2023.967a3.357%203.357%200%200%200%203.357-3.356A3.357%203.357%200%200%200%2012%2017.254z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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