modx logo
modx from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- modx
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×141
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the modx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 141"><path fill="#00b5de" d="M132.503 13.21H66.052l-9.208 14.412l48.038 29.623z"/><path fill="#00decc" d="M56.844 27.622L12.41 0v66.452l15.612 8.807l76.86-18.014z"/><path fill="#ff5529" d="m119.293 70.855l-14.411-8.807l-29.623 47.638l44.034 27.621z"/><path fill="#ff9640" d="m104.882 62.048l-77.26 18.415L0 123.697h66.452l8.807-14.011z"/><path fill="#102c53" d="M310.242 35.228c22.017 0 38.43 15.211 38.43 36.428s-16.413 36.428-38.43 36.428s-38.43-15.612-38.43-36.428s16.413-36.429 38.43-36.429m-120.094 1.2l26.02 43.635l26.021-43.635h13.21l.4 70.055h-15.612V64.851l-20.816 34.827h-7.205L191.75 66.052v41.232h-15.212V36.428zm270.612.4l16.012 22.819l16.013-22.818h17.613L485.98 70.855L512 107.284h-18.414v-.4l-16.813-24.42l-16.813 24.42h-18.815l26.02-35.628l-24.819-34.427zm-63.65-.4c22.818 0 38.83 14.011 38.83 35.228c0 21.216-15.612 35.227-38.83 35.227h-32.025V36.428zm-86.868 12.81c-12.41 0-22.017 9.208-22.017 22.418s9.607 22.417 22.017 22.417s22.017-9.207 22.017-22.417s-9.607-22.418-22.017-22.418m86.067.801h-14.811v43.634h14.811v-.4c14.011 0 23.218-8.407 23.218-21.617c0-13.61-9.207-21.617-23.218-21.617"/></svg>
React
import type { SVGProps } from "react";
export function LogosModx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 141"><path fill="#00b5de" d="M132.503 13.21H66.052l-9.208 14.412l48.038 29.623z"/><path fill="#00decc" d="M56.844 27.622L12.41 0v66.452l15.612 8.807l76.86-18.014z"/><path fill="#ff5529" d="m119.293 70.855l-14.411-8.807l-29.623 47.638l44.034 27.621z"/><path fill="#ff9640" d="m104.882 62.048l-77.26 18.415L0 123.697h66.452l8.807-14.011z"/><path fill="#102c53" d="M310.242 35.228c22.017 0 38.43 15.211 38.43 36.428s-16.413 36.428-38.43 36.428s-38.43-15.612-38.43-36.428s16.413-36.429 38.43-36.429m-120.094 1.2l26.02 43.635l26.021-43.635h13.21l.4 70.055h-15.612V64.851l-20.816 34.827h-7.205L191.75 66.052v41.232h-15.212V36.428zm270.612.4l16.012 22.819l16.013-22.818h17.613L485.98 70.855L512 107.284h-18.414v-.4l-16.813-24.42l-16.813 24.42h-18.815l26.02-35.628l-24.819-34.427zm-63.65-.4c22.818 0 38.83 14.011 38.83 35.228c0 21.216-15.612 35.227-38.83 35.227h-32.025V36.428zm-86.868 12.81c-12.41 0-22.017 9.208-22.017 22.418s9.607 22.417 22.017 22.417s22.017-9.207 22.017-22.417s-9.607-22.418-22.017-22.418m86.067.801h-14.811v43.634h14.811v-.4c14.011 0 23.218-8.407 23.218-21.617c0-13.61-9.207-21.617-23.218-21.617"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 141"><path fill="#00b5de" d="M132.503 13.21H66.052l-9.208 14.412l48.038 29.623z"/><path fill="#00decc" d="M56.844 27.622L12.41 0v66.452l15.612 8.807l76.86-18.014z"/><path fill="#ff5529" d="m119.293 70.855l-14.411-8.807l-29.623 47.638l44.034 27.621z"/><path fill="#ff9640" d="m104.882 62.048l-77.26 18.415L0 123.697h66.452l8.807-14.011z"/><path fill="#102c53" d="M310.242 35.228c22.017 0 38.43 15.211 38.43 36.428s-16.413 36.428-38.43 36.428s-38.43-15.612-38.43-36.428s16.413-36.429 38.43-36.429m-120.094 1.2l26.02 43.635l26.021-43.635h13.21l.4 70.055h-15.612V64.851l-20.816 34.827h-7.205L191.75 66.052v41.232h-15.212V36.428zm270.612.4l16.012 22.819l16.013-22.818h17.613L485.98 70.855L512 107.284h-18.414v-.4l-16.813-24.42l-16.813 24.42h-18.815l26.02-35.628l-24.819-34.427zm-63.65-.4c22.818 0 38.83 14.011 38.83 35.228c0 21.216-15.612 35.227-38.83 35.227h-32.025V36.428zm-86.868 12.81c-12.41 0-22.017 9.208-22.017 22.418s9.607 22.417 22.017 22.417s22.017-9.207 22.017-22.417s-9.607-22.418-22.017-22.418m86.067.801h-14.811v43.634h14.811v-.4c14.011 0 23.218-8.407 23.218-21.617c0-13.61-9.207-21.617-23.218-21.617"/></svg> </template>
CSS
.icon-modx {
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%20512%20141%22%3E%3Cpath%20fill%3D%22%2300b5de%22%20d%3D%22M132.503%2013.21H66.052l-9.208%2014.412l48.038%2029.623z%22%2F%3E%3Cpath%20fill%3D%22%2300decc%22%20d%3D%22M56.844%2027.622L12.41%200v66.452l15.612%208.807l76.86-18.014z%22%2F%3E%3Cpath%20fill%3D%22%23ff5529%22%20d%3D%22m119.293%2070.855l-14.411-8.807l-29.623%2047.638l44.034%2027.621z%22%2F%3E%3Cpath%20fill%3D%22%23ff9640%22%20d%3D%22m104.882%2062.048l-77.26%2018.415L0%20123.697h66.452l8.807-14.011z%22%2F%3E%3Cpath%20fill%3D%22%23102c53%22%20d%3D%22M310.242%2035.228c22.017%200%2038.43%2015.211%2038.43%2036.428s-16.413%2036.428-38.43%2036.428s-38.43-15.612-38.43-36.428s16.413-36.429%2038.43-36.429m-120.094%201.2l26.02%2043.635l26.021-43.635h13.21l.4%2070.055h-15.612V64.851l-20.816%2034.827h-7.205L191.75%2066.052v41.232h-15.212V36.428zm270.612.4l16.012%2022.819l16.013-22.818h17.613L485.98%2070.855L512%20107.284h-18.414v-.4l-16.813-24.42l-16.813%2024.42h-18.815l26.02-35.628l-24.819-34.427zm-63.65-.4c22.818%200%2038.83%2014.011%2038.83%2035.228c0%2021.216-15.612%2035.227-38.83%2035.227h-32.025V36.428zm-86.868%2012.81c-12.41%200-22.017%209.208-22.017%2022.418s9.607%2022.417%2022.017%2022.417s22.017-9.207%2022.017-22.417s-9.607-22.418-22.017-22.418m86.067.801h-14.811v43.634h14.811v-.4c14.011%200%2023.218-8.407%2023.218-21.617c0-13.61-9.207-21.617-23.218-21.617%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%20512%20141%22%3E%3Cpath%20fill%3D%22%2300b5de%22%20d%3D%22M132.503%2013.21H66.052l-9.208%2014.412l48.038%2029.623z%22%2F%3E%3Cpath%20fill%3D%22%2300decc%22%20d%3D%22M56.844%2027.622L12.41%200v66.452l15.612%208.807l76.86-18.014z%22%2F%3E%3Cpath%20fill%3D%22%23ff5529%22%20d%3D%22m119.293%2070.855l-14.411-8.807l-29.623%2047.638l44.034%2027.621z%22%2F%3E%3Cpath%20fill%3D%22%23ff9640%22%20d%3D%22m104.882%2062.048l-77.26%2018.415L0%20123.697h66.452l8.807-14.011z%22%2F%3E%3Cpath%20fill%3D%22%23102c53%22%20d%3D%22M310.242%2035.228c22.017%200%2038.43%2015.211%2038.43%2036.428s-16.413%2036.428-38.43%2036.428s-38.43-15.612-38.43-36.428s16.413-36.429%2038.43-36.429m-120.094%201.2l26.02%2043.635l26.021-43.635h13.21l.4%2070.055h-15.612V64.851l-20.816%2034.827h-7.205L191.75%2066.052v41.232h-15.212V36.428zm270.612.4l16.012%2022.819l16.013-22.818h17.613L485.98%2070.855L512%20107.284h-18.414v-.4l-16.813-24.42l-16.813%2024.42h-18.815l26.02-35.628l-24.819-34.427zm-63.65-.4c22.818%200%2038.83%2014.011%2038.83%2035.228c0%2021.216-15.612%2035.227-38.83%2035.227h-32.025V36.428zm-86.868%2012.81c-12.41%200-22.017%209.208-22.017%2022.418s9.607%2022.417%2022.017%2022.417s22.017-9.207%2022.017-22.417s-9.607-22.418-22.017-22.418m86.067.801h-14.811v43.634h14.811v-.4c14.011%200%2023.218-8.407%2023.218-21.617c0-13.61-9.207-21.617-23.218-21.617%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/modx.svg?color=%231a73e8&size=48
