mobx logo
mobx from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- mobx
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the mobx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ea6618" d="M128 118.195V9.805c0-4.45-2.96-8.2-7.02-9.403l-4.605 2.758l-51.133 54.52l-1.605 5.011l-.934 4.809l15.945 59.59l2.465.91h37.082c5.414 0 9.805-4.39 9.805-9.805"/><path fill="#d65813" d="M0 9.805v108.39a9.79 9.79 0 0 0 4.25 8.078l3.145-1.503l54.12-57.95l2.122-4.129l.082-3.996l-14.73-56.043L46.757 0H9.805C4.39 0 0 4.39 0 9.805"/><path fill="#e05e11" d="M63.637 62.691L120.98.402A9.8 9.8 0 0 0 118.195 0H46.758Zm0 0"/><path fill="#de5c16" d="M9.805 128h71.308L63.637 62.691L4.25 126.273A9.74 9.74 0 0 0 9.805 128"/><path fill="#fff" d="M47.46 48.516h7.11c2.836 10.691 6.063 20.074 9.66 28.543c4.075-9.528 7.063-18.918 9.59-28.543h6.723c-3.012 11.96-7.934 24.02-13.566 36.464H61.03c-5.41-11.793-10.015-23.918-13.57-36.464M24 29.988h15.813v67.817H23.93v-5.227h9.734V35.074H24Zm80.082 5.086h-9.664v57.504h9.734v5.227H88.27V29.988h15.812Zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconMobx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ea6618" d="M128 118.195V9.805c0-4.45-2.96-8.2-7.02-9.403l-4.605 2.758l-51.133 54.52l-1.605 5.011l-.934 4.809l15.945 59.59l2.465.91h37.082c5.414 0 9.805-4.39 9.805-9.805"/><path fill="#d65813" d="M0 9.805v108.39a9.79 9.79 0 0 0 4.25 8.078l3.145-1.503l54.12-57.95l2.122-4.129l.082-3.996l-14.73-56.043L46.757 0H9.805C4.39 0 0 4.39 0 9.805"/><path fill="#e05e11" d="M63.637 62.691L120.98.402A9.8 9.8 0 0 0 118.195 0H46.758Zm0 0"/><path fill="#de5c16" d="M9.805 128h71.308L63.637 62.691L4.25 126.273A9.74 9.74 0 0 0 9.805 128"/><path fill="#fff" d="M47.46 48.516h7.11c2.836 10.691 6.063 20.074 9.66 28.543c4.075-9.528 7.063-18.918 9.59-28.543h6.723c-3.012 11.96-7.934 24.02-13.566 36.464H61.03c-5.41-11.793-10.015-23.918-13.57-36.464M24 29.988h15.813v67.817H23.93v-5.227h9.734V35.074H24Zm80.082 5.086h-9.664v57.504h9.734v5.227H88.27V29.988h15.812Zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ea6618" d="M128 118.195V9.805c0-4.45-2.96-8.2-7.02-9.403l-4.605 2.758l-51.133 54.52l-1.605 5.011l-.934 4.809l15.945 59.59l2.465.91h37.082c5.414 0 9.805-4.39 9.805-9.805"/><path fill="#d65813" d="M0 9.805v108.39a9.79 9.79 0 0 0 4.25 8.078l3.145-1.503l54.12-57.95l2.122-4.129l.082-3.996l-14.73-56.043L46.757 0H9.805C4.39 0 0 4.39 0 9.805"/><path fill="#e05e11" d="M63.637 62.691L120.98.402A9.8 9.8 0 0 0 118.195 0H46.758Zm0 0"/><path fill="#de5c16" d="M9.805 128h71.308L63.637 62.691L4.25 126.273A9.74 9.74 0 0 0 9.805 128"/><path fill="#fff" d="M47.46 48.516h7.11c2.836 10.691 6.063 20.074 9.66 28.543c4.075-9.528 7.063-18.918 9.59-28.543h6.723c-3.012 11.96-7.934 24.02-13.566 36.464H61.03c-5.41-11.793-10.015-23.918-13.57-36.464M24 29.988h15.813v67.817H23.93v-5.227h9.734V35.074H24Zm80.082 5.086h-9.664v57.504h9.734v5.227H88.27V29.988h15.812Zm0 0"/></svg> </template>
CSS
.icon-mobx {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ea6618%22%20d%3D%22M128%20118.195V9.805c0-4.45-2.96-8.2-7.02-9.403l-4.605%202.758l-51.133%2054.52l-1.605%205.011l-.934%204.809l15.945%2059.59l2.465.91h37.082c5.414%200%209.805-4.39%209.805-9.805%22%2F%3E%3Cpath%20fill%3D%22%23d65813%22%20d%3D%22M0%209.805v108.39a9.79%209.79%200%200%200%204.25%208.078l3.145-1.503l54.12-57.95l2.122-4.129l.082-3.996l-14.73-56.043L46.757%200H9.805C4.39%200%200%204.39%200%209.805%22%2F%3E%3Cpath%20fill%3D%22%23e05e11%22%20d%3D%22M63.637%2062.691L120.98.402A9.8%209.8%200%200%200%20118.195%200H46.758Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23de5c16%22%20d%3D%22M9.805%20128h71.308L63.637%2062.691L4.25%20126.273A9.74%209.74%200%200%200%209.805%20128%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M47.46%2048.516h7.11c2.836%2010.691%206.063%2020.074%209.66%2028.543c4.075-9.528%207.063-18.918%209.59-28.543h6.723c-3.012%2011.96-7.934%2024.02-13.566%2036.464H61.03c-5.41-11.793-10.015-23.918-13.57-36.464M24%2029.988h15.813v67.817H23.93v-5.227h9.734V35.074H24Zm80.082%205.086h-9.664v57.504h9.734v5.227H88.27V29.988h15.812Zm0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ea6618%22%20d%3D%22M128%20118.195V9.805c0-4.45-2.96-8.2-7.02-9.403l-4.605%202.758l-51.133%2054.52l-1.605%205.011l-.934%204.809l15.945%2059.59l2.465.91h37.082c5.414%200%209.805-4.39%209.805-9.805%22%2F%3E%3Cpath%20fill%3D%22%23d65813%22%20d%3D%22M0%209.805v108.39a9.79%209.79%200%200%200%204.25%208.078l3.145-1.503l54.12-57.95l2.122-4.129l.082-3.996l-14.73-56.043L46.757%200H9.805C4.39%200%200%204.39%200%209.805%22%2F%3E%3Cpath%20fill%3D%22%23e05e11%22%20d%3D%22M63.637%2062.691L120.98.402A9.8%209.8%200%200%200%20118.195%200H46.758Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23de5c16%22%20d%3D%22M9.805%20128h71.308L63.637%2062.691L4.25%20126.273A9.74%209.74%200%200%200%209.805%20128%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M47.46%2048.516h7.11c2.836%2010.691%206.063%2020.074%209.66%2028.543c4.075-9.528%207.063-18.918%209.59-28.543h6.723c-3.012%2011.96-7.934%2024.02-13.566%2036.464H61.03c-5.41-11.793-10.015-23.918-13.57-36.464M24%2029.988h15.813v67.817H23.93v-5.227h9.734V35.074H24Zm80.082%205.086h-9.664v57.504h9.734v5.227H88.27V29.988h15.812Zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/mobx.svg?color=%231a73e8&size=48
