mcp logo
mcp from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- mcp
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the mcp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.97 11.84c.66-.66 1.02-1.53 1.02-2.46s-.36-1.8-1.02-2.46l-.04-.04a3.45 3.45 0 0 0-2.46-1.02c-.17 0-.34.03-.51.05c.02-.17.05-.33.05-.51c0-.93-.36-1.8-1.02-2.46s-1.53-1.02-2.46-1.02s-1.8.36-2.46 1.02L3.2 10.81a.694.694 0 0 0 .98.98l7.87-7.87c.39-.39.92-.61 1.47-.61A2.08 2.08 0 0 1 15.6 5.4c0 .56-.22 1.08-.61 1.48l-5.86 5.86l-.08.08c-.27.27-.27.71 0 .98c.14.14.31.2.49.2s.36-.07.49-.2l5.94-5.94a2.09 2.09 0 0 1 2.95 0l.04.04c.39.39.61.92.61 1.47s-.22 1.08-.61 1.48l-7.11 7.11c-.63.63-.63 1.66 0 2.29l1.46 1.46c.14.14.31.2.49.2s.36-.07.49-.2c.27-.27.27-.71 0-.98l-1.46-1.46a.235.235 0 0 1 0-.33l7.11-7.11Z"/><path fill="currentColor" d="M17.96 9.83a.694.694 0 0 0-.98-.98l-5.82 5.82c-.81.81-2.14.81-2.95 0s-.81-2.14 0-2.95l5.82-5.82a.694.694 0 0 0-.98-.98l-5.82 5.82a3.476 3.476 0 0 0 0 4.92c.68.68 1.57 1.02 2.46 1.02s1.78-.34 2.46-1.02l5.82-5.82Z"/></svg>
React
import type { SVGProps } from "react";
export function BxlMcp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.97 11.84c.66-.66 1.02-1.53 1.02-2.46s-.36-1.8-1.02-2.46l-.04-.04a3.45 3.45 0 0 0-2.46-1.02c-.17 0-.34.03-.51.05c.02-.17.05-.33.05-.51c0-.93-.36-1.8-1.02-2.46s-1.53-1.02-2.46-1.02s-1.8.36-2.46 1.02L3.2 10.81a.694.694 0 0 0 .98.98l7.87-7.87c.39-.39.92-.61 1.47-.61A2.08 2.08 0 0 1 15.6 5.4c0 .56-.22 1.08-.61 1.48l-5.86 5.86l-.08.08c-.27.27-.27.71 0 .98c.14.14.31.2.49.2s.36-.07.49-.2l5.94-5.94a2.09 2.09 0 0 1 2.95 0l.04.04c.39.39.61.92.61 1.47s-.22 1.08-.61 1.48l-7.11 7.11c-.63.63-.63 1.66 0 2.29l1.46 1.46c.14.14.31.2.49.2s.36-.07.49-.2c.27-.27.27-.71 0-.98l-1.46-1.46a.235.235 0 0 1 0-.33l7.11-7.11Z"/><path fill="currentColor" d="M17.96 9.83a.694.694 0 0 0-.98-.98l-5.82 5.82c-.81.81-2.14.81-2.95 0s-.81-2.14 0-2.95l5.82-5.82a.694.694 0 0 0-.98-.98l-5.82 5.82a3.476 3.476 0 0 0 0 4.92c.68.68 1.57 1.02 2.46 1.02s1.78-.34 2.46-1.02l5.82-5.82Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.97 11.84c.66-.66 1.02-1.53 1.02-2.46s-.36-1.8-1.02-2.46l-.04-.04a3.45 3.45 0 0 0-2.46-1.02c-.17 0-.34.03-.51.05c.02-.17.05-.33.05-.51c0-.93-.36-1.8-1.02-2.46s-1.53-1.02-2.46-1.02s-1.8.36-2.46 1.02L3.2 10.81a.694.694 0 0 0 .98.98l7.87-7.87c.39-.39.92-.61 1.47-.61A2.08 2.08 0 0 1 15.6 5.4c0 .56-.22 1.08-.61 1.48l-5.86 5.86l-.08.08c-.27.27-.27.71 0 .98c.14.14.31.2.49.2s.36-.07.49-.2l5.94-5.94a2.09 2.09 0 0 1 2.95 0l.04.04c.39.39.61.92.61 1.47s-.22 1.08-.61 1.48l-7.11 7.11c-.63.63-.63 1.66 0 2.29l1.46 1.46c.14.14.31.2.49.2s.36-.07.49-.2c.27-.27.27-.71 0-.98l-1.46-1.46a.235.235 0 0 1 0-.33l7.11-7.11Z"/><path fill="currentColor" d="M17.96 9.83a.694.694 0 0 0-.98-.98l-5.82 5.82c-.81.81-2.14.81-2.95 0s-.81-2.14 0-2.95l5.82-5.82a.694.694 0 0 0-.98-.98l-5.82 5.82a3.476 3.476 0 0 0 0 4.92c.68.68 1.57 1.02 2.46 1.02s1.78-.34 2.46-1.02l5.82-5.82Z"/></svg> </template>
CSS
.icon-mcp {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.97%2011.84c.66-.66%201.02-1.53%201.02-2.46s-.36-1.8-1.02-2.46l-.04-.04a3.45%203.45%200%200%200-2.46-1.02c-.17%200-.34.03-.51.05c.02-.17.05-.33.05-.51c0-.93-.36-1.8-1.02-2.46s-1.53-1.02-2.46-1.02s-1.8.36-2.46%201.02L3.2%2010.81a.694.694%200%200%200%20.98.98l7.87-7.87c.39-.39.92-.61%201.47-.61A2.08%202.08%200%200%201%2015.6%205.4c0%20.56-.22%201.08-.61%201.48l-5.86%205.86l-.08.08c-.27.27-.27.71%200%20.98c.14.14.31.2.49.2s.36-.07.49-.2l5.94-5.94a2.09%202.09%200%200%201%202.95%200l.04.04c.39.39.61.92.61%201.47s-.22%201.08-.61%201.48l-7.11%207.11c-.63.63-.63%201.66%200%202.29l1.46%201.46c.14.14.31.2.49.2s.36-.07.49-.2c.27-.27.27-.71%200-.98l-1.46-1.46a.235.235%200%200%201%200-.33l7.11-7.11Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.96%209.83a.694.694%200%200%200-.98-.98l-5.82%205.82c-.81.81-2.14.81-2.95%200s-.81-2.14%200-2.95l5.82-5.82a.694.694%200%200%200-.98-.98l-5.82%205.82a3.476%203.476%200%200%200%200%204.92c.68.68%201.57%201.02%202.46%201.02s1.78-.34%202.46-1.02l5.82-5.82Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.97%2011.84c.66-.66%201.02-1.53%201.02-2.46s-.36-1.8-1.02-2.46l-.04-.04a3.45%203.45%200%200%200-2.46-1.02c-.17%200-.34.03-.51.05c.02-.17.05-.33.05-.51c0-.93-.36-1.8-1.02-2.46s-1.53-1.02-2.46-1.02s-1.8.36-2.46%201.02L3.2%2010.81a.694.694%200%200%200%20.98.98l7.87-7.87c.39-.39.92-.61%201.47-.61A2.08%202.08%200%200%201%2015.6%205.4c0%20.56-.22%201.08-.61%201.48l-5.86%205.86l-.08.08c-.27.27-.27.71%200%20.98c.14.14.31.2.49.2s.36-.07.49-.2l5.94-5.94a2.09%202.09%200%200%201%202.95%200l.04.04c.39.39.61.92.61%201.47s-.22%201.08-.61%201.48l-7.11%207.11c-.63.63-.63%201.66%200%202.29l1.46%201.46c.14.14.31.2.49.2s.36-.07.49-.2c.27-.27.27-.71%200-.98l-1.46-1.46a.235.235%200%200%201%200-.33l7.11-7.11Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.96%209.83a.694.694%200%200%200-.98-.98l-5.82%205.82c-.81.81-2.14.81-2.95%200s-.81-2.14%200-2.95l5.82-5.82a.694.694%200%200%200-.98-.98l-5.82%205.82a3.476%203.476%200%200%200%200%204.92c.68.68%201.57%201.02%202.46%201.02s1.78-.34%202.46-1.02l5.82-5.82Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/mcp.svg?color=%231a73e8&size=48
