I have a basic SVG image that represents a checkbox which is checked. The SVG is simple: it contains a box and a checkmark. The checkmark was built using rectangles and an opacity mask.
Whenever I try to display the image in a browser, only the box is displayed (not the checkmark). However the checkmark is visible when viewed in Inkscape.
I have a basic SVG image that represents a checkbox which is checked. The SVG is simple: it contains a box and a checkmark. The checkmark was built using rectangles and an opacity mask.
Whenever I try to display the image in a browser, only the box is displayed (not the checkmark). However the checkmark is visible when viewed in Inkscape.
Any idea why?
See attachments for screenshots and SVG file.