-
Notifications
You must be signed in to change notification settings - Fork 50
Open
Labels
Description
Describe the bug
For some reason, the icon specified below is displayed incorrectly; the mask in the center of the icon is ignored.
To Reproduce
The XAML control is declared as follows:
<Grid>
<svgc:SVGImage
Width="300"
Height="300"
UriSource="/PathToIcon/ProblemIcon.svg" />
</Grid>
Icon source code:
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_1033_1949" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1L0 2V15H16V3H6L3.99107 1H1ZM5.44865 8.34667L6.99323 9.75985L8.74886 8.15078L8.75591 8.14432L8.77162 8.12993L8.99392 7.92619L9.10507 7.82432L9.16064 7.77338L9.21622 7.72244L9.66081 7.31496L10.55 6.5L11.5 7.37069L9.24729 9.43534L9.16667 9.50924L6.99458 11.5L4.5 9.2186L5.44865 8.34667Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1L0 2V15H16V3H6L3.99107 1H1ZM5.44865 8.34667L6.99323 9.75985L8.74886 8.15078L8.75591 8.14432L8.77162 8.12993L8.99392 7.92619L9.10507 7.82432L9.16064 7.77338L9.21622 7.72244L9.66081 7.31496L10.55 6.5L11.5 7.37069L9.24729 9.43534L9.16667 9.50924L6.99458 11.5L4.5 9.2186L5.44865 8.34667Z" fill="#A3CC9B"/>
<path d="M0 2L-0.707107 1.29289L-1 1.58579V2H0ZM1 1V0H0.585786L0.292893 0.292893L1 1ZM0 15H-1V16H0V15ZM16 15V16H17V15H16ZM16 3H17V2H16V3ZM6 3L5.29447 3.70868L5.58709 4H6V3ZM3.99107 1L4.6966 0.29132L4.40398 0H3.99107V1ZM6.99323 9.75985L6.31821 10.4976L6.99382 11.1158L7.6689 10.4971L6.99323 9.75985ZM5.44865 8.34667L6.12368 7.60888L5.44711 6.98987L4.77195 7.61042L5.44865 8.34667ZM8.74886 8.15078L8.0732 7.41357L8.0732 7.41358L8.74886 8.15078ZM8.75591 8.14432L8.08028 7.40708L8.08025 7.40711L8.75591 8.14432ZM8.77162 8.12993L9.44726 8.86716L9.44729 8.86713L8.77162 8.12993ZM8.99392 7.92619L8.31825 7.18898L8.31825 7.18898L8.99392 7.92619ZM9.10507 7.82432L9.78073 8.56152L9.78073 8.56152L9.10507 7.82432ZM9.16064 7.77338L8.48498 7.03617L8.48497 7.03617L9.16064 7.77338ZM9.21622 7.72244L9.89188 8.45966L9.89188 8.45965L9.21622 7.72244ZM9.66081 7.31496L8.98515 6.57775L9.66081 7.31496ZM10.55 6.5L11.2257 5.76279L10.55 5.14353L9.87434 5.76279L10.55 6.5ZM11.5 7.37069L12.1757 8.1079L12.98 7.37069L12.1757 6.63348L11.5 7.37069ZM9.24729 9.43534L9.92295 10.1726L9.92295 10.1726L9.24729 9.43534ZM9.16667 9.50924L8.491 8.77203L8.491 8.77203L9.16667 9.50924ZM6.99458 11.5L6.3197 12.2379L6.99531 12.8558L7.67024 12.2372L6.99458 11.5ZM4.5 9.2186L3.8233 8.48234L3.02025 9.22043L3.82513 9.95653L4.5 9.2186ZM0.707107 2.70711L1.70711 1.70711L0.292893 0.292893L-0.707107 1.29289L0.707107 2.70711ZM1 15V2H-1V15H1ZM16 14H0V16H16V14ZM15 3V15H17V3H15ZM6 4H16V2H6V4ZM3.28554 1.70868L5.29447 3.70868L6.70553 2.29132L4.6966 0.29132L3.28554 1.70868ZM1 2H3.99107V0H1V2ZM7.66826 9.02206L6.12368 7.60888L4.77362 9.08447L6.31821 10.4976L7.66826 9.02206ZM8.0732 7.41358L6.31757 9.02264L7.6689 10.4971L9.42453 8.88799L8.0732 7.41358ZM8.08025 7.40711L8.0732 7.41357L9.42452 8.888L9.43158 8.88153L8.08025 7.40711ZM8.09598 7.39269L8.08028 7.40708L9.43155 8.88156L9.44726 8.86716L8.09598 7.39269ZM8.31825 7.18898L8.09595 7.39272L9.44729 8.86713L9.66959 8.66339L8.31825 7.18898ZM8.4294 7.08711L8.31825 7.18898L9.66958 8.66339L9.78073 8.56152L8.4294 7.08711ZM8.48497 7.03617L8.4294 7.08711L9.78073 8.56152L9.83631 8.51059L8.48497 7.03617ZM8.54056 6.98523L8.48498 7.03617L9.8363 8.51059L9.89188 8.45966L8.54056 6.98523ZM8.98515 6.57775L8.54055 6.98524L9.89188 8.45965L10.3365 8.05217L8.98515 6.57775ZM9.87434 5.76279L8.98515 6.57775L10.3365 8.05217L11.2257 7.23721L9.87434 5.76279ZM12.1757 6.63348L11.2257 5.76279L9.87434 7.23721L10.8243 8.1079L12.1757 6.63348ZM9.92295 10.1726L12.1757 8.1079L10.8243 6.63348L8.57162 8.69814L9.92295 10.1726ZM9.84233 10.2464L9.92295 10.1726L8.57163 8.69813L8.491 8.77203L9.84233 10.2464ZM7.67024 12.2372L9.84233 10.2464L8.491 8.77203L6.31891 10.7628L7.67024 12.2372ZM3.82513 9.95653L6.3197 12.2379L7.66945 10.7621L5.17487 8.48066L3.82513 9.95653ZM4.77195 7.61042L3.8233 8.48234L5.1767 9.95485L6.12536 9.08293L4.77195 7.61042Z" fill="#628E57" mask="url(#path-1-inside-1_1033_1949)"/>
</svg>
Expected behavior
The icon should be displayed the same as in Edge or any other SVG viewer application.
Screenshots
