Adding MCP icon (#596)

* Adding MCP icon
Organizing icons imports

* fixing prettier issues

* addressing comments

Author: fneves

src/components/Icon/IconCommon.tsx

@@ -1,46 +1,42 @@
-import { UsersIcon } from "@/components/icons/UsersIcon";
-import { UserIcon } from "@/components/icons/UserIcon";
-import ChatIcon from "@/components/icons/ChatIcon";
-import DatabaseIcon from "@/components/icons/DatabaseIcon";
-import AuthApp from "@/components/icons/AuthApp";
-import AuthSms from "@/components/icons/AuthSms";
-import FilterIcon from "@/components/icons/FilterIcon";
-import HistoryIcon from "@/components/icons/HistoryIcon";
-import InsertRowIcon from "@/components/icons/InsertRowIcon";
-import SortAltIcon from "@/components/icons/SortAltIcon";
-import SortIcon from "@/components/icons/SortIcon";
-import { ChevronRight } from "@/components/icons/ChevronRight";
-import { ChevronDown } from "@/components/icons/ChevronDown";
-import ArrowDown from "@/components/icons/ArrowDown";
-import ArrowLeft from "../icons/ArrowLeft";
-import InfoInCircleIcon from "@/components/icons/InfoInCircleIcon";
-import CheckIcon from "@/components/icons/CheckIcon";
-import ChartArea from "@/components/icons/ChartArea";
-import ChartBarHorizontal from "@/components/icons/ChartBarHorizontal";
-import ChartDonut from "@/components/icons/ChartDonut";
-import ChartHeatmap from "@/components/icons/ChartHeatmap";
-import ChartScatter from "@/components/icons/ChartScatter";
-import ChartStackedHorizontal from "@/components/icons/ChartStackedHorizontal";
-import ChartStackedVertical from "@/components/icons/ChartStackedVertical";
-import InformationIcon from "@/components/icons/InformationIcon";
-import WarningIcon from "@/components/icons/WarningIcon";
-import CrossIcon from "@/components/icons/CrossIcon";
-import ChevronUp from "@/components/icons/ChevronUp";
 import Activity from "@/components/icons/Activity";
+import Alarm from "@/components/icons/Alarm";
+import ArrowDirections from "@/components/icons/ArrowDirections";
+import ArrowDown from "@/components/icons/ArrowDown";
+import ArrowLeft from "@/components/icons/ArrowLeft";
 import ArrowRight from "@/components/icons/ArrowRight";
 import ArrowTriangle from "@/components/icons/ArrowTriangle";
 import ArrowUp from "@/components/icons/ArrowUp";
+import AuthApp from "@/components/icons/AuthApp";
+import AuthSms from "@/components/icons/AuthSms";
 import BackUps from "@/components/icons/Backups";
+import BarChart from "@/components/icons/BarChart";
+import Bell from "@/components/icons/Bell";
+import Beta from "@/components/icons/Beta";
 import Blog from "@/components/icons/Blog";
 import Book from "@/components/icons/Book";
 import Brackets from "@/components/icons/Brackets";
 import Briefcase from "@/components/icons/Briefcase";
 import Building from "@/components/icons/Building";
 import BurgerMenu from "@/components/icons/BurgerMenu";
+import Calendar from "@/components/icons/Calendar";
+import CalendarWithTime from "@/components/icons/CalendarWithTime";
 import Cards from "@/components/icons/Cards";
 import CellTower from "@/components/icons/CellTower";
+import ChartArea from "@/components/icons/ChartArea";
+import ChartBarHorizontal from "@/components/icons/ChartBarHorizontal";
+import ChartDonut from "@/components/icons/ChartDonut";
+import ChartHeatmap from "@/components/icons/ChartHeatmap";
+import ChartScatter from "@/components/icons/ChartScatter";
+import ChartStackedHorizontal from "@/components/icons/ChartStackedHorizontal";
+import ChartStackedVertical from "@/components/icons/ChartStackedVertical";
+import ChatIcon from "@/components/icons/ChatIcon";
+import CheckIcon from "@/components/icons/CheckIcon";
 import CheckInCircle from "@/components/icons/CheckInCircle";
+import { ChevronDown } from "@/components/icons/ChevronDown";
 import ChevronLeft from "@/components/icons/ChevronLeft";
+import { ChevronRight } from "@/components/icons/ChevronRight";
+import ChevronUp from "@/components/icons/ChevronUp";
+import Circle from "@/components/icons/Circle";
 import Clock from "@/components/icons/Clock";
 import Cloud from "@/components/icons/Cloud";
 import CloudKeys from "@/components/icons/CloudKeys";
@@ -50,55 +46,90 @@ import Connect from "@/components/icons/Connect";
 import ConnectAlt from "@/components/icons/ConnectAlt";
 import Console from "@/components/icons/Console";
 import Copy from "@/components/icons/Copy";
+import Cpu from "@/components/icons/Cpu";
+import CreditCard from "@/components/icons/CreditCard";
+import CrossIcon from "@/components/icons/CrossIcon";
 import Data from "@/components/icons/Data";
+import DatabaseIcon from "@/components/icons/DatabaseIcon";
 import Disk from "@/components/icons/Disk";
 import Display from "@/components/icons/Display";
 import Document from "@/components/icons/Document";
+import Dot from "@/components/icons/Dot";
+import DotsHorizontal from "@/components/icons/DotsHorizontal";
+import DotsTriangle from "@/components/icons/DotsTriangle";
 import DotsVertical from "@/components/icons/DotsVertical";
 import DotsVerticalDouble from "@/components/icons/DotsVerticalDouble";
-import DotsHorizontal from "@/components/icons/DotsHorizontal";
+import DoubleCheckIcon from "@/components/icons/DoubleCheckIcon";
 import Download from "@/components/icons/Download";
 import DownloadInCircle from "@/components/icons/DownloadInCircle";
 import Email from "@/components/icons/Email";
 import Empty from "@/components/icons/Empty";
 import Enter from "@/components/icons/Enter";
+import Eye from "@/components/icons/Eye";
+import EyeClosed from "@/components/icons/EyeClosed";
+import FilterIcon from "@/components/icons/FilterIcon";
 import Fire from "@/components/icons/Fire";
-import FolderOpen from "@/components/icons/FolderOpen";
+import Flag from "@/components/icons/Flag";
+import Flask from "@/components/icons/Flask";
 import FolderClosed from "@/components/icons/FolderClosed";
+import FolderOpen from "@/components/icons/FolderOpen";
+import Gear from "@/components/icons/Gear";
 import Gift from "@/components/icons/Gift";
+import GitMerge from "@/components/icons/GitMerge";
 import Globe from "@/components/icons/Globe";
-import Hexagon from "../icons/Hexagon";
+import Hexagon from "@/components/icons/Hexagon";
+import HistoryIcon from "@/components/icons/HistoryIcon";
 import Home from "@/components/icons/Home";
 import HorizontalLoading from "@/components/icons/HorizontalLoading";
 import Http from "@/components/icons/Http";
 import HttpMonitoring from "@/components/icons/HttpMonitoring";
+import InfoInCircleIcon from "@/components/icons/InfoInCircleIcon";
+import InformationIcon from "@/components/icons/InformationIcon";
+import InsertRowIcon from "@/components/icons/InsertRowIcon";
 import Integrations from "@/components/icons/Integrations";
+import Key from "@/components/icons/Key";
+import Keys from "@/components/icons/Keys";
+import Lifebuoy from "@/components/icons/Lifebuoy";
 import LightBulb from "@/components/icons/LightBulb";
 import LightBulbOn from "@/components/icons/LightBulbOn";
 import Lightening from "@/components/icons/Lightening";
+import LineInCircle from "@/components/icons/LineInCircle";
 import Loading from "@/components/icons/Loading";
-import Lock from "@/components/icons/Lock";
 import LoadingAnimated from "@/components/icons/LoadingAnimated";
+import Lock from "@/components/icons/Lock";
+import Mcp from "@/components/icons/Mcp";
 import Metrics from "@/components/icons/Metrics";
 import MetricsAlt from "@/components/icons/MetricsAlt";
+import Minus from "@/components/icons/Minus";
 import Moon from "@/components/icons/Moon";
+import NoCloud from "@/components/icons/NoCloud";
 import Pause from "@/components/icons/Pause";
 import Payment from "@/components/icons/Payment";
 import Pencil from "@/components/icons/Pencil";
 import PieChart from "@/components/icons/PieChart";
+import Pipe from "@/components/icons/Pipe";
 import Play from "@/components/icons/Play";
 import PlayInCircle from "@/components/icons/PlayInCircle";
 import Plus from "@/components/icons/Plus";
 import Popout from "@/components/icons/Popout";
+import PuzzlePiece from "@/components/icons/PuzzlePiece";
+import Query from "@/components/icons/Query";
 import Question from "@/components/icons/Question";
 import Refresh from "@/components/icons/Refresh";
+import Rocket from "@/components/icons/Rocket";
+import SandGlass from "@/components/icons/SandGlass";
 import Search from "@/components/icons/Search";
 import Secure from "@/components/icons/Secure";
+import Server from "@/components/icons/Server";
 import Services from "@/components/icons/Services";
 import Settings from "@/components/icons/Settings";
 import Share from "@/components/icons/Share";
+import ShareArrow from "@/components/icons/ShareArrow";
+import ShareNetwork from "@/components/icons/ShareNetwork";
 import SlideIn from "@/components/icons/SlideIn";
 import SlideOut from "@/components/icons/SlideOut";
+import SortAltIcon from "@/components/icons/SortAltIcon";
+import SortIcon from "@/components/icons/SortIcon";
 import Sparkle from "@/components/icons/Sparkle";
 import Speaker from "@/components/icons/Speaker";
 import Speed from "@/components/icons/Speed";
@@ -109,44 +140,14 @@ import Support from "@/components/icons/Support";
 import Table from "@/components/icons/Table";
 import Taxi from "@/components/icons/Taxi";
 import Trash from "@/components/icons/Trash";
+import TreeStructure from "@/components/icons/TreeStructure";
+import Upgrade from "@/components/icons/Upgrade";
 import Upload from "@/components/icons/Upload";
 import Url from "@/components/icons/Url";
-import EyeClosed from "@/components/icons/EyeClosed";
-import Eye from "@/components/icons/Eye";
-import ArrowDirections from "@/components/icons/ArrowDirections";
-import DotsTriangle from "@/components/icons/DotsTriangle";
-import Key from "@/components/icons/Key";
-import Keys from "@/components/icons/Keys";
-import Query from "@/components/icons/Query";
-import ShareArrow from "@/components/icons/ShareArrow";
+import { UserIcon } from "@/components/icons/UserIcon";
+import { UsersIcon } from "@/components/icons/UsersIcon";
+import WarningIcon from "@/components/icons/WarningIcon";
 import Waves from "@/components/icons/Waves";
-import CreditCard from "@/components/icons/CreditCard";
-import Dot from "@/components/icons/Dot";
-import Rocket from "@/components/icons/Rocket";
-import Circle from "@/components/icons/Circle";
-import BarChart from "@/components/icons/BarChart";
-import Alarm from "@/components/icons/Alarm";
-import Gear from "@/components/icons/Gear";
-import ShareNetwork from "@/components/icons/ShareNetwork";
-import PuzzlePiece from "@/components/icons/PuzzlePiece";
-import LineInCircle from "@/components/icons/LineInCircle";
-import Flag from "@/components/icons/Flag";
-import Server from "@/components/icons/Server";
-import Flask from "@/components/icons/Flask";
-import Beta from "@/components/icons/Beta";
-import NoCloud from "@/components/icons/NoCloud";
-import Lifebuoy from "@/components/icons/Lifebuoy";
-import GitMerge from "@/components/icons/GitMerge";
-import Bell from "@/components/icons/Bell";
-import DoubleCheckIcon from "@/components/icons/DoubleCheckIcon";
-import SandGlass from "../icons/SandGlass";
-import Calendar from "../icons/Calendar";
-import CalendarWithTime from "../icons/CalendarWithTime";
-import Cpu from "../icons/Cpu";
-import Minus from "../icons/Minus";
-import Pipe from "../icons/Pipe";
-import TreeStructure from "../icons/TreeStructure";
-import Upgrade from "../icons/Upgrade";
 
 export const ICONS_MAP = {
   activity: Activity,
@@ -248,6 +249,7 @@ export const ICONS_MAP = {
   loading: Loading,
   "loading-animated": LoadingAnimated,
   lock: Lock,
+  mcp: Mcp,
   metrics: Metrics,
   "metrics-alt": MetricsAlt,
   minus: Minus,

src/components/icons/Mcp.tsx

@@ -0,0 +1,18 @@
+import { SVGAttributes } from "react";
+
+const Mcp = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    fillRule="evenodd"
+    {...props}
+  >
+    <title>ModelContextProtocol</title>
+    <path d="M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z"></path>
+    <path d="M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z"></path>
+  </svg>
+);
+export default Mcp;