The agent locates the official SVG logo for a specific brand, retrieves the vector code, and integrates it into the application with the correct brand color and styling.
The agent uses find_brand_logo to search for a brand's logo across various icon packs. It identifies the best match (e.g., simple-icons) and retrieves the SVG using get_icon. It then updates the component file to display the logo, ensuring it uses the official brand hex code and matches the surrounding UI's visual style.
- Category: Software development
- Effect: Changes data in your accounts
- MCP servers: All SVG Icons MCP (https://koskamo.com/explore/all-svg-icons-mcp)
- Source: Icon Search MCP Server for AI Agents | All SVG Icons (https://allsvgicons.com/mcp/)
- Source quote: "Add Figma under Integrations, in its brand color. allsvgicons find_brand_logo ( brand : "Figma" )"
- Playbook page: https://koskamo.com/explore/use-cases/find-and-apply-brand-logos-in-code
Prompt: Find the brand logo for 'Figma'. Get the SVG for the simple-icons version. Update src/components/Sidebar.tsx to add the Figma logo under Integrations, using the official brand color #F24E1E.