mongodb logo

mongodb from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.

Name: mongodb
Set: Skill Icons
Style: Default
Viewbox: 256×256
License: MIT

The same logo in other sets

mongodbBoxicons Brands mongodbCoreUI Brands mongodbDevicon mongodbSVG Logos mongodbSimple Icons mongodb-outlineTeenyicons

Use the mongodb logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#023430" rx="60"/><path fill="#10aa50" d="M171.173 107.591c-10.537-46.481-32.497-58.855-38.099-67.602A99 99 0 0 1 126.949 28c-.296 4.13-.84 6.73-4.35 9.862c-7.047 6.283-36.977 30.673-39.496 83.486c-2.347 49.242 36.2 79.605 41.292 82.744c3.916 1.927 8.685.041 11.012-1.728c18.581-12.752 43.969-46.75 35.786-94.773"/><path fill="#b8c4c2" d="M128.545 177.871c-.97 12.188-1.665 19.27-4.129 26.235c0 0 1.617 11.603 2.753 23.894h4.019a224 224 0 0 1 4.384-25.732c-5.203-2.56-6.827-13.702-7.027-24.397"/><path fill="#12924f" d="M135.565 202.275c-5.258-2.429-6.779-13.806-7.013-24.404a500 500 0 0 0 1.136-52.545c-.276-9.194.13-85.158-2.265-96.28a92 92 0 0 0 5.651 10.936c5.602 8.754 27.569 21.128 38.099 67.609c8.203 47.941-17.047 81.849-35.608 94.684"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsMongodb(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#023430" rx="60"/><path fill="#10aa50" d="M171.173 107.591c-10.537-46.481-32.497-58.855-38.099-67.602A99 99 0 0 1 126.949 28c-.296 4.13-.84 6.73-4.35 9.862c-7.047 6.283-36.977 30.673-39.496 83.486c-2.347 49.242 36.2 79.605 41.292 82.744c3.916 1.927 8.685.041 11.012-1.728c18.581-12.752 43.969-46.75 35.786-94.773"/><path fill="#b8c4c2" d="M128.545 177.871c-.97 12.188-1.665 19.27-4.129 26.235c0 0 1.617 11.603 2.753 23.894h4.019a224 224 0 0 1 4.384-25.732c-5.203-2.56-6.827-13.702-7.027-24.397"/><path fill="#12924f" d="M135.565 202.275c-5.258-2.429-6.779-13.806-7.013-24.404a500 500 0 0 0 1.136-52.545c-.276-9.194.13-85.158-2.265-96.28a92 92 0 0 0 5.651 10.936c5.602 8.754 27.569 21.128 38.099 67.609c8.203 47.941-17.047 81.849-35.608 94.684"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#023430" rx="60"/><path fill="#10aa50" d="M171.173 107.591c-10.537-46.481-32.497-58.855-38.099-67.602A99 99 0 0 1 126.949 28c-.296 4.13-.84 6.73-4.35 9.862c-7.047 6.283-36.977 30.673-39.496 83.486c-2.347 49.242 36.2 79.605 41.292 82.744c3.916 1.927 8.685.041 11.012-1.728c18.581-12.752 43.969-46.75 35.786-94.773"/><path fill="#b8c4c2" d="M128.545 177.871c-.97 12.188-1.665 19.27-4.129 26.235c0 0 1.617 11.603 2.753 23.894h4.019a224 224 0 0 1 4.384-25.732c-5.203-2.56-6.827-13.702-7.027-24.397"/><path fill="#12924f" d="M135.565 202.275c-5.258-2.429-6.779-13.806-7.013-24.404a500 500 0 0 0 1.136-52.545c-.276-9.194.13-85.158-2.265-96.28a92 92 0 0 0 5.651 10.936c5.602 8.754 27.569 21.128 38.099 67.609c8.203 47.941-17.047 81.849-35.608 94.684"/></g></svg>
</template>

CSS

.icon-mongodb {
  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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23023430%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2310aa50%22%20d%3D%22M171.173%20107.591c-10.537-46.481-32.497-58.855-38.099-67.602A99%2099%200%200%201%20126.949%2028c-.296%204.13-.84%206.73-4.35%209.862c-7.047%206.283-36.977%2030.673-39.496%2083.486c-2.347%2049.242%2036.2%2079.605%2041.292%2082.744c3.916%201.927%208.685.041%2011.012-1.728c18.581-12.752%2043.969-46.75%2035.786-94.773%22%2F%3E%3Cpath%20fill%3D%22%23b8c4c2%22%20d%3D%22M128.545%20177.871c-.97%2012.188-1.665%2019.27-4.129%2026.235c0%200%201.617%2011.603%202.753%2023.894h4.019a224%20224%200%200%201%204.384-25.732c-5.203-2.56-6.827-13.702-7.027-24.397%22%2F%3E%3Cpath%20fill%3D%22%2312924f%22%20d%3D%22M135.565%20202.275c-5.258-2.429-6.779-13.806-7.013-24.404a500%20500%200%200%200%201.136-52.545c-.276-9.194.13-85.158-2.265-96.28a92%2092%200%200%200%205.651%2010.936c5.602%208.754%2027.569%2021.128%2038.099%2067.609c8.203%2047.941-17.047%2081.849-35.608%2094.684%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23023430%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2310aa50%22%20d%3D%22M171.173%20107.591c-10.537-46.481-32.497-58.855-38.099-67.602A99%2099%200%200%201%20126.949%2028c-.296%204.13-.84%206.73-4.35%209.862c-7.047%206.283-36.977%2030.673-39.496%2083.486c-2.347%2049.242%2036.2%2079.605%2041.292%2082.744c3.916%201.927%208.685.041%2011.012-1.728c18.581-12.752%2043.969-46.75%2035.786-94.773%22%2F%3E%3Cpath%20fill%3D%22%23b8c4c2%22%20d%3D%22M128.545%20177.871c-.97%2012.188-1.665%2019.27-4.129%2026.235c0%200%201.617%2011.603%202.753%2023.894h4.019a224%20224%200%200%201%204.384-25.732c-5.203-2.56-6.827-13.702-7.027-24.397%22%2F%3E%3Cpath%20fill%3D%22%2312924f%22%20d%3D%22M135.565%20202.275c-5.258-2.429-6.779-13.806-7.013-24.404a500%20500%200%200%200%201.136-52.545c-.276-9.194.13-85.158-2.265-96.28a92%2092%200%200%200%205.651%2010.936c5.602%208.754%2027.569%2021.128%2038.099%2067.609c8.203%2047.941-17.047%2081.849-35.608%2094.684%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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