How to Build Partner Logo Galleries with Copilot
Build integration logo galleries in your codebase with Copilot and ToolRouter.
Tool
Copilot fetches brand logos directly into your codebase without breaking your development flow. Request logos for your partner page, integration showcase, or documentation site, then have Copilot save them to your assets directory and generate the corresponding component code -- a logo grid, a carousel, or a categorized gallery. The entire workflow from logo fetch to rendered web component happens inside your editor, making it trivial to keep logo showcases current as your partner ecosystem grows.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Get Brand Logo tool:
- In Copilot Chat: "Fetch logos for our integration partners listed in partners.json using get-brand-logo"
- Copilot fetches each logo and provides download URLs
- Save logos to your project's public assets directory
- Ask Copilot to generate the partner gallery component with the logo data
Example Prompt
Try this with Copilot using the Get Brand Logo tool
Fetch logos for all companies in data/partners.json and save them to public/logos/. Then generate a React component to display them as a grid.
Tips
- Copilot can generate the gallery component alongside fetching the logos
- Use for building integration pages in documentation sites
- Ask Copilot to create alt text for each logo for accessibility