Find and apply brand logos in code
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.
How it works
Changes data in your accountsSoftware development
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.
Prompt
Paste this into an agent that has the servers below connected. Adjust the names and dates to your own.
Prompt for Find and apply brand logos in code
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.MCP servers it needs
Source
The vendor page this playbook is drawn from, and the passage that supports it.
Add Figma under Integrations, in its brand color. allsvgicons find_brand_logo ( brand : "Figma" )Icon Search MCP Server for AI Agents | All SVG Icons