SVG feImage Filter Primitive
feImage pulls in an external image or referenced SVG element as an input to be used within a larger filter effect chain.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Referencing External Content with feImage
The feImage filter primitive's href attribute can point to an external raster image file or to another element within the same SVG document via a fragment identifier, pulling that referenced content in as a filter input that can then be combined with other filter primitives like feComposite or feBlend within the same filter chain.
- href attribute can reference an external raster image or an in-document element
- Referenced content becomes usable as an input to further filter primitives
- Enables combining external imagery with generated filter effects in one chain
Practical Uses for feImage in Filter Effects
feImage is useful for texture-overlay effects, where a noise or paper-texture image is composited with a shape's fill using feComposite, or for building a filter that displaces or distorts one element's appearance using another element's shape as reference input, achieving effects that would otherwise require external image editing.
- Useful for texture-overlay effects combining imagery with shape fills
- Can reference another element's shape as input for displacement effects
- Achieves compositing effects that would otherwise need external image editing
Frequently Asked Questions
Does feImage support referencing images from a different domain?
Cross-origin image references are subject to the same CORS restrictions as other web image loading, so an external image referenced via feImage needs appropriate CORS headers to load successfully.
Is browser support for feImage consistent across major browsers?
Basic feImage support is reasonably widespread, though referencing in-document SVG elements via fragment identifiers has had more inconsistent historical support than referencing external raster images, so testing the specific use case is worthwhile.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG