Tool tree
Free SVG logo maker and SVG logo generator. Turn any of 330k+ icons into an icon logo, recolour it, and export SVG or PNG. No sign-up, no watermark.
get_logo_maker_stateAnswer
Returns the current logo-maker canvas size, background, layers (with IDs and indices), selected layer, safe zone settings, available brands list, share code, and share URL. Pass includeSvg: true to also receive the rendered SVG string.
View tool JSON
{
"name": "get_logo_maker_state",
"kind": "answer",
"impl": "imperative",
"description": "Returns the current logo-maker canvas size, background, layers (with IDs and indices), selected layer, safe zone settings, available brands list, share code, and share URL. Pass includeSvg: true to also receive the rendered SVG string.",
"inputSchema": {
"type": "object",
"properties": {
"includeSvg": {
"type": "boolean",
"description": "Return exported SVG markup string in svg field."
}
}
},
"page": "/"
}update_logo_maker_stateAction
Smart partial editor updates: modifies background, applies authentic brand presets (e.g. "instagram", "facebook", "spotify", "stripe", "linear", "supabase"), toggles safe zone keylines, adds new layers, updates existing layers (by ID or 0-based index), removes layers, clears layers, or updates selection without needing to re-send the whole state.
View tool JSON
{
"name": "update_logo_maker_state",
"kind": "act",
"impl": "imperative",
"description": "Smart partial editor updates: modifies background, applies authentic brand presets (e.g. \"instagram\", \"facebook\", \"spotify\", \"stripe\", \"linear\", \"supabase\"), toggles safe zone keylines, adds new layers, updates existing layers (by ID or 0-based index), removes layers, clears layers, or updates selection without needing to re-send the whole state.",
"inputSchema": {
"type": "object",
"properties": {
"canvasSize": {
"type": "object",
"description": "Partial canvas size update.",
"properties": {
"width": {
"type": "number",
"description": "Canvas width in pixels."
},
"height": {
"type": "number",
"description": "Canvas height in pixels."
}
}
},
"background": {
"type": "object",
"description": "Logo background configuration. Supported types: solid, gradient, radial.",
"properties": {
"type": {
"type": "string",
"enum": [
"solid",
"gradient",
"radial"
]
},
"solidColor": {
"type": "string",
"description": "Hex or CSS color for solid background."
},
"gradientColors": {
"type": "array",
"items": {
"type": "string"
},
"description": "Array of colors for gradient/radial background."
},
"gradientPositions": {
"type": "array",
"items": {
"type": "number"
},
"description": "Array of stop percentages (0 to 100) for each color."
},
"gradientDirection": {
"type": "string",
"description": "CSS gradient direction, e.g. \"to right\", \"to bottom right\", \"to top\"."
},
"noise": {
"type": "number",
"description": "Noise texture intensity from 0 to 1."
},
"borderRadius": {
"type": "number",
"description": "Corner radius in pixels."
},
"pattern": {
"type": "string",
"enum": [
"none",
"grid",
"dots",
"checker",
"lines",
"diagonal",
"circles",
"zigzag"
],
"description": "Pattern texture overlay."
},
"patternColor": {
"type": "string",
"description": "Pattern overlay color."
},
"patternOpacity": {
"type": "number",
"description": "Pattern overlay opacity (0 to 1)."
},
"shape": {
"type": "string",
"enum": [
"rectangle",
"circle",
"squircle"
],
"description": "Canvas clipping shape."
},
"radialCenterX": {
"type": "number",
"description": "Radial gradient center X % (0 to 100)."
},
"radialCenterY": {
"type": "number",
"description": "Radial gradient center Y % (0 to 100)."
},
"radialRadius": {
"type": "number",
"description": "Radial gradient radius % (0 to 100)."
},
"borderWidth": {
"type": "number",
"description": "Border outline width in pixels (0 to 24)."
},
"borderColor": {
"type": "string",
"description": "Border outline hex/CSS color."
},
"borderStyle": {
"type": "string",
"enum": [
"solid",
"dashed",
"dotted",
"double"
],
"description": "Border outline style."
}
}
},
"applyBrand": {
"type": "string",
"description": "Apply an authentic real-world brand preset style (e.g. \"instagram\", \"facebook\", \"spotify\", \"duolingo\", \"youtube\", \"whatsapp\", \"discord\", \"stripe\", \"linear\", \"supabase\", \"raycast\", \"netflix\", \"apple\", \"github\", \"google\", \"figma\", \"airbnb\", \"twitch\", \"slack\")."
},
"showSafeZone": {
"type": "boolean",
"description": "Toggle Android & iOS app icon safe zone keylines overlay."
},
"safeZoneRatio": {
"type": "number",
"description": "Safe zone keyline diameter ratio (default 0.66)."
},
"addLayers": {
"type": "array",
"description": "New layers to append on top of existing layers. Missing fields default to centered position and standard styles.",
"items": {
"type": "object",
"description": "Logo layer object.",
"properties": {
"id": {
"type": "string",
"description": "Optional layer ID (UUID generated if omitted)."
},
"iconName": {
"type": "string",
"description": "Icon identifier in pack:name format (e.g. \"lucide:sparkles\", \"solar:shield-bold\", \"ph:coffee-fill\")."
},
"url": {
"type": "string",
"description": "Direct SVG URL. If omitted, resolved from iconName."
},
"x": {
"type": "number",
"description": "Canvas horizontal position in pixels."
},
"y": {
"type": "number",
"description": "Canvas vertical position in pixels."
},
"scale": {
"type": "number",
"description": "Scale multiplier (default 1.6)."
},
"rotation": {
"type": "number",
"description": "Rotation angle in degrees (-180 to 180)."
},
"fill": {
"type": "string",
"description": "Fill hex/CSS color or \"none\"."
},
"stroke": {
"type": "string",
"description": "Stroke hex/CSS color or \"none\"."
},
"strokeWidth": {
"type": "number",
"description": "Stroke width override in pixels."
},
"strokeDasharray": {
"type": "string",
"description": "Stroke dash pattern, e.g. \"none\", \"6 4\", \"2 4\"."
},
"overwriteFill": {
"type": "boolean",
"description": "Force overwrite icon original fill."
},
"overwriteStroke": {
"type": "boolean",
"description": "Force overwrite icon original stroke."
},
"opacity": {
"type": "number",
"description": "Layer opacity from 0 to 1."
},
"visible": {
"type": "boolean",
"description": "Layer visibility."
},
"locked": {
"type": "boolean",
"description": "Lock layer from canvas drag/selection."
},
"shadowColor": {
"type": "string",
"description": "Drop shadow color."
},
"shadowBlur": {
"type": "number",
"description": "Drop shadow blur radius in pixels (0 for hard shadow)."
},
"shadowOffsetX": {
"type": "number",
"description": "Drop shadow horizontal offset."
},
"shadowOffsetY": {
"type": "number",
"description": "Drop shadow vertical offset."
},
"shadowOpacity": {
"type": "number",
"description": "Drop shadow opacity from 0 to 1."
}
},
"required": [
"iconName"
]
}
},
"updateLayers": {
"type": "array",
"description": "Modifications to existing layers (targeted by id or 0-based index).",
"items": {
"type": "object",
"description": "Partial layer updates. Match the target layer by id or 0-based index.",
"properties": {
"id": {
"type": "string",
"description": "Target layer ID."
},
"index": {
"type": "number",
"description": "Target layer 0-based index (0 = bottom-most layer)."
},
"iconName": {
"type": "string",
"description": "Replace icon with a new pack:icon name."
},
"url": {
"type": "string",
"description": "Direct SVG URL override."
},
"x": {
"type": "number",
"description": "Canvas horizontal position."
},
"y": {
"type": "number",
"description": "Canvas vertical position."
},
"scale": {
"type": "number",
"description": "Scale multiplier."
},
"rotation": {
"type": "number",
"description": "Rotation angle in degrees."
},
"fill": {
"type": "string",
"description": "Fill hex/CSS color or \"none\"."
},
"stroke": {
"type": "string",
"description": "Stroke hex/CSS color or \"none\"."
},
"strokeWidth": {
"type": "number",
"description": "Stroke width in pixels."
},
"strokeDasharray": {
"type": "string",
"description": "Stroke dash pattern, e.g. \"none\", \"6 4\", \"2 4\"."
},
"overwriteFill": {
"type": "boolean",
"description": "Force overwrite fill."
},
"overwriteStroke": {
"type": "boolean",
"description": "Force overwrite stroke."
},
"opacity": {
"type": "number",
"description": "Opacity from 0 to 1."
},
"visible": {
"type": "boolean",
"description": "Layer visibility."
},
"locked": {
"type": "boolean",
"description": "Layer lock status."
},
"shadowColor": {
"type": "string",
"description": "Drop shadow color."
},
"shadowBlur": {
"type": "number",
"description": "Drop shadow blur radius (0 for hard shadow)."
},
"shadowOffsetX": {
"type": "number",
"description": "Drop shadow X offset."
},
"shadowOffsetY": {
"type": "number",
"description": "Drop shadow Y offset."
},
"shadowOpacity": {
"type": "number",
"description": "Drop shadow opacity from 0 to 1."
}
}
}
},
"removeLayers": {
"type": "array",
"description": "Array of layer IDs or 0-based index strings to remove.",
"items": {
"type": "string"
}
},
"clearLayers": {
"type": "boolean",
"description": "If true, clears all current layers before applying addLayers."
},
"selectedLayerId": {
"type": "string",
"description": "Layer ID to select, or empty string / null to deselect all layers."
},
"includeSvg": {
"type": "boolean",
"description": "If true, returns rendered SVG string in response."
}
}
},
"page": "/"
}set_logo_maker_stateAction
Replaces the entire editor contents with a structured logo state (canvasSize, background, and layers array) and returns a share code, share URL, and optional SVG.
View tool JSON
{
"name": "set_logo_maker_state",
"kind": "act",
"impl": "imperative",
"description": "Replaces the entire editor contents with a structured logo state (canvasSize, background, and layers array) and returns a share code, share URL, and optional SVG.",
"inputSchema": {
"type": "object",
"properties": {
"canvasSize": {
"type": "object",
"properties": {
"width": {
"type": "number",
"description": "Canvas width in pixels."
},
"height": {
"type": "number",
"description": "Canvas height in pixels."
}
}
},
"background": {
"type": "object",
"description": "Logo background configuration. Supported types: solid, gradient, radial.",
"properties": {
"type": {
"type": "string",
"enum": [
"solid",
"gradient",
"radial"
]
},
"solidColor": {
"type": "string",
"description": "Hex or CSS color for solid background."
},
"gradientColors": {
"type": "array",
"items": {
"type": "string"
},
"description": "Array of colors for gradient/radial background."
},
"gradientPositions": {
"type": "array",
"items": {
"type": "number"
},
"description": "Array of stop percentages (0 to 100) for each color."
},
"gradientDirection": {
"type": "string",
"description": "CSS gradient direction, e.g. \"to right\", \"to bottom right\", \"to top\"."
},
"noise": {
"type": "number",
"description": "Noise texture intensity from 0 to 1."
},
"borderRadius": {
"type": "number",
"description": "Corner radius in pixels."
},
"pattern": {
"type": "string",
"enum": [
"none",
"grid",
"dots",
"checker",
"lines",
"diagonal",
"circles",
"zigzag"
],
"description": "Pattern texture overlay."
},
"patternColor": {
"type": "string",
"description": "Pattern overlay color."
},
"patternOpacity": {
"type": "number",
"description": "Pattern overlay opacity (0 to 1)."
},
"shape": {
"type": "string",
"enum": [
"rectangle",
"circle",
"squircle"
],
"description": "Canvas clipping shape."
},
"radialCenterX": {
"type": "number",
"description": "Radial gradient center X % (0 to 100)."
},
"radialCenterY": {
"type": "number",
"description": "Radial gradient center Y % (0 to 100)."
},
"radialRadius": {
"type": "number",
"description": "Radial gradient radius % (0 to 100)."
},
"borderWidth": {
"type": "number",
"description": "Border outline width in pixels (0 to 24)."
},
"borderColor": {
"type": "string",
"description": "Border outline hex/CSS color."
},
"borderStyle": {
"type": "string",
"enum": [
"solid",
"dashed",
"dotted",
"double"
],
"description": "Border outline style."
}
}
},
"layers": {
"type": "array",
"description": "Logo layers, bottom layer first.",
"items": {
"type": "object",
"description": "Logo layer object.",
"properties": {
"id": {
"type": "string",
"description": "Optional layer ID (UUID generated if omitted)."
},
"iconName": {
"type": "string",
"description": "Icon identifier in pack:name format (e.g. \"lucide:sparkles\", \"solar:shield-bold\", \"ph:coffee-fill\")."
},
"url": {
"type": "string",
"description": "Direct SVG URL. If omitted, resolved from iconName."
},
"x": {
"type": "number",
"description": "Canvas horizontal position in pixels."
},
"y": {
"type": "number",
"description": "Canvas vertical position in pixels."
},
"scale": {
"type": "number",
"description": "Scale multiplier (default 1.6)."
},
"rotation": {
"type": "number",
"description": "Rotation angle in degrees (-180 to 180)."
},
"fill": {
"type": "string",
"description": "Fill hex/CSS color or \"none\"."
},
"stroke": {
"type": "string",
"description": "Stroke hex/CSS color or \"none\"."
},
"strokeWidth": {
"type": "number",
"description": "Stroke width override in pixels."
},
"strokeDasharray": {
"type": "string",
"description": "Stroke dash pattern, e.g. \"none\", \"6 4\", \"2 4\"."
},
"overwriteFill": {
"type": "boolean",
"description": "Force overwrite icon original fill."
},
"overwriteStroke": {
"type": "boolean",
"description": "Force overwrite icon original stroke."
},
"opacity": {
"type": "number",
"description": "Layer opacity from 0 to 1."
},
"visible": {
"type": "boolean",
"description": "Layer visibility."
},
"locked": {
"type": "boolean",
"description": "Lock layer from canvas drag/selection."
},
"shadowColor": {
"type": "string",
"description": "Drop shadow color."
},
"shadowBlur": {
"type": "number",
"description": "Drop shadow blur radius in pixels (0 for hard shadow)."
},
"shadowOffsetX": {
"type": "number",
"description": "Drop shadow horizontal offset."
},
"shadowOffsetY": {
"type": "number",
"description": "Drop shadow vertical offset."
},
"shadowOpacity": {
"type": "number",
"description": "Drop shadow opacity from 0 to 1."
}
},
"required": [
"iconName"
]
}
},
"showSafeZone": {
"type": "boolean",
"description": "Show/hide Android & iOS app icon safe zone keyline overlay."
},
"safeZoneRatio": {
"type": "number",
"description": "Safe zone diameter ratio (default 0.66 for Android adaptive icons)."
},
"includeSvg": {
"type": "boolean",
"description": "Return exported SVG markup in response."
}
},
"required": [
"layers"
]
},
"page": "/"
}search_logo_iconsAnswer
Searches across 250,000+ SVG icons for keywords to find valid icon names (in pack:name format) suitable for logo marks.
View tool JSON
{
"name": "search_logo_icons",
"kind": "answer",
"impl": "imperative",
"description": "Searches across 250,000+ SVG icons for keywords to find valid icon names (in pack:name format) suitable for logo marks.",
"inputSchema": {
"type": "object",
"properties": {
"query": {
"type": "string",
"description": "Keyword to search for icons (e.g. \"rocket\", \"shield\", \"leaf\", \"sparkles\", \"bolt\")."
},
"pack": {
"type": "string",
"description": "Optional Iconify pack prefix filter (e.g. \"lucide\", \"solar\", \"tabler\", \"mingcute\", \"ph\", \"material-symbols\")."
},
"limit": {
"type": "number",
"description": "Maximum number of icon names to return (default 24, max 100)."
}
},
"required": [
"query"
]
},
"page": "/"
}load_logo_maker_shareAction
Loads a logo from an authentic brand preset (e.g. "instagram", "facebook", "spotify", "stripe", "supabase", "linear"), a built-in template ID, an asl1. share code, a full ?logo= URL, or generates a randomized logo design. Also lists all built-in template IDs and brand presets.
View tool JSON
{
"name": "load_logo_maker_share",
"kind": "act",
"impl": "imperative",
"description": "Loads a logo from an authentic brand preset (e.g. \"instagram\", \"facebook\", \"spotify\", \"stripe\", \"supabase\", \"linear\"), a built-in template ID, an asl1. share code, a full ?logo= URL, or generates a randomized logo design. Also lists all built-in template IDs and brand presets.",
"inputSchema": {
"type": "object",
"properties": {
"logo": {
"type": "string",
"description": "An asl1. share code or a URL containing ?logo=asl1..."
},
"brand": {
"type": "string",
"description": "Load an authentic brand preset starting point (e.g. \"instagram\", \"facebook\", \"spotify\", \"duolingo\", \"youtube\", \"whatsapp\", \"discord\", \"stripe\", \"linear\", \"supabase\", \"raycast\", \"netflix\", \"apple\", \"github\", \"google\", \"figma\", \"airbnb\", \"twitch\", \"slack\")."
},
"listBrands": {
"type": "boolean",
"description": "If true, returns the list of all available real-world brand presets without modifying the editor."
},
"templateId": {
"type": "string",
"description": "Built-in template ID to load (e.g. \"instagram-sunset\", \"facebook-brand\", \"spotify-neon\", \"supabase-emerald\", \"stripe-violet\", \"linear-obsidian\", \"modern-lightning\", \"blueprint-grid\", \"app-icon-squircle\", \"eco-friendly\")."
},
"listTemplates": {
"type": "boolean",
"description": "If true, returns available built-in templates list without modifying editor."
},
"randomize": {
"type": "boolean",
"description": "If true, creates a fresh randomized design with a matched icon, palette, and shape."
},
"randomKeyword": {
"type": "string",
"description": "Optional theme keyword for the randomizer (e.g. \"tech\", \"nature\", \"star\", \"animal\", \"code\")."
},
"includeSvg": {
"type": "boolean",
"description": "If true, returns rendered SVG string in response."
}
}
},
"page": "/"
}get_brand_presetsAnswer
Queries authentic, real-world brand gradients, color palettes, and shapes (Instagram, Facebook, Spotify, Stripe, Linear, Supabase, YouTube, WhatsApp, Discord, Apple, GitHub, Figma, etc.).
View tool JSON
{
"name": "get_brand_presets",
"kind": "answer",
"impl": "imperative",
"description": "Queries authentic, real-world brand gradients, color palettes, and shapes (Instagram, Facebook, Spotify, Stripe, Linear, Supabase, YouTube, WhatsApp, Discord, Apple, GitHub, Figma, etc.).",
"inputSchema": {
"type": "object",
"properties": {
"query": {
"type": "string",
"description": "Optional search keyword to filter brand presets (e.g. \"social\", \"tech\", \"music\", \"sunset\")."
},
"category": {
"type": "string",
"description": "Optional category filter: \"social\", \"tech\", \"creative\", \"commerce\", \"entertainment\"."
}
}
},
"page": "/"
}