morpheus icon logo

morpheus-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
morpheus-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the morpheus icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3db5e6" d="M251.927 159.692c-13.893 55.817-64.726 95.53-124.596 95.53c-60.141 0-110.537-42.063-123.861-98.11c16.021 0 30.999.072 37.952.072c3.28 0 3.918.057 4.107.044c5.232-.258 11.793-1.985 16.157-12.598l16.632-43.506l36.936 88.93c3.32 7.09 8.864 6.587 12.172 6.587h.311c6.452 0 9.258-2.26 11.711-6.937l41.721-87.913l14.232 39.62l.868 1.919c3.009 6.601 5.174 13.121 12.62 13.973c1.535.176 19.362-.136 43.394-.136c0 0 0 .155-.356 2.525"/><path fill="#d8292f" d="M256.003 126.817c0 .664 0 2.335-.013 2.335h-38.386l-22.379-62.514c-1.992-4.65-4.988-11.62-13.717-11.62c-5.34 0-10.166 4.411-12.904 11.69l-40.568 93.97l-39.05-93.4c-3.823-8.295-6.466-12.197-14.111-12.197c-5.191 0-9 1.913-13.148 11.74L38.55 130.08l-38.51-.04Q0 128.596 0 127.153C0 56.833 57.01 0 127.33 0c70.321 0 128.673 56.497 128.673 126.817"/></svg>

React

import type { SVGProps } from "react";

export function LogosMorpheusIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3db5e6" d="M251.927 159.692c-13.893 55.817-64.726 95.53-124.596 95.53c-60.141 0-110.537-42.063-123.861-98.11c16.021 0 30.999.072 37.952.072c3.28 0 3.918.057 4.107.044c5.232-.258 11.793-1.985 16.157-12.598l16.632-43.506l36.936 88.93c3.32 7.09 8.864 6.587 12.172 6.587h.311c6.452 0 9.258-2.26 11.711-6.937l41.721-87.913l14.232 39.62l.868 1.919c3.009 6.601 5.174 13.121 12.62 13.973c1.535.176 19.362-.136 43.394-.136c0 0 0 .155-.356 2.525"/><path fill="#d8292f" d="M256.003 126.817c0 .664 0 2.335-.013 2.335h-38.386l-22.379-62.514c-1.992-4.65-4.988-11.62-13.717-11.62c-5.34 0-10.166 4.411-12.904 11.69l-40.568 93.97l-39.05-93.4c-3.823-8.295-6.466-12.197-14.111-12.197c-5.191 0-9 1.913-13.148 11.74L38.55 130.08l-38.51-.04Q0 128.596 0 127.153C0 56.833 57.01 0 127.33 0c70.321 0 128.673 56.497 128.673 126.817"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3db5e6" d="M251.927 159.692c-13.893 55.817-64.726 95.53-124.596 95.53c-60.141 0-110.537-42.063-123.861-98.11c16.021 0 30.999.072 37.952.072c3.28 0 3.918.057 4.107.044c5.232-.258 11.793-1.985 16.157-12.598l16.632-43.506l36.936 88.93c3.32 7.09 8.864 6.587 12.172 6.587h.311c6.452 0 9.258-2.26 11.711-6.937l41.721-87.913l14.232 39.62l.868 1.919c3.009 6.601 5.174 13.121 12.62 13.973c1.535.176 19.362-.136 43.394-.136c0 0 0 .155-.356 2.525"/><path fill="#d8292f" d="M256.003 126.817c0 .664 0 2.335-.013 2.335h-38.386l-22.379-62.514c-1.992-4.65-4.988-11.62-13.717-11.62c-5.34 0-10.166 4.411-12.904 11.69l-40.568 93.97l-39.05-93.4c-3.823-8.295-6.466-12.197-14.111-12.197c-5.191 0-9 1.913-13.148 11.74L38.55 130.08l-38.51-.04Q0 128.596 0 127.153C0 56.833 57.01 0 127.33 0c70.321 0 128.673 56.497 128.673 126.817"/></svg>
</template>

CSS

.icon-morpheus-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%233db5e6%22%20d%3D%22M251.927%20159.692c-13.893%2055.817-64.726%2095.53-124.596%2095.53c-60.141%200-110.537-42.063-123.861-98.11c16.021%200%2030.999.072%2037.952.072c3.28%200%203.918.057%204.107.044c5.232-.258%2011.793-1.985%2016.157-12.598l16.632-43.506l36.936%2088.93c3.32%207.09%208.864%206.587%2012.172%206.587h.311c6.452%200%209.258-2.26%2011.711-6.937l41.721-87.913l14.232%2039.62l.868%201.919c3.009%206.601%205.174%2013.121%2012.62%2013.973c1.535.176%2019.362-.136%2043.394-.136c0%200%200%20.155-.356%202.525%22%2F%3E%3Cpath%20fill%3D%22%23d8292f%22%20d%3D%22M256.003%20126.817c0%20.664%200%202.335-.013%202.335h-38.386l-22.379-62.514c-1.992-4.65-4.988-11.62-13.717-11.62c-5.34%200-10.166%204.411-12.904%2011.69l-40.568%2093.97l-39.05-93.4c-3.823-8.295-6.466-12.197-14.111-12.197c-5.191%200-9%201.913-13.148%2011.74L38.55%20130.08l-38.51-.04Q0%20128.596%200%20127.153C0%2056.833%2057.01%200%20127.33%200c70.321%200%20128.673%2056.497%20128.673%20126.817%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%20256%20256%22%3E%3Cpath%20fill%3D%22%233db5e6%22%20d%3D%22M251.927%20159.692c-13.893%2055.817-64.726%2095.53-124.596%2095.53c-60.141%200-110.537-42.063-123.861-98.11c16.021%200%2030.999.072%2037.952.072c3.28%200%203.918.057%204.107.044c5.232-.258%2011.793-1.985%2016.157-12.598l16.632-43.506l36.936%2088.93c3.32%207.09%208.864%206.587%2012.172%206.587h.311c6.452%200%209.258-2.26%2011.711-6.937l41.721-87.913l14.232%2039.62l.868%201.919c3.009%206.601%205.174%2013.121%2012.62%2013.973c1.535.176%2019.362-.136%2043.394-.136c0%200%200%20.155-.356%202.525%22%2F%3E%3Cpath%20fill%3D%22%23d8292f%22%20d%3D%22M256.003%20126.817c0%20.664%200%202.335-.013%202.335h-38.386l-22.379-62.514c-1.992-4.65-4.988-11.62-13.717-11.62c-5.34%200-10.166%204.411-12.904%2011.69l-40.568%2093.97l-39.05-93.4c-3.823-8.295-6.466-12.197-14.111-12.197c-5.191%200-9%201.913-13.148%2011.74L38.55%20130.08l-38.51-.04Q0%20128.596%200%20127.153C0%2056.833%2057.01%200%20127.33%200c70.321%200%20128.673%2056.497%20128.673%20126.817%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/morpheus-icon.svg?color=%231a73e8&size=48