monzo logo
monzo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- monzo
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the monzo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.244 1.174a.44.44 0 0 0-.271.13l-3.97 3.97l-.001.001c3.884 3.882 8.093 8.092 11.748 11.748v-8.57L4.602 1.305a.44.44 0 0 0-.358-.131m15.483 0a.44.44 0 0 0-.329.13L12.25 8.456v8.568L24 5.275c-1.316-1.322-2.647-2.648-3.97-3.97a.44.44 0 0 0-.301-.131zM0 5.979l.002 10.955c0 .294.118.577.326.785l4.973 4.976c.28.282.76.083.758-.314V12.037zm23.998.003l-6.06 6.061v10.338c-.004.399.48.6.76.314l4.974-4.976a1.1 1.1 0 0 0 .326-.785z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMonzo(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="M4.244 1.174a.44.44 0 0 0-.271.13l-3.97 3.97l-.001.001c3.884 3.882 8.093 8.092 11.748 11.748v-8.57L4.602 1.305a.44.44 0 0 0-.358-.131m15.483 0a.44.44 0 0 0-.329.13L12.25 8.456v8.568L24 5.275c-1.316-1.322-2.647-2.648-3.97-3.97a.44.44 0 0 0-.301-.131zM0 5.979l.002 10.955c0 .294.118.577.326.785l4.973 4.976c.28.282.76.083.758-.314V12.037zm23.998.003l-6.06 6.061v10.338c-.004.399.48.6.76.314l4.974-4.976a1.1 1.1 0 0 0 .326-.785z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.244 1.174a.44.44 0 0 0-.271.13l-3.97 3.97l-.001.001c3.884 3.882 8.093 8.092 11.748 11.748v-8.57L4.602 1.305a.44.44 0 0 0-.358-.131m15.483 0a.44.44 0 0 0-.329.13L12.25 8.456v8.568L24 5.275c-1.316-1.322-2.647-2.648-3.97-3.97a.44.44 0 0 0-.301-.131zM0 5.979l.002 10.955c0 .294.118.577.326.785l4.973 4.976c.28.282.76.083.758-.314V12.037zm23.998.003l-6.06 6.061v10.338c-.004.399.48.6.76.314l4.974-4.976a1.1 1.1 0 0 0 .326-.785z"/></svg> </template>
CSS
.icon-monzo {
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%22M4.244%201.174a.44.44%200%200%200-.271.13l-3.97%203.97l-.001.001c3.884%203.882%208.093%208.092%2011.748%2011.748v-8.57L4.602%201.305a.44.44%200%200%200-.358-.131m15.483%200a.44.44%200%200%200-.329.13L12.25%208.456v8.568L24%205.275c-1.316-1.322-2.647-2.648-3.97-3.97a.44.44%200%200%200-.301-.131zM0%205.979l.002%2010.955c0%20.294.118.577.326.785l4.973%204.976c.28.282.76.083.758-.314V12.037zm23.998.003l-6.06%206.061v10.338c-.004.399.48.6.76.314l4.974-4.976a1.1%201.1%200%200%200%20.326-.785z%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%22M4.244%201.174a.44.44%200%200%200-.271.13l-3.97%203.97l-.001.001c3.884%203.882%208.093%208.092%2011.748%2011.748v-8.57L4.602%201.305a.44.44%200%200%200-.358-.131m15.483%200a.44.44%200%200%200-.329.13L12.25%208.456v8.568L24%205.275c-1.316-1.322-2.647-2.648-3.97-3.97a.44.44%200%200%200-.301-.131zM0%205.979l.002%2010.955c0%20.294.118.577.326.785l4.973%204.976c.28.282.76.083.758-.314V12.037zm23.998.003l-6.06%206.061v10.338c-.004.399.48.6.76.314l4.974-4.976a1.1%201.1%200%200%200%20.326-.785z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/monzo.svg?color=%231a73e8&size=48
