PathIcon not rendering as expected
See original GitHub issueDescribe the bug
PathIcon
isn’t rendering as expected.
To Reproduce Steps to reproduce the behavior:
<PathIcon Data="m 7.9223319,2.9358381 c 0,0 -0.2331286,-0.3245206 0.1331592,-0.4615493 0.6398042,-0.2391857 1.2336221,0.5952965 1.131653,1.193464 C 9.1491541,3.8909383 8.975609,4.0862241 8.8312529,4.2470487 8.6045228,4.4997731 8.3446021,4.7471637 8.0111046,4.8374219 7.9867123,4.8439971 7.9595204,4.7364998 7.9603199,4.7213169 7.9663105,4.6060321 8.1854518,4.4956697 8.249832,4.3988476 8.4109817,4.1563804 8.4921576,3.8014992 8.401785,3.5163652 8.3206091,3.2628206 8.0694872,3.1409708 7.9223319,2.9358381 Z M 17.706933,0.42829108 c 0.06716,-0.0373354 0.201538,0.0246165 0.275915,0.0816425 0.144356,0.11036127 0.259121,0.27405737 0.411474,0.37129121 0.253122,0.16123421 0.379084,0.51406341 0.389879,0.80822411 0.0096,0.2658528 -0.217133,0.4968327 -0.171145,0.7630949 0.07877,0.4517036 0.635404,0.5895531 0.827745,0.9715103 0.433068,0.8603288 -0.398678,1.5622948 -0.915319,2.1280515 -0.217134,0.2379548 -0.744971,0.745864 -0.381483,1.1060778 0,0 0.374286,0.3708799 0.375085,0.3717012 0.105565,0.104622 0.200339,0.2309797 0.246723,0.3762135 0.07079,0.221545 -0.104761,0.555912 -0.231127,0.7224791 -0.08238,0.1078985 -0.139958,0.2092363 -0.205138,0.3278029 -0.181144,0.3286233 -0.398279,0.6494511 -0.600215,0.9657666 -0.433468,0.6794013 -0.832145,1.3821863 -1.260814,2.0648693 -0.09677,0.15426 -0.191541,0.310982 -0.286312,0.466063 -0.754969,0.985459 -1.50314,1.974201 -2.233317,2.979354 -0.607813,0.836121 -1.230822,1.678807 -2.024179,2.340977 -0.223532,0.186262 -0.45826,0.357342 -0.706183,0.50791 -0.505045,0.30688 -1.052877,0.500526 -1.5955111,0.721249 C 9.0371899,18.740933 8.4513698,18.98012 7.8579517,19.19879 7.6028297,19.29275 7.3461085,19.38177 7.0897871,19.473259 6.9778211,19.513469 6.267639,19.788343 6.182865,19.664033 6.0864947,19.523311 6.4387865,19.335 6.5143635,19.2911 7.1701625,18.909142 7.814365,18.598161 8.5465406,18.402054 9.5414351,18.052096 10.597913,17.774756 11.358081,16.97884 c 0,0 1.637095,-1.743631 1.661887,-1.948764 0.587821,-0.744634 1.190836,-1.486396 1.731872,-2.267543 0.706582,-1.018691 1.353183,-2.086203 2.021379,-3.1319704 0.06518,-0.1017471 0.12916,-0.2047238 0.195539,-0.3056492 0.10397,-0.1587729 0.207938,-0.3171359 0.311106,-0.4759086 C 17.473405,8.5519722 17.727727,8.2770942 17.829295,7.9279579 17.933667,7.5689755 17.87728,7.1295799 17.670543,6.8165464 17.59696,6.7053603 17.487002,6.6364399 17.409824,6.530591 17.060731,6.0526307 17.582971,5.7880089 17.88128,5.5135411 18.462301,4.9781434 18.875775,4.0427361 18.566269,3.2517434 18.48709,3.0498913 18.346737,2.7910144 18.187186,2.6441391 18.054027,2.5214694 17.851688,2.4509036 17.786108,2.2658732 17.723328,2.0869973 17.804108,1.8806333 17.906472,1.7358094 18.07442,1.4978549 18.015639,1.2508748 17.894902,1.0092275 17.825732,0.87137857 17.708559,0.73599043 17.67457,0.58296146 17.65537,0.49434366 17.67207,0.44798349 17.70697,0.42829108 Z M 1.1995923,14.184107 C 1.4227239,14.021231 1.634259,13.929742 1.8118046,13.69753 2.0821219,13.343881 2.1393043,12.89587 2.1421035,12.459346 2.1433039,12.239445 2.1309096,12.019952 2.1285076,11.80005 2.1217154,11.16906 2.0997164,10.535609 2.1788915,9.9079014 2.2572674,9.2830668 2.450408,8.6754624 2.659944,8.0854994 2.7515165,7.8274425 2.8498863,7.5718463 2.9506553,7.3170704 3.0602215,7.040552 3.1801849,6.7669044 3.3289393,6.5100768 3.5892596,6.0600161 3.9551475,5.7527262 4.3114381,5.3896407 4.7029182,4.9908612 5.0684063,4.5650058 5.4095017,4.1198663 5.5770504,3.9011943 5.7370014,3.6771898 5.8893546,3.4474404 6.0485059,3.2070237 6.2496443,2.9173762 6.5655474,2.9227097 6.9738224,2.9292848 7.121777,3.3456936 7.147769,3.6956512 7.1785601,4.1133024 6.9722228,4.4932079 6.7994758,4.8554744 6.619531,5.2325093 6.4651783,5.6156968 6.2332493,5.9648332 5.9665311,6.3664845 5.6110399,6.7517247 5.6334331,7.2727631 5.6554268,7.7864162 6.0193149,7.7519526 6.3983987,7.5435378 L 8.3222093,5.6198001 c 0.5534302,-0.55304 1.1428501,-1.1393088 1.6878837,-1.7272214 0.862534,-0.9304836 1.655491,-1.9229176 2.560816,-2.8111441 0,0 0.522638,-0.40862515 0.525037,-0.41026646 0.119158,-0.0931301 0.350693,-0.12595162 0.485851,-0.0693326 0.135958,0.0570283 0.242726,0.22441588 0.29591,0.35816264 C 14.014064,1.3025697 13.709758,1.6316037 13.495824,1.8506861 L 12.446145,3.0560474 8.1222706,8.0559626 c 0,0 -0.3251004,0.3589824 -0.075178,0.5641153 C 8.5077515,8.9979329 8.8436483,8.3977137 9.0995708,8.077296 9.3674888,7.742519 9.6386048,7.4036387 9.921319,7.0815805 L 12.850022,3.7481663 14.51991,1.9019685 15.245287,1.0555893 c 0,0 0.549832,-0.51283287 1.124855,-0.15385002 0,0 0.6498,0.43611342 0.149955,1.12823252 L 14.74544,4.1325863 c -0.415472,0.4533438 -0.832545,0.9058685 -1.248017,1.3596224 -0.695387,0.7594033 -1.403969,1.5081394 -2.086561,2.2794391 -0.248722,0.2814419 -0.48345,0.5751937 -0.719778,0.867713 -0.222732,0.2748777 -0.496648,0.5378593 -0.681792,0.8410457 -0.1823445,0.2986732 -0.13036,0.8086345 0.324701,0.6769385 0.335896,-0.09764 0.593419,-0.5124217 0.812551,-0.7700686 l 1.704277,-2.0062015 c 0.546232,-0.6240154 1.088467,-1.252133 1.639897,-1.8712248 0.496649,-0.5579614 1.032083,-1.0761278 1.554724,-1.6078334 0.347894,-0.3540598 0.942111,-1.2693639 1.424764,-0.5641163 0.403076,0.5895519 -0.08996,1.0855647 -0.448264,1.4946002 -0.365086,0.4164197 -0.738172,0.8266865 -1.110458,1.2361321 -0.08917,0.097647 -0.177946,0.1961072 -0.26552,0.2953923 -0.331898,0.3766236 -0.664595,0.7524281 -0.995294,1.130283 -0.562228,0.6424759 -1.121258,1.2902875 -1.693481,1.9233276 -0.330299,0.3655474 -0.628608,0.7553004 -0.94691,1.1306924 -0.211936,0.249443 -0.540635,0.643709 -0.09676,0.874278 0.26072,0.135388 0.45346,-0.01724 0.633805,-0.212108 0.651802,-0.703605 1.286807,-1.4223916 1.923811,-2.1399471 0.493449,-0.556322 1.021286,-1.1023858 1.444357,-1.7173744 0.11356,-0.1649279 0.387881,-0.5395009 0.630607,-0.347906 0.467857,0.3688293 -0.03159,1.0186904 -0.243525,1.3789041 -0.336298,0.5723218 -0.674594,1.1430021 -1.055276,1.6853734 -0.771365,1.098693 -1.490345,2.234721 -2.268907,3.32808 -0.35469,0.497652 -0.719777,0.9871 -1.080868,1.47942 l -0.950912,1.153258 c 0,0 -0.591419,0.641245 -1.5455266,1.076949 0,0 -1.5787158,0.641247 -2.0785625,0.743813 0,0 -1.1248553,0.307699 -1.9494026,1.179515 -0.8941259,0.945254 -2.1745336,0.07837 -2.9247037,-0.597348 -0.7257774,-0.653143 -1.4463567,-1.409675 -1.99858752,-2.223233 0,0 -0.449862012452,-0.666683 0,-1.230798 0,0 0.21313483,-0.402881 0.74977032,-0.795096 z M 7.9223319,2.9358381 c 0,0 -0.2331286,-0.3245206 0.1331592,-0.4615493 0.6398042,-0.2391857 1.2336221,0.5952965 1.131653,1.193464 C 9.1491541,3.8909383 8.975609,4.0862241 8.8312529,4.2470487 8.6045228,4.4997731 8.3446021,4.7471637 8.0111046,4.8374219 7.9867123,4.8439971 7.9595204,4.7364998 7.9603199,4.7213169 7.9663105,4.6060321 8.1854518,4.4956697 8.249832,4.3988476 8.4109817,4.1563804 8.4921576,3.8014992 8.401785,3.5163652 8.3206091,3.2628206 8.0694872,3.1409708 7.9223319,2.9358381 Z M 17.706933,0.42829108 c 0.06716,-0.0373354 0.201538,0.0246165 0.275915,0.0816425 0.144356,0.11036127 0.259121,0.27405737 0.411474,0.37129121 0.253122,0.16123421 0.379084,0.51406341 0.389879,0.80822411 0.0096,0.2658528 -0.217133,0.4968327 -0.171145,0.7630949 0.07877,0.4517036 0.635404,0.5895531 0.827745,0.9715103 0.433068,0.8603288 -0.398678,1.5622948 -0.915319,2.1280515 -0.217134,0.2379548 -0.744971,0.745864 -0.381483,1.1060778 0,0 0.374286,0.3708799 0.375085,0.3717012 0.105565,0.104622 0.200339,0.2309797 0.246723,0.3762135 0.07079,0.221545 -0.104761,0.555912 -0.231127,0.7224791 -0.08238,0.1078985 -0.139958,0.2092363 -0.205138,0.3278029 -0.181144,0.3286233 -0.398279,0.6494511 -0.600215,0.9657666 -0.433468,0.6794013 -0.832145,1.3821863 -1.260814,2.0648693 -0.09677,0.15426 -0.191541,0.310982 -0.286312,0.466063 -0.754969,0.985459 -1.50314,1.974201 -2.233317,2.979354 -0.607813,0.836121 -1.230822,1.678807 -2.024179,2.340977 -0.223532,0.186262 -0.45826,0.357342 -0.706183,0.50791 -0.505045,0.30688 -1.052877,0.500526 -1.5955111,0.721249 C 9.0371899,18.740933 8.4513698,18.98012 7.8579517,19.19879 7.6028297,19.29275 7.3461085,19.38177 7.0897871,19.473259 6.9778211,19.513469 6.267639,19.788343 6.182865,19.664033 6.0864947,19.523311 6.4387865,19.335 6.5143635,19.2911 7.1701625,18.909142 7.814365,18.598161 8.5465406,18.402054 9.5414351,18.052096 10.597913,17.774756 11.358081,16.97884 c 0,0 1.637095,-1.743631 1.661887,-1.948764 0.587821,-0.744634 1.190836,-1.486396 1.731872,-2.267543 0.706582,-1.018691 1.353183,-2.086203 2.021379,-3.1319704 0.06518,-0.1017471 0.12916,-0.2047238 0.195539,-0.3056492 0.10397,-0.1587729 0.207938,-0.3171359 0.311106,-0.4759086 C 17.473405,8.5519722 17.727727,8.2770942 17.829295,7.9279579 17.933667,7.5689755 17.87728,7.1295799 17.670543,6.8165464 17.59696,6.7053603 17.487002,6.6364399 17.409824,6.530591 17.060731,6.0526307 17.582971,5.7880089 17.88128,5.5135411 18.462301,4.9781434 18.875775,4.0427361 18.566269,3.2517434 18.48709,3.0498913 18.346737,2.7910144 18.187186,2.6441391 18.054027,2.5214694 17.851688,2.4509036 17.786108,2.2658732 17.723328,2.0869973 17.804108,1.8806333 17.906472,1.7358094 18.07442,1.4978549 18.015639,1.2508748 17.894902,1.0092275 17.825732,0.87137857 17.708559,0.73599043 17.67457,0.58296146 17.65537,0.49434366 17.67207,0.44798349 17.70697,0.42829108 Z M 1.1995923,14.184107 C 1.4227239,14.021231 1.634259,13.929742 1.8118046,13.69753 2.0821219,13.343881 2.1393043,12.89587 2.1421035,12.459346 2.1433039,12.239445 2.1309096,12.019952 2.1285076,11.80005 2.1217154,11.16906 2.0997164,10.535609 2.1788915,9.9079014 2.2572674,9.2830668 2.450408,8.6754624 2.659944,8.0854994 2.7515165,7.8274425 2.8498863,7.5718463 2.9506553,7.3170704 3.0602215,7.040552 3.1801849,6.7669044 3.3289393,6.5100768 3.5892596,6.0600161 3.9551475,5.7527262 4.3114381,5.3896407 4.7029182,4.9908612 5.0684063,4.5650058 5.4095017,4.1198663 5.5770504,3.9011943 5.7370014,3.6771898 5.8893546,3.4474404 6.0485059,3.2070237 6.2496443,2.9173762 6.5655474,2.9227097 6.9738224,2.9292848 7.121777,3.3456936 7.147769,3.6956512 7.1785601,4.1133024 6.9722228,4.4932079 6.7994758,4.8554744 6.619531,5.2325093 6.4651783,5.6156968 6.2332493,5.9648332 5.9665311,6.3664845 5.6110399,6.7517247 5.6334331,7.2727631 5.6554268,7.7864162 6.0193149,7.7519526 6.3983987,7.5435378 L 8.3222093,5.6198001 c 0.5534302,-0.55304 1.1428501,-1.1393088 1.6878837,-1.7272214 0.862534,-0.9304836 1.655491,-1.9229176 2.560816,-2.8111441 0,0 0.522638,-0.40862515 0.525037,-0.41026646 0.119158,-0.0931301 0.350693,-0.12595162 0.485851,-0.0693326 0.135958,0.0570283 0.242726,0.22441588 0.29591,0.35816264 C 14.014064,1.3025697 13.709758,1.6316037 13.495824,1.8506861 L 12.446145,3.0560474 8.1222706,8.0559626 c 0,0 -0.3251004,0.3589824 -0.075178,0.5641153 C 8.5077515,8.9979329 8.8436483,8.3977137 9.0995708,8.077296 9.3674888,7.742519 9.6386048,7.4036387 9.921319,7.0815805 L 12.850022,3.7481663 14.51991,1.9019685 15.245287,1.0555893 c 0,0 0.549832,-0.51283287 1.124855,-0.15385002 0,0 0.6498,0.43611342 0.149955,1.12823252 L 14.74544,4.1325863 c -0.415472,0.4533438 -0.832545,0.9058685 -1.248017,1.3596224 -0.695387,0.7594033 -1.403969,1.5081394 -2.086561,2.2794391 -0.248722,0.2814419 -0.48345,0.5751937 -0.719778,0.867713 -0.222732,0.2748777 -0.496648,0.5378593 -0.681792,0.8410457 -0.1823445,0.2986732 -0.13036,0.8086345 0.324701,0.6769385 0.335896,-0.09764 0.593419,-0.5124217 0.812551,-0.7700686 l 1.704277,-2.0062015 c 0.546232,-0.6240154 1.088467,-1.252133 1.639897,-1.8712248 0.496649,-0.5579614 1.032083,-1.0761278 1.554724,-1.6078334 0.347894,-0.3540598 0.942111,-1.2693639 1.424764,-0.5641163 0.403076,0.5895519 -0.08996,1.0855647 -0.448264,1.4946002 -0.365086,0.4164197 -0.738172,0.8266865 -1.110458,1.2361321 -0.08917,0.097647 -0.177946,0.1961072 -0.26552,0.2953923 -0.331898,0.3766236 -0.664595,0.7524281 -0.995294,1.130283 -0.562228,0.6424759 -1.121258,1.2902875 -1.693481,1.9233276 -0.330299,0.3655474 -0.628608,0.7553004 -0.94691,1.1306924 -0.211936,0.249443 -0.540635,0.643709 -0.09676,0.874278 0.26072,0.135388 0.45346,-0.01724 0.633805,-0.212108 0.651802,-0.703605 1.286807,-1.4223916 1.923811,-2.1399471 0.493449,-0.556322 1.021286,-1.1023858 1.444357,-1.7173744 0.11356,-0.1649279 0.387881,-0.5395009 0.630607,-0.347906 0.467857,0.3688293 -0.03159,1.0186904 -0.243525,1.3789041 -0.336298,0.5723218 -0.674594,1.1430021 -1.055276,1.6853734 -0.771365,1.098693 -1.490345,2.234721 -2.268907,3.32808 -0.35469,0.497652 -0.719777,0.9871 -1.080868,1.47942 l -0.950912,1.153258 c 0,0 -0.591419,0.641245 -1.5455266,1.076949 0,0 -1.5787158,0.641247 -2.0785625,0.743813 0,0 -1.1248553,0.307699 -1.9494026,1.179515 -0.8941259,0.945254 -2.1745336,0.07837 -2.9247037,-0.597348 -0.7257774,-0.653143 -1.4463567,-1.409675 -1.99858752,-2.223233 0,0 -0.449862012452,-0.666683 0,-1.230798 0,0 0.21313483,-0.402881 0.74977032,-0.795096 z"/>
Expected behavior
Icon similar to:
Issue Analytics
- State:
- Created 2 years ago
- Comments:13 (10 by maintainers)
Top Results From Across the Web
Using PathIcon from resources results in ...
I find that the data path is far more complex in the declarative XAML of resources than the implicit converter of the Data...
Read more >PathIconSource claims to support sharing but throws ...
SymbolIconSource shares successfully but not PathIconSource. Actually the underlying problem is that Geometry fails to share when you use the ...
Read more >PathIcon Class (Microsoft.UI.Xaml.Controls)
This example shows an AppBarButton with a PathIcon. ... A UIElement that is not visible is not rendered and does not communicate its...
Read more >How to fix large icons/wallpapers not rendering?
First, when I open Windows Explorer anything that is set to display as a large icon does not display correctly. It appears only...
Read more >SVG path rendering issue - Claris Community
Description: SVG path (relative) is not properly rendered. How to replicate: Add icons with relative path. Do mind only some have the problem....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
You need to have a non-filled icon but with a stroke, when PathIcon by default does the opposite - fills the icon and keeps stroke empty. Solution is provided by @Takoooooo, but you should use style classes to keep it specific and not set globally for all PathIcons.
@Takoooooo interesting that Path filling works in HTML, but that’s not what @Youssef1313 needed (assuming from first message). Because filled Path is different from what he expects:
btw in HTML it works correctly