Home/Libraries/SVG Logos (Iconify)/morpheus

SVG Logos (Iconify)

Morpheus

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 106"><path fill="#818cf8" d="M507.63 36.762c4.015 3.247-.236 8.384-3.78 5.786c-4.369-2.775-14.288-4.074-15.528 2.067c-1.594 9.683 24.09 4.133 23.677 19.839c-.413 14.998-22.142 15.352-30.29 8.62c-1.949-1.593-1.89-4.192-.827-5.786c1.535-1.535 3.248-2.066 5.255-.413c4.842 3.306 17.3 5.786 18.186-2.598c-.767-8.739-25.33-3.484-23.5-20.253c1.358-11.454 18.658-13.521 26.807-7.262m-38.736 2.302V60.44c0 22.083-35.604 22.083-35.604 0V39.064c0-5.313 7.735-5.55 7.735 0V60.44c0 11.632 20.134 12.34 20.134 0V39.064c0-5.255 7.735-5.668 7.735 0m-243.806-5.372c10.333.53 21.139 7.675 21.139 21.67c0 13.993-10.806 21.256-21.139 21.256c-10.923.472-22.26-6.79-22.26-21.257c0-14.525 11.337-21.67 22.26-21.67m52.02 1.475c14.998 0 18.068 20.076 5.551 25.095l7.853 9.565c3.07 4.547-3.07 8.916-6.613 4.429l-8.916-12.754h-9.27v10.687c0 5.137-7.853 5.314-7.853.118V38.77c0-2.066 1.594-3.602 3.543-3.602zm-122.345-.53c1.713 0 2.716 1.003 3.72 2.125l12.99 17.536l13.463-18.186c1.948-2.42 6.73-1.476 6.73 2.598v33.243c0 2.598-1.653 4.074-3.542 4.074c-2.126 0-3.779-1.476-3.779-4.074V50.106l-9.801 12.4c-2.126 2.598-4.783 2.598-6.732 0l-8.798-12.4v21.847c0 2.598-2.125 4.074-4.25 4.074c-1.89 0-3.544-1.476-3.544-4.074V38.71c0-3.07 2.598-4.074 3.543-4.074m165.155 0c7.676 0 14.584 5.136 14.584 14.997c0 9.329-6.908 14.525-14.584 14.525h-9.86v7.794c0 2.598-1.654 4.074-3.78 4.074c-1.948 0-4.015-1.476-4.015-4.074V38.71c0-1.948 1.536-4.074 4.015-4.074zm56.39.53c2.067 0 3.661 1.536 3.661 3.661v33.538c0 2.067-1.594 3.661-3.661 3.661c-2.125 0-4.015-1.594-4.015-3.66V59.434h-19.249v12.931c0 2.067-1.535 3.661-3.602 3.661c-2.656 0-4.192-1.594-4.192-3.66V38.827c0-2.125 1.536-3.66 4.192-3.66c2.067 0 3.602 1.535 3.602 3.66V51.7h19.25V38.828c0-2.125 1.889-3.66 4.014-3.66m41.098 0c5.431 0 5.313 7.676 0 7.676H400.4V51.7h14.88c5.255 0 5.255 7.735 0 7.735H400.4v8.857h18.01c5.372 0 5.785 7.735 0 7.735h-22.202c-2.066 0-3.66-1.594-3.66-3.66v-33.54c0-2.125 1.594-3.66 3.66-3.66zm-192.967 6.2c-6.613 0-13.817 4.665-13.817 13.994c0 9.27 7.204 13.994 13.817 13.994c6.79 0 14.053-4.724 14.053-13.994c0-9.329-7.263-13.994-14.053-13.994m95.48.709h-9.862v14.702h9.861c3.956 0 7.086-3.484 7.086-7.144c0-4.133-3.13-7.558-7.086-7.558m-42.81.236h-11.396v12.4h11.396c7.675 0 8.148-12.4 0-12.4M104.383 66.166c-5.757 23.128-26.819 39.582-51.625 39.582c-24.919 0-45.8-17.428-51.32-40.651c6.638 0 12.844.03 15.725.03c1.359 0 1.623.024 1.702.018c2.167-.106 4.886-.822 6.694-5.22L32.45 41.9l15.304 36.847c1.376 2.937 3.673 2.729 5.043 2.729h.13c2.673 0 3.835-.937 4.852-2.874l17.286-36.426l5.897 16.416l.36.795c1.246 2.735 2.143 5.437 5.229 5.79c.636.072 8.022-.057 17.98-.057c0 0 0 .064-.148 1.046"/><path fill="#818cf8" d="M106.072 52.545c0 .275 0 .967-.006.967H90.162l-9.273-25.901c-.825-1.927-2.067-4.815-5.683-4.815c-2.213 0-4.213 1.828-5.347 4.844l-16.81 38.935l-16.18-38.7c-1.583-3.436-2.678-5.053-5.846-5.053c-2.15 0-3.729.793-5.447 4.864l-9.604 26.211L.017 53.88A42 42 0 0 1 0 52.684C0 23.548 23.621 0 52.758 0c29.136 0 53.314 23.409 53.314 52.545"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MorpheusIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.