mpl logo
mpl-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- mpl-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the mpl logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd19)"><path fill="#ff7900" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.411c4.41 0 8 1.478 8 3.294c0 1.713-3.021 3.125-7.059 3.294v-.564c.038-1.582.287-1.553 1.6-2.222c.748-.244 1.224-.611 1.224-1.035c0-.739-1.577-1.341-3.53-1.341s-3.53.602-3.53 1.35c0 .302.25.575.688.8c1.36.782 2.136.575 2.136 2.495v.517C7.266 11.933 4 10.484 4 8.705c0-1.816 3.576-3.294 8-3.294"/><path fill="#fff" d="M19.59 11.059c.264.31.41.644.41.983c0 .993-.979 1.727-2.823 2.31v-1.364c0-.377.051-.358.409-.499a5 5 0 0 0 2.005-1.43m-3.825 3.764c-1.134.25-2.386.47-3.77.47c-4.41 0-7.995-1.51-7.995-3.242c0-.348.141-.682.41-.978c1.016 1.204 3.731 2.09 7.12 2.15v.424c0 .31.235.706.663.706s.748-.41.748-.706v-.438a16 16 0 0 0 2.513-.268c.174 0 .31.15.31.32z"/><path fill="#fff" d="M19.553 14.354c.287.329.447.691.447 1.058c0 1.75-3.577 3.177-8 3.177c-4.41 0-8-1.426-8-3.177c0-.367.179-.73.47-1.059c1.097 1.238 4.034 1.883 7.516 1.883c1.388 0 2.837 0 3.779-.156v.405c0 .315.244.692.715.692c.47 0 .697-.405.697-.706v-.706c1.185-.367 1.872-.847 2.376-1.412"/></g><defs><clipPath id="SVGHcSWxdhd19"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMplBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd19)"><path fill="#ff7900" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.411c4.41 0 8 1.478 8 3.294c0 1.713-3.021 3.125-7.059 3.294v-.564c.038-1.582.287-1.553 1.6-2.222c.748-.244 1.224-.611 1.224-1.035c0-.739-1.577-1.341-3.53-1.341s-3.53.602-3.53 1.35c0 .302.25.575.688.8c1.36.782 2.136.575 2.136 2.495v.517C7.266 11.933 4 10.484 4 8.705c0-1.816 3.576-3.294 8-3.294"/><path fill="#fff" d="M19.59 11.059c.264.31.41.644.41.983c0 .993-.979 1.727-2.823 2.31v-1.364c0-.377.051-.358.409-.499a5 5 0 0 0 2.005-1.43m-3.825 3.764c-1.134.25-2.386.47-3.77.47c-4.41 0-7.995-1.51-7.995-3.242c0-.348.141-.682.41-.978c1.016 1.204 3.731 2.09 7.12 2.15v.424c0 .31.235.706.663.706s.748-.41.748-.706v-.438a16 16 0 0 0 2.513-.268c.174 0 .31.15.31.32z"/><path fill="#fff" d="M19.553 14.354c.287.329.447.691.447 1.058c0 1.75-3.577 3.177-8 3.177c-4.41 0-8-1.426-8-3.177c0-.367.179-.73.47-1.059c1.097 1.238 4.034 1.883 7.516 1.883c1.388 0 2.837 0 3.779-.156v.405c0 .315.244.692.715.692c.47 0 .697-.405.697-.706v-.706c1.185-.367 1.872-.847 2.376-1.412"/></g><defs><clipPath id="SVGHcSWxdhd19"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd19)"><path fill="#ff7900" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.411c4.41 0 8 1.478 8 3.294c0 1.713-3.021 3.125-7.059 3.294v-.564c.038-1.582.287-1.553 1.6-2.222c.748-.244 1.224-.611 1.224-1.035c0-.739-1.577-1.341-3.53-1.341s-3.53.602-3.53 1.35c0 .302.25.575.688.8c1.36.782 2.136.575 2.136 2.495v.517C7.266 11.933 4 10.484 4 8.705c0-1.816 3.576-3.294 8-3.294"/><path fill="#fff" d="M19.59 11.059c.264.31.41.644.41.983c0 .993-.979 1.727-2.823 2.31v-1.364c0-.377.051-.358.409-.499a5 5 0 0 0 2.005-1.43m-3.825 3.764c-1.134.25-2.386.47-3.77.47c-4.41 0-7.995-1.51-7.995-3.242c0-.348.141-.682.41-.978c1.016 1.204 3.731 2.09 7.12 2.15v.424c0 .31.235.706.663.706s.748-.41.748-.706v-.438a16 16 0 0 0 2.513-.268c.174 0 .31.15.31.32z"/><path fill="#fff" d="M19.553 14.354c.287.329.447.691.447 1.058c0 1.75-3.577 3.177-8 3.177c-4.41 0-8-1.426-8-3.177c0-.367.179-.73.47-1.059c1.097 1.238 4.034 1.883 7.516 1.883c1.388 0 2.837 0 3.779-.156v.405c0 .315.244.692.715.692c.47 0 .697-.405.697-.706v-.706c1.185-.367 1.872-.847 2.376-1.412"/></g><defs><clipPath id="SVGHcSWxdhd19"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-mpl-background {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd19)%22%3E%3Cpath%20fill%3D%22%23ff7900%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%205.411c4.41%200%208%201.478%208%203.294c0%201.713-3.021%203.125-7.059%203.294v-.564c.038-1.582.287-1.553%201.6-2.222c.748-.244%201.224-.611%201.224-1.035c0-.739-1.577-1.341-3.53-1.341s-3.53.602-3.53%201.35c0%20.302.25.575.688.8c1.36.782%202.136.575%202.136%202.495v.517C7.266%2011.933%204%2010.484%204%208.705c0-1.816%203.576-3.294%208-3.294%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.59%2011.059c.264.31.41.644.41.983c0%20.993-.979%201.727-2.823%202.31v-1.364c0-.377.051-.358.409-.499a5%205%200%200%200%202.005-1.43m-3.825%203.764c-1.134.25-2.386.47-3.77.47c-4.41%200-7.995-1.51-7.995-3.242c0-.348.141-.682.41-.978c1.016%201.204%203.731%202.09%207.12%202.15v.424c0%20.31.235.706.663.706s.748-.41.748-.706v-.438a16%2016%200%200%200%202.513-.268c.174%200%20.31.15.31.32z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.553%2014.354c.287.329.447.691.447%201.058c0%201.75-3.577%203.177-8%203.177c-4.41%200-8-1.426-8-3.177c0-.367.179-.73.47-1.059c1.097%201.238%204.034%201.883%207.516%201.883c1.388%200%202.837%200%203.779-.156v.405c0%20.315.244.692.715.692c.47%200%20.697-.405.697-.706v-.706c1.185-.367%201.872-.847%202.376-1.412%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd19%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd19)%22%3E%3Cpath%20fill%3D%22%23ff7900%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%205.411c4.41%200%208%201.478%208%203.294c0%201.713-3.021%203.125-7.059%203.294v-.564c.038-1.582.287-1.553%201.6-2.222c.748-.244%201.224-.611%201.224-1.035c0-.739-1.577-1.341-3.53-1.341s-3.53.602-3.53%201.35c0%20.302.25.575.688.8c1.36.782%202.136.575%202.136%202.495v.517C7.266%2011.933%204%2010.484%204%208.705c0-1.816%203.576-3.294%208-3.294%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.59%2011.059c.264.31.41.644.41.983c0%20.993-.979%201.727-2.823%202.31v-1.364c0-.377.051-.358.409-.499a5%205%200%200%200%202.005-1.43m-3.825%203.764c-1.134.25-2.386.47-3.77.47c-4.41%200-7.995-1.51-7.995-3.242c0-.348.141-.682.41-.978c1.016%201.204%203.731%202.09%207.12%202.15v.424c0%20.31.235.706.663.706s.748-.41.748-.706v-.438a16%2016%200%200%200%202.513-.268c.174%200%20.31.15.31.32z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.553%2014.354c.287.329.447.691.447%201.058c0%201.75-3.577%203.177-8%203.177c-4.41%200-8-1.426-8-3.177c0-.367.179-.73.47-1.059c1.097%201.238%204.034%201.883%207.516%201.883c1.388%200%202.837%200%203.779-.156v.405c0%20.315.244.692.715.692c.47%200%20.697-.405.697-.706v-.706c1.185-.367%201.872-.847%202.376-1.412%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd19%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/mpl-background.svg?color=%231a73e8&size=48
