mdx logo
mdx from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- mdx
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×212
- License
- CC0
The same logo in other sets
Use the mdx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 212"><path fill="#fff" d="M19.478 2.783h473.044c9.22 0 16.695 7.475 16.695 16.695V192c0 9.22-7.475 16.696-16.695 16.696H19.478c-9.22 0-16.695-7.475-16.695-16.696V19.478c0-9.22 7.475-16.695 16.695-16.695"/><path fill="#eaeaea" d="M19.478 0h473.044C503.279 0 512 8.72 512 19.478V192c0 10.758-8.72 19.478-19.478 19.478H19.478C8.721 211.478 0 202.758 0 192V19.478C0 8.721 8.72 0 19.478 0m0 5.565c-7.684 0-13.913 6.23-13.913 13.913V192c0 7.684 6.23 13.913 13.913 13.913h473.044c7.684 0 13.913-6.229 13.913-13.913V19.478c0-7.684-6.23-13.913-13.913-13.913z"/><path d="m272.696 40.203l-.002 84.896l31.185-31.178l15.74 15.741l-57.642 57.638l-58.369-58.369l15.741-15.741l31.085 31.085l.001-84.072zM72.162 162.979V97.232l40.255 40.257l40.56-40.557v65.383h22.261V43.192l-62.82 62.816l-62.517-62.521v119.492z"/><path fill="#f9ac00" d="m447.847 36.651l15.74 15.741l-47.149 47.147l45.699 45.701l-15.741 15.741l-45.7-45.699l-45.701 45.699l-15.74-15.741l45.695-45.701l-47.146-47.147l15.74-15.741l47.152 47.146z"/></svg>
React
import type { SVGProps } from "react";
export function LogosMdx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 212"><path fill="#fff" d="M19.478 2.783h473.044c9.22 0 16.695 7.475 16.695 16.695V192c0 9.22-7.475 16.696-16.695 16.696H19.478c-9.22 0-16.695-7.475-16.695-16.696V19.478c0-9.22 7.475-16.695 16.695-16.695"/><path fill="#eaeaea" d="M19.478 0h473.044C503.279 0 512 8.72 512 19.478V192c0 10.758-8.72 19.478-19.478 19.478H19.478C8.721 211.478 0 202.758 0 192V19.478C0 8.721 8.72 0 19.478 0m0 5.565c-7.684 0-13.913 6.23-13.913 13.913V192c0 7.684 6.23 13.913 13.913 13.913h473.044c7.684 0 13.913-6.229 13.913-13.913V19.478c0-7.684-6.23-13.913-13.913-13.913z"/><path d="m272.696 40.203l-.002 84.896l31.185-31.178l15.74 15.741l-57.642 57.638l-58.369-58.369l15.741-15.741l31.085 31.085l.001-84.072zM72.162 162.979V97.232l40.255 40.257l40.56-40.557v65.383h22.261V43.192l-62.82 62.816l-62.517-62.521v119.492z"/><path fill="#f9ac00" d="m447.847 36.651l15.74 15.741l-47.149 47.147l45.699 45.701l-15.741 15.741l-45.7-45.699l-45.701 45.699l-15.74-15.741l45.695-45.701l-47.146-47.147l15.74-15.741l47.152 47.146z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 212"><path fill="#fff" d="M19.478 2.783h473.044c9.22 0 16.695 7.475 16.695 16.695V192c0 9.22-7.475 16.696-16.695 16.696H19.478c-9.22 0-16.695-7.475-16.695-16.696V19.478c0-9.22 7.475-16.695 16.695-16.695"/><path fill="#eaeaea" d="M19.478 0h473.044C503.279 0 512 8.72 512 19.478V192c0 10.758-8.72 19.478-19.478 19.478H19.478C8.721 211.478 0 202.758 0 192V19.478C0 8.721 8.72 0 19.478 0m0 5.565c-7.684 0-13.913 6.23-13.913 13.913V192c0 7.684 6.23 13.913 13.913 13.913h473.044c7.684 0 13.913-6.229 13.913-13.913V19.478c0-7.684-6.23-13.913-13.913-13.913z"/><path d="m272.696 40.203l-.002 84.896l31.185-31.178l15.74 15.741l-57.642 57.638l-58.369-58.369l15.741-15.741l31.085 31.085l.001-84.072zM72.162 162.979V97.232l40.255 40.257l40.56-40.557v65.383h22.261V43.192l-62.82 62.816l-62.517-62.521v119.492z"/><path fill="#f9ac00" d="m447.847 36.651l15.74 15.741l-47.149 47.147l45.699 45.701l-15.741 15.741l-45.7-45.699l-45.701 45.699l-15.74-15.741l45.695-45.701l-47.146-47.147l15.74-15.741l47.152 47.146z"/></svg> </template>
CSS
.icon-mdx {
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%20212%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.478%202.783h473.044c9.22%200%2016.695%207.475%2016.695%2016.695V192c0%209.22-7.475%2016.696-16.695%2016.696H19.478c-9.22%200-16.695-7.475-16.695-16.696V19.478c0-9.22%207.475-16.695%2016.695-16.695%22%2F%3E%3Cpath%20fill%3D%22%23eaeaea%22%20d%3D%22M19.478%200h473.044C503.279%200%20512%208.72%20512%2019.478V192c0%2010.758-8.72%2019.478-19.478%2019.478H19.478C8.721%20211.478%200%20202.758%200%20192V19.478C0%208.721%208.72%200%2019.478%200m0%205.565c-7.684%200-13.913%206.23-13.913%2013.913V192c0%207.684%206.23%2013.913%2013.913%2013.913h473.044c7.684%200%2013.913-6.229%2013.913-13.913V19.478c0-7.684-6.23-13.913-13.913-13.913z%22%2F%3E%3Cpath%20d%3D%22m272.696%2040.203l-.002%2084.896l31.185-31.178l15.74%2015.741l-57.642%2057.638l-58.369-58.369l15.741-15.741l31.085%2031.085l.001-84.072zM72.162%20162.979V97.232l40.255%2040.257l40.56-40.557v65.383h22.261V43.192l-62.82%2062.816l-62.517-62.521v119.492z%22%2F%3E%3Cpath%20fill%3D%22%23f9ac00%22%20d%3D%22m447.847%2036.651l15.74%2015.741l-47.149%2047.147l45.699%2045.701l-15.741%2015.741l-45.7-45.699l-45.701%2045.699l-15.74-15.741l45.695-45.701l-47.146-47.147l15.74-15.741l47.152%2047.146z%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%20212%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.478%202.783h473.044c9.22%200%2016.695%207.475%2016.695%2016.695V192c0%209.22-7.475%2016.696-16.695%2016.696H19.478c-9.22%200-16.695-7.475-16.695-16.696V19.478c0-9.22%207.475-16.695%2016.695-16.695%22%2F%3E%3Cpath%20fill%3D%22%23eaeaea%22%20d%3D%22M19.478%200h473.044C503.279%200%20512%208.72%20512%2019.478V192c0%2010.758-8.72%2019.478-19.478%2019.478H19.478C8.721%20211.478%200%20202.758%200%20192V19.478C0%208.721%208.72%200%2019.478%200m0%205.565c-7.684%200-13.913%206.23-13.913%2013.913V192c0%207.684%206.23%2013.913%2013.913%2013.913h473.044c7.684%200%2013.913-6.229%2013.913-13.913V19.478c0-7.684-6.23-13.913-13.913-13.913z%22%2F%3E%3Cpath%20d%3D%22m272.696%2040.203l-.002%2084.896l31.185-31.178l15.74%2015.741l-57.642%2057.638l-58.369-58.369l15.741-15.741l31.085%2031.085l.001-84.072zM72.162%20162.979V97.232l40.255%2040.257l40.56-40.557v65.383h22.261V43.192l-62.82%2062.816l-62.517-62.521v119.492z%22%2F%3E%3Cpath%20fill%3D%22%23f9ac00%22%20d%3D%22m447.847%2036.651l15.74%2015.741l-47.149%2047.147l45.699%2045.701l-15.741%2015.741l-45.7-45.699l-45.701%2045.699l-15.74-15.741l45.695-45.701l-47.146-47.147l15.74-15.741l47.152%2047.146z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/mdx.svg?color=%231a73e8&size=48
