replaceCurrentColor

Fetch an SVG and replace its currentColor references with a given color, returning the recolored markup as a string.

Usage

replaceCurrentColor fetches an SVG file and replaces all currentColor references with a specified color.

Note

Requires a browser environment (DOMParser and XMLSerializer)
Uses fetch to retrieve the SVG file

import { replaceCurrentColor } from '@movk/core'

// Fetch and replace currentColor in an SVG
try {
  const svgContent = await replaceCurrentColor('/icons/star.svg', '#ff0000')
  // Create a Blob and display
  const blob = new Blob([svgContent], { type: 'image/svg+xml' })
  const url = URL.createObjectURL(blob)

  const img = document.createElement('img')
  img.src = url
  document.body.appendChild(img)
}
catch (error) {
  console.error('SVG processing failed:', error)
}

// Fetch SVG content without replacing colors
const originalSvg = await replaceCurrentColor('/icons/star.svg')