How to use the Morgan Stanley icon
import { MorganStanleyLogo } from "@/assets/icons/morganstanleyLogo"
export default function Example() {
return <MorganStanleyLogo width="32px" height="32px" />
}Brands icon
Copy the Morgan Stanley icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
Copy-ready code
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/morgan-stanley/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const MorganStanleyLogo = ({ width = "40px", height = "40px", color = "#002B5C", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 360 90" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M280.953 21.73v32.32c0 1.598.835 2.53 1.695 3.118.923.62 2.277.93 4.102.93 1.154 0 2.68-.383 2.68-.383v-2.899c-.458.029-.863.055-1.313.055-2.716 0-3.117-1.061-3.117-2.242V21.73zm-85.476.329c-3.05 0-5.808.956-7.766 2.68-1.901 1.68-2.953 4-2.953 6.507 0 2.762 1.117 4.92 3.445 6.617 2.053 1.5 4.768 2.467 7.383 3.39 4.545 1.618 8.805 3.093 8.805 7.22 0 1.835-.625 3.408-1.805 4.484-1.298 1.183-3.165 1.75-5.633 1.75-4.325 0-7.474-2.395-9.242-7.055l-3.883 1.04c.836 1.89 2.259 4.616 4.32 6.453 2.26 2.027 5.066 3.007 8.586 3.007 4.169 0 7.333-1.075 9.407-3.226 2.15-2.24 2.625-5.106 2.625-7.11 0-2.87-1.214-5.088-3.664-6.836-2.14-1.534-4.908-2.523-7.602-3.445-4.39-1.5-8.578-2.93-8.531-6.617.015-1.72.612-3.058 1.695-3.992 1.104-.95 2.678-1.422 4.703-1.422 2.127 0 4.024.594 5.469 1.75 1.329 1.052 2.296 2.614 2.734 4.375l3.774-.492c-1.656-5.644-5.702-9.078-11.867-9.078M22.5 22.55v35.11h4.047V25.558l.11.109L36.28 57.66h3.117l9.68-31.992.055-.11V57.66h4.047V22.55h-6.727l-8.586 28.22v.109l-.055-.11-8.585-28.218zm192.664.71v8.423h-3.883v3.226h3.883v19.14c0 1.598.727 2.53 1.586 3.118.924.62 2.275.93 4.102.93 1.155 0 2.734-.383 2.734-.383v-2.899c-.45.029-.92.055-1.367.055-2.72 0-3.008-1.061-3.008-2.242V34.91h4.375v-3.226h-4.375v-8.422Zm-145.578 7.93c-3.408 0-6.296 1.373-8.313 3.938-1.871 2.393-2.898 5.774-2.898 9.516 0 3.744 1.027 7.12 2.898 9.515 2.017 2.571 4.905 3.938 8.313 3.938 3.422 0 6.301-1.367 8.312-3.938 1.872-2.396 2.899-5.77 2.899-9.515 0-3.742-1.027-7.123-2.899-9.516-2.011-2.565-4.89-3.938-8.312-3.938m233.46.055c-1.729 0-3.337.318-4.702.93a9.2 9.2 0 0 0-3.446 2.68c-1.835 2.298-2.898 5.71-2.898 9.843 0 4.6 1.322 8.11 3.719 10.446 2.528 2.467 5.75 2.953 7.984 2.953 5.807 0 8.655-3.142 9.844-6.016l-3.227-1.586c-.784 1.75-2.587 4.43-6.617 4.43-2.303 0-4.187-.943-5.523-2.68-1.291-1.68-2.017-4.007-2.024-6.781h17.719v-2.461c0-4.251-1.132-7.421-3.227-9.352-1.783-1.64-4.285-2.406-7.601-2.406m-192.007.055c-4.566 0-11.047 3.072-11.047 13.398 0 10.027 6.461 13.399 10.828 13.399 2.55 0 4.865-1.412 6.453-3.446l.22-.109v4.922c0 3.452-2.989 5.578-6.18 5.578-3.104 0-5.851-.593-8.094-1.64v3.5c1.889.809 4.963 1.312 7.601 1.312 7.184 0 10.61-3.954 10.61-9.68V31.793h-3.008l-.875 2.734c-1.485-1.934-3.429-3.226-6.508-3.226m26.14 0c-5.747 0-8.468 3.443-9.624 5.578l3.226 1.695c.453-1.22 2.083-4.047 6.453-4.047 3.446 0 5.196 1.521 5.196 4.54v.93s.028.282-.055.382c-.128.161-.49.294-1.367.383-4.825.538-8.032 1.33-10.39 2.843-2.562 1.646-4.157 3.951-4.157 7.11 0 2.244 1.086 4.159 2.516 5.523 1.328 1.257 3.14 1.91 5.14 1.969 4.26.137 7.064-1.636 8.422-3.719.105 1.431.618 2.249 1.75 2.844 1.063.568 2.806.455 3.555.273v-2.734c-.902-.045-1.477-.474-1.477-1.586V39.122c0-2.585-1.014-4.705-2.953-6.071-1.599-1.135-3.832-1.75-6.234-1.75m27.837 0c-2.634 0-5.33 1.364-7.602 3.937v-3.445h-4.047v25.922h4.047v-19.25c1.377-1.472 4.464-3.938 7.273-3.938 2.817 0 4.047 1.382 4.047 4.485v18.703h4.047V38.902c0-5.6-3.983-7.601-7.765-7.601m73.226 0c-5.744 0-8.465 3.443-9.625 5.578l3.227 1.695c.454-1.22 2.082-4.047 6.453-4.047 3.445 0 5.195 1.521 5.195 4.54v.93s-.028.282-.11.382c-.125.161-.432.294-1.312.383-4.824.537-8.032 1.33-10.39 2.843-2.56 1.646-4.157 3.951-4.157 7.11 0 2.244 1.085 4.158 2.516 5.523 1.329 1.257 3.141 1.91 5.14 1.969 4.257.137 7.064-1.636 8.423-3.719.107 1.43.616 2.249 1.75 2.844 1.06.568 2.804.455 3.554.273v-2.734c-.9-.045-1.476-.474-1.476-1.586V39.122c0-2.585-1.067-4.705-3.008-6.071-1.6-1.135-3.78-1.75-6.18-1.75m27.836 0c-2.64 0-5.33 1.364-7.601 3.937v-3.445h-4.047v25.922h4.047v-19.25c1.379-1.472 4.46-3.938 7.273-3.938s4.047 1.382 4.047 4.485v18.703h4.047V38.902c0-5.6-3.983-7.601-7.766-7.601m-167.617.11c-4.106 0-6.54 1.591-8.64 5.359v-4.977h-4.048V57.66h4.047V43.004c1-5.324 3.818-7.82 8.64-7.82zm218.148.327 9.024 25.703v.22c-.54 2.463-2.099 5.503-3.5 6.452-1.238.84-2.578.93-3.61.93-.497 0-1.526-.168-1.968-.273v3.117c.56.137 1.852.383 2.68.383 1.928 0 3.554-.483 4.921-1.477 1.637-1.19 3.45-4.29 4.32-6.945l9.024-28.11h-3.937l-5.907 19.907-.054.437-.11-.437-6.945-19.907zm-247.023 2.68c4.357 0 6.945 3.824 6.945 10.227S73.943 54.87 69.586 54.87c-4.35 0-6.945-3.822-6.945-10.226 0-6.403 2.595-10.227 6.945-10.227m41.726.055c2.284 0 4.288.986 6.18 3.336v12.359c-1.047 2.981-4.047 4.703-6.18 4.703-4.173 0-7.054-2.599-7.054-10.39 0-6.552 2.586-10.008 7.055-10.008m191.844 0c4.637 0 6.71 2.451 6.727 7.765h-13.617c.352-5.31 2.577-7.765 6.89-7.765M142.54 43.605v6.563c-.186 2.266-4.42 5.008-7.875 4.812-1.906-.104-3.742-1.639-3.937-4.156-.317-4.206 2.844-5.952 9.898-6.726.49-.045 1.44-.22 1.914-.493m101.063 0v6.563c-.187 2.265-4.42 5.008-7.875 4.812-1.903-.105-3.748-1.64-3.938-4.156-.321-4.206 2.843-5.952 9.899-6.726.487-.045 1.443-.22 1.914-.493"/>
</svg>
)
import { MorganStanleyLogo } from "@/assets/icons/morganstanleyLogo"
export default function Example() {
return <MorganStanleyLogo width="32px" height="32px" />
}Built for the web
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Yes. You can copy the JSX component and use it in React and Next.js projects.
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.