question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

PathIcon not rendering as expected

See original GitHub issue

Describe 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:

image

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:13 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
maxkatz6commented, Oct 17, 2021

Is the reason known? It’s indeed very weird that it doesn’t work in UWP.

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: image

1reaction
Takoooooocommented, Sep 22, 2021

btw in HTML it works correctly

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found