JSXIcons.com

Brands icon

Morgan Stanley JSX Icon

Copy the Morgan Stanley icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.

Browse all icons
ComponentMorganStanleyLogo
FilemorganstanleyLogo.jsx
CategoryBrands

Copy-ready code

Morgan Stanley React JSX component

// 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>
)

How to use the Morgan Stanley icon

import { MorganStanleyLogo } from "@/assets/icons/morganstanleyLogo"

export default function Example() {
  return <MorganStanleyLogo width="32px" height="32px" />
}

Built for the web

Use it in your stack

This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.

ReactNext.jsJSXSVGBrands icons

Looking for a similar mark? Browse the related icons below or explore the full brands collection.

Related JSX icons

FAQ

Is the Morgan Stanley JSX icon free?

Yes. You can copy the JSX component and use it in React and Next.js projects.

Can I customize it?

Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.