SVG flood-color Attribute Last Updated : 31 Mar, 2022 Improve Improve Like Article Like Save Share Report The flood-color attribute indicates what color is used to flood the current filter primitive subregion. Syntax: flood-color="color" Attribute Values: color: The color that we want to flood. We will use the flood-color attribute for setting the flood color. Example 1: <!DOCTYPE html> <html> <body> <svg viewBox="0 0 4000 2000" xmlns="http://www.w3.org/2000/svg"> <filter id="flood1"> <feFlood flood-color="green" /> </filter> <rect x="100" y="100" width="800" height="800" style= "filter: url(#flood1);" /> </svg> </body> </html> Output: Example 2: <!DOCTYPE html> <html> <body> <svg viewBox="0 0 400 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" flood-color="black" /> </svg> </body> </html> Output: Like Article Suggest improvement Previous SVG filter Attribute Next SVG flood-opacity Attribute Share your thoughts in the comments Add Your Comment Please Login to comment...