mcp icon
mcp from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- mcp
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Use the mcp icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m14.557 7.875l-.055.054l-5.804 5.691a.183.183 0 0 0-.003.259l.003.003l1.192 1.17a.55.55 0 0 1 .011.776l-.01.01a.575.575 0 0 1-.803 0L7.896 14.67a1.28 1.28 0 0 1 0-1.836l5.805-5.692a1.647 1.647 0 0 0 .031-2.328l-.031-.032l-.034-.032a1.725 1.725 0 0 0-2.405-.002l-4.781 4.69h-.002l-.065.065a.575.575 0 0 1-.803 0a.55.55 0 0 1-.01-.776l.01-.01L10.46 3.96c.65-.636.663-1.678.027-2.329l-.029-.03a1.725 1.725 0 0 0-2.407 0L1.635 7.896a.575.575 0 0 1-.802 0a.55.55 0 0 1-.011-.776l.011-.01L7.25.814a2.875 2.875 0 0 1 4.01 0c.63.613.929 1.49.803 2.36c.88-.125 1.77.166 2.406.787l.034.033a2.743 2.743 0 0 1 .053 3.88m-1.691-1.553a.55.55 0 0 0 .01-.776l-.01-.01a.575.575 0 0 0-.803 0L7.317 10.19a1.725 1.725 0 0 1-2.407 0a1.647 1.647 0 0 1-.03-2.33l.031-.031l4.747-4.655a.55.55 0 0 0 .011-.776l-.011-.01a.575.575 0 0 0-.803 0L4.108 7.042a2.743 2.743 0 0 0 0 3.933a2.876 2.876 0 0 0 4.011 0z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function CodiconMcp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="m14.557 7.875l-.055.054l-5.804 5.691a.183.183 0 0 0-.003.259l.003.003l1.192 1.17a.55.55 0 0 1 .011.776l-.01.01a.575.575 0 0 1-.803 0L7.896 14.67a1.28 1.28 0 0 1 0-1.836l5.805-5.692a1.647 1.647 0 0 0 .031-2.328l-.031-.032l-.034-.032a1.725 1.725 0 0 0-2.405-.002l-4.781 4.69h-.002l-.065.065a.575.575 0 0 1-.803 0a.55.55 0 0 1-.01-.776l.01-.01L10.46 3.96c.65-.636.663-1.678.027-2.329l-.029-.03a1.725 1.725 0 0 0-2.407 0L1.635 7.896a.575.575 0 0 1-.802 0a.55.55 0 0 1-.011-.776l.011-.01L7.25.814a2.875 2.875 0 0 1 4.01 0c.63.613.929 1.49.803 2.36c.88-.125 1.77.166 2.406.787l.034.033a2.743 2.743 0 0 1 .053 3.88m-1.691-1.553a.55.55 0 0 0 .01-.776l-.01-.01a.575.575 0 0 0-.803 0L7.317 10.19a1.725 1.725 0 0 1-2.407 0a1.647 1.647 0 0 1-.03-2.33l.031-.031l4.747-4.655a.55.55 0 0 0 .011-.776l-.011-.01a.575.575 0 0 0-.803 0L4.108 7.042a2.743 2.743 0 0 0 0 3.933a2.876 2.876 0 0 0 4.011 0z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m14.557 7.875l-.055.054l-5.804 5.691a.183.183 0 0 0-.003.259l.003.003l1.192 1.17a.55.55 0 0 1 .011.776l-.01.01a.575.575 0 0 1-.803 0L7.896 14.67a1.28 1.28 0 0 1 0-1.836l5.805-5.692a1.647 1.647 0 0 0 .031-2.328l-.031-.032l-.034-.032a1.725 1.725 0 0 0-2.405-.002l-4.781 4.69h-.002l-.065.065a.575.575 0 0 1-.803 0a.55.55 0 0 1-.01-.776l.01-.01L10.46 3.96c.65-.636.663-1.678.027-2.329l-.029-.03a1.725 1.725 0 0 0-2.407 0L1.635 7.896a.575.575 0 0 1-.802 0a.55.55 0 0 1-.011-.776l.011-.01L7.25.814a2.875 2.875 0 0 1 4.01 0c.63.613.929 1.49.803 2.36c.88-.125 1.77.166 2.406.787l.034.033a2.743 2.743 0 0 1 .053 3.88m-1.691-1.553a.55.55 0 0 0 .01-.776l-.01-.01a.575.575 0 0 0-.803 0L7.317 10.19a1.725 1.725 0 0 1-2.407 0a1.647 1.647 0 0 1-.03-2.33l.031-.031l4.747-4.655a.55.55 0 0 0 .011-.776l-.011-.01a.575.575 0 0 0-.803 0L4.108 7.042a2.743 2.743 0 0 0 0 3.933a2.876 2.876 0 0 0 4.011 0z" clip-rule="evenodd"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m14.557%207.875l-.055.054l-5.804%205.691a.183.183%200%200%200-.003.259l.003.003l1.192%201.17a.55.55%200%200%201%20.011.776l-.01.01a.575.575%200%200%201-.803%200L7.896%2014.67a1.28%201.28%200%200%201%200-1.836l5.805-5.692a1.647%201.647%200%200%200%20.031-2.328l-.031-.032l-.034-.032a1.725%201.725%200%200%200-2.405-.002l-4.781%204.69h-.002l-.065.065a.575.575%200%200%201-.803%200a.55.55%200%200%201-.01-.776l.01-.01L10.46%203.96c.65-.636.663-1.678.027-2.329l-.029-.03a1.725%201.725%200%200%200-2.407%200L1.635%207.896a.575.575%200%200%201-.802%200a.55.55%200%200%201-.011-.776l.011-.01L7.25.814a2.875%202.875%200%200%201%204.01%200c.63.613.929%201.49.803%202.36c.88-.125%201.77.166%202.406.787l.034.033a2.743%202.743%200%200%201%20.053%203.88m-1.691-1.553a.55.55%200%200%200%20.01-.776l-.01-.01a.575.575%200%200%200-.803%200L7.317%2010.19a1.725%201.725%200%200%201-2.407%200a1.647%201.647%200%200%201-.03-2.33l.031-.031l4.747-4.655a.55.55%200%200%200%20.011-.776l-.011-.01a.575.575%200%200%200-.803%200L4.108%207.042a2.743%202.743%200%200%200%200%203.933a2.876%202.876%200%200%200%204.011%200z%22%20clip-rule%3D%22evenodd%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m14.557%207.875l-.055.054l-5.804%205.691a.183.183%200%200%200-.003.259l.003.003l1.192%201.17a.55.55%200%200%201%20.011.776l-.01.01a.575.575%200%200%201-.803%200L7.896%2014.67a1.28%201.28%200%200%201%200-1.836l5.805-5.692a1.647%201.647%200%200%200%20.031-2.328l-.031-.032l-.034-.032a1.725%201.725%200%200%200-2.405-.002l-4.781%204.69h-.002l-.065.065a.575.575%200%200%201-.803%200a.55.55%200%200%201-.01-.776l.01-.01L10.46%203.96c.65-.636.663-1.678.027-2.329l-.029-.03a1.725%201.725%200%200%200-2.407%200L1.635%207.896a.575.575%200%200%201-.802%200a.55.55%200%200%201-.011-.776l.011-.01L7.25.814a2.875%202.875%200%200%201%204.01%200c.63.613.929%201.49.803%202.36c.88-.125%201.77.166%202.406.787l.034.033a2.743%202.743%200%200%201%20.053%203.88m-1.691-1.553a.55.55%200%200%200%20.01-.776l-.01-.01a.575.575%200%200%200-.803%200L7.317%2010.19a1.725%201.725%200%200%201-2.407%200a1.647%201.647%200%200%201-.03-2.33l.031-.031l4.747-4.655a.55.55%200%200%200%20.011-.776l-.011-.01a.575.575%200%200%200-.803%200L4.108%207.042a2.743%202.743%200%200%200%200%203.933a2.876%202.876%200%200%200%204.011%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/mcp.svg?color=%231a73e8&size=48
