{
  "slug": "svg-recolor",
  "name": "gizza-ai/svg-recolor",
  "version": "0.1.0",
  "title": "SVG Recolor — remap fill & stroke colors in an SVG — gizza.ai",
  "description": "Recolor SVG online free — swap colors with from→to pairs or tint the whole icon monochrome; matches #fff, rgb() and named colors right in your browser.",
  "tags": [
    "svg recolor",
    "recolor svg",
    "change svg color",
    "svg color replace",
    "monochrome svg",
    "tint svg icon"
  ],
  "category": "image",
  "urls": {
    "page": "https://gizza.ai/tools/svg-recolor/",
    "markdown": "https://gizza.ai/tools/svg-recolor/index.md",
    "descriptor": "https://gizza.ai/tools/svg-recolor/tool.json",
    "deep_link_example": "https://gizza.ai/tools/svg-recolor/?svg=%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M12%202L2%2022h20L12%202z%22%2F%3E%0A%3C%2Fsvg%3E&mapping=%23000000%20%3D%3E%20%23ffffff%0Ared%20%3D%3E%20%2300ff00&to=%233366ff"
  },
  "cli": "gizza tool svg-recolor '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n  <path fill=\"#000000\" d=\"M12 2L2 22h20L12 2z\"/>\n</svg>'",
  "tool": {
    "description": "Recolor an SVG icon by remapping its colors. Provide a 'mapping' of 'from=>to' color pairs (comma- or newline-separated, e.g. '#000=>#ffffff, red=>#00ff00') to swap specific colors — matching is format-insensitive, so a source '#ffffff' also matches '#fff' and 'rgb(255,255,255)'. Or set 'to' to a single color to recolor EVERY color in the SVG to that one tint (monochrome icon). Colors are rewritten in fill/stroke/stop-color/color/flood-color/lighting-color/solid-color attributes, inline style= declarations, and inside <style> blocks. Path data, geometry and structure are never changed; 'none', 'transparent' and 'currentColor' are preserved. Runs locally.",
    "parameters": {
      "additionalProperties": false,
      "properties": {
        "mapping": {
          "description": "Color remap as 'from=>to' pairs, separated by commas or newlines (e.g. '#000=>#ffffff, red=>#00ff00'). Source colors match in any syntax (#fff, #ffffff, rgb(), named). Ignored when 'to' is set.",
          "type": "string"
        },
        "svg": {
          "description": "The SVG markup to recolor.",
          "type": "string"
        },
        "to": {
          "description": "Monochrome mode: recolor EVERY color in the SVG to this single color (e.g. '#3366ff'). Takes precedence over 'mapping'. 'none'/'transparent'/'currentColor' are preserved.",
          "type": "string"
        }
      },
      "required": [
        "svg"
      ],
      "type": "object"
    }
  }
}