mongodb icon logo

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

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

Use the mongodb icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 549"><path fill="#01ec64" d="M175.622 61.108C152.612 33.807 132.797 6.078 128.749.32a1.03 1.03 0 0 0-1.492 0c-4.048 5.759-23.863 33.487-46.874 60.788c-197.507 251.896 31.108 421.89 31.108 421.89l1.917 1.28c1.704 26.234 5.966 63.988 5.966 63.988h17.045s4.26-37.54 5.965-63.987l1.918-1.494c.213.214 228.828-169.78 31.32-421.677m-47.726 418.05s-10.227-8.744-12.997-13.222v-.428l12.358-274.292c0-.853 1.279-.853 1.279 0l12.357 274.292v.428c-2.77 4.478-12.997 13.223-12.997 13.223"/></svg>

React

import type { SVGProps } from "react";

export function LogosMongodbIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 549"><path fill="#01ec64" d="M175.622 61.108C152.612 33.807 132.797 6.078 128.749.32a1.03 1.03 0 0 0-1.492 0c-4.048 5.759-23.863 33.487-46.874 60.788c-197.507 251.896 31.108 421.89 31.108 421.89l1.917 1.28c1.704 26.234 5.966 63.988 5.966 63.988h17.045s4.26-37.54 5.965-63.987l1.918-1.494c.213.214 228.828-169.78 31.32-421.677m-47.726 418.05s-10.227-8.744-12.997-13.222v-.428l12.358-274.292c0-.853 1.279-.853 1.279 0l12.357 274.292v.428c-2.77 4.478-12.997 13.223-12.997 13.223"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 549"><path fill="#01ec64" d="M175.622 61.108C152.612 33.807 132.797 6.078 128.749.32a1.03 1.03 0 0 0-1.492 0c-4.048 5.759-23.863 33.487-46.874 60.788c-197.507 251.896 31.108 421.89 31.108 421.89l1.917 1.28c1.704 26.234 5.966 63.988 5.966 63.988h17.045s4.26-37.54 5.965-63.987l1.918-1.494c.213.214 228.828-169.78 31.32-421.677m-47.726 418.05s-10.227-8.744-12.997-13.222v-.428l12.358-274.292c0-.853 1.279-.853 1.279 0l12.357 274.292v.428c-2.77 4.478-12.997 13.223-12.997 13.223"/></svg>
</template>

CSS

.icon-mongodb-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%20549%22%3E%3Cpath%20fill%3D%22%2301ec64%22%20d%3D%22M175.622%2061.108C152.612%2033.807%20132.797%206.078%20128.749.32a1.03%201.03%200%200%200-1.492%200c-4.048%205.759-23.863%2033.487-46.874%2060.788c-197.507%20251.896%2031.108%20421.89%2031.108%20421.89l1.917%201.28c1.704%2026.234%205.966%2063.988%205.966%2063.988h17.045s4.26-37.54%205.965-63.987l1.918-1.494c.213.214%20228.828-169.78%2031.32-421.677m-47.726%20418.05s-10.227-8.744-12.997-13.222v-.428l12.358-274.292c0-.853%201.279-.853%201.279%200l12.357%20274.292v.428c-2.77%204.478-12.997%2013.223-12.997%2013.223%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%20549%22%3E%3Cpath%20fill%3D%22%2301ec64%22%20d%3D%22M175.622%2061.108C152.612%2033.807%20132.797%206.078%20128.749.32a1.03%201.03%200%200%200-1.492%200c-4.048%205.759-23.863%2033.487-46.874%2060.788c-197.507%20251.896%2031.108%20421.89%2031.108%20421.89l1.917%201.28c1.704%2026.234%205.966%2063.988%205.966%2063.988h17.045s4.26-37.54%205.965-63.987l1.918-1.494c.213.214%20228.828-169.78%2031.32-421.677m-47.726%20418.05s-10.227-8.744-12.997-13.222v-.428l12.358-274.292c0-.853%201.279-.853%201.279%200l12.357%20274.292v.428c-2.77%204.478-12.997%2013.223-12.997%2013.223%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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