Currently github does not support long url.
where my badge:
https://img.shields.io/badge/style-group-green.svg?longCache=true&label=qq&colorB=blue&logo=data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4OHB4IiB2aWV3Qm94PSIwIDAgMTIwLjk5OTY5IDE0My44ODk4OCIgd2lkdGg9IjI0MnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0ibWF0cml4KC4zNTI3Nzc3OSAwIDAgLjM1Mjc3Nzc5IC00NC4wMDAyMzc4IC0zMi45OTk4ODIpIj48cGF0aCBkPSJtMjk2LjIzMDQ3IDQ5Ni43MzQzN2MtMzUuNTI3MzUgMC02OC4xNDA2My0xMS44OTA2Mi04OS4xMzY3Mi0yOS42NTIzNC0xMC42NjQwNiAzLjE4NzUtMjQuMzA0NjkgOC4zMTI1LTMyLjkxMDE2IDE0LjY3MTg4LTcuMzY3MTggNS40Mzc1LTYuNDQ5MjIgMTAuOTgwNDYtNS4xMjEwOSAxMy4yMTg3NSA1LjgyODEyIDkuODM1OTMgOTkuOTg0MzcgNi4yODEyNSAxMjcuMTY3OTcgMy4yMTg3NXptMCAwIiBmaWxsPSIjZmFhYjA3Ii8+PHBhdGggZD0ibTI5Ni4yMzA0NyA0OTYuNzM0MzdjMzUuNTMxMjUgMCA2OC4xNDA2Mi0xMS44OTA2MiA4OS4xNDA2Mi0yOS42NTIzNCAxMC42NjAxNiAzLjE4NzUgMjQuMzAwNzggOC4zMTI1IDMyLjkxMDE2IDE0LjY3MTg4IDcuMzYzMjggNS40Mzc1IDYuNDQ1MzEgMTAuOTgwNDYgNS4xMTcxOSAxMy4yMTg3NS01LjgyODEzIDkuODM1OTMtOTkuOTg0MzggNi4yODEyNS0xMjcuMTY3OTcgMy4yMTg3NXptMCAwIiBmaWxsPSIjZmFhYjA3Ii8+PHBhdGggZD0ibTI5Ni40Mzc1IDI4My44MDA3OGM1OC42NzE4Ny0uMzk4NDQgMTA1LjY5MTQxLTExLjc1MzkxIDEyMS42MjUtMTYuMTA5MzcgMy43OTY4Ny0xLjAzOTA3IDUuODI4MTItMi45MDIzNSA1LjgyODEyLTIuOTAyMzUuMDE1Ni0uNTM1MTUuMjQyMTktOS41NTA3OC4yNDIxOS0xNC4yMDMxMiAwLTc4LjMyODEzLTM2Ljk3NjU2LTE1Ny4wMzkwNjUtMTI3LjkxNDA2LTE1Ny4wNDI5NzEtOTAuOTMzNTkuMDAzOS0xMjcuOTEwMTYgNzguNzE0ODQxLTEyNy45MTAxNiAxNTcuMDQyOTcxIDAgNC42NTIzNC4yMjY1NyAxMy42Njc5Ny4yNDIxOSAxNC4yMDMxMiAwIDAgMS42NTIzNCAxLjc0MjE5IDQuNjc5NjkgMi41ODU5NCAxNC43MTA5NCA0LjA5Mzc1IDYyLjYxNzE5IDE2LjAxNTYyIDEyMi43NzM0NCAxNi40MjU3OHptMCAwIi8+PHBhdGggZD0ibTQ1NS44NzEwOSAzNDkuMDU0NjljLTMuNjM2NzItMTEuNzAzMTMtOC42MDE1Ni0yNS4zNTE1Ny0xMy42Mjg5LTM4LjQ2MDk0IDAgMC0yLjg5MDYzLS4zNTU0Ny00LjM1NTQ3LjA2NjQtNDUuMTA5MzggMTMuMTA1NDYtOTkuNzg1MTYgMjEuNDU3MDMtMTQxLjQ0OTIyIDIwLjk1MzEyaC0uNDMzNTljLTQxLjQzMzYuNDk2MDktOTUuNzM4MjktNy43NTc4MS0xNDAuNjk1MzItMjAuNzM0MzctMS43MTg3NS0uNDk2MS01LjEwOTM3LS4yODUxNi01LjEwOTM3LS4yODUxNi01LjAyNzM1IDEzLjEwOTM3LTkuOTkyMTkgMjYuNzU3ODEtMTMuNjI4OTEgMzguNDYwOTQtMTcuMzQzNzUgNTUuODEyNS0xMS43MjI2NSA3OC45MTAxNS03LjQ0NTMxIDc5LjQyOTY4IDkuMTc5NjkgMS4xMDkzOCAzNS43MzQzNy00Mi4wMTU2MiAzNS43MzQzNy00Mi4wMTU2MiAwIDQzLjgyMDMxIDM5LjU2MjUgMTExLjEwNTQ3IDEzMC4xNjAxNiAxMTEuNzIyNjYuNDAyMzQtLjAwNCAyLS4wMDQgMi40MDIzNCAwIDkwLjU5NzY2LS42MTcxOSAxMzAuMTYwMTYtNjcuOTAyMzUgMTMwLjE2MDE2LTExMS43MjI2NiAwIDAgMjYuNTU0NjkgNDMuMTI1IDM1LjczNDM4IDQyLjAxNTYyIDQuMjc3MzQtLjUxOTUzIDkuODk4NDMtMjMuNjE3MTgtNy40NDUzMi03OS40Mjk2OCIvPjxwYXRoIGQ9Im0yNjMuODYzMjggMjA5LjI2NTYyYy0xMi4zMzU5NC41NTg2LTIyLjg3NS0xMy40OTYwOS0yMy41MzkwNi0zMS4zNTkzNy0uNjY3OTctMTcuODc1IDguNzgxMjUtMzIuODE2NDEgMjEuMTE3MTktMzMuMzc1IDEyLjMyNDIxLS41NTA3OCAyMi44NTkzNyAxMy40OTYwOSAyMy41MjczNCAzMS4zNjcxOS42NzU3OCAxNy44NzUtOC43NzczNCAzMi44MTY0LTIxLjEwNTQ3IDMzLjM2NzE4IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTM1Mi4xMTMyOCAxNzcuOTA2MjVjLS42NjAxNiAxNy44NjMyOC0xMS4xOTkyMiAzMS45MTc5Ny0yMy41MzUxNiAzMS4zNTkzNy0xMi4zMjgxMi0uNTU0NjgtMjEuNzgxMjUtMTUuNDkyMTgtMjEuMTA1NDYtMzMuMzY3MTguNjY3OTYtMTcuODcxMSAxMS4yMDMxMi0zMS45MTc5NyAyMy41MjczNC0zMS4zNjcxOSAxMi4zMzU5NC41NTg1OSAyMS43ODUxNiAxNS41IDIxLjExMzI4IDMzLjM3NSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0zNzQuMDM5MDYgMjM0LjQ5NjA5Yy0zLjI5Njg3LTcuMzAwNzgtMzYuNDk2MDktMTUuNDM3NS03Ny41OTc2NS0xNS40Mzc1aC0uNDQxNDFjLTQxLjEwMTU2IDAtNzQuMzAwNzggOC4xMzY3Mi03Ny41OTc2NiAxNS40Mzc1LS4xNDg0My4zMTY0MS0uMjQyMTguNjY3OTctLjI0MjE4IDEuMDM5MDcgMCAuNTI3MzQuMTc5NjggMSAuNDUzMTIgMS40MDYyNSAyLjc4MTI1IDQuMDQ2ODcgMzkuNjQ0NTMgMjQuMDU4NTkgNzcuMzg2NzIgMjQuMDU4NTloLjQ0MTQxYzM3Ljc0MjE4IDAgNzQuNjA1NDYtMjAuMDA3ODEgNzcuMzgyODEtMjQuMDU4NTkuMjc3MzQtLjQwMjM1LjQ1MzEyLS44ODI4Mi40NTMxMi0xLjQxMDE2IDAtLjM3MTA5LS4wODk4LS43MTg3NS0uMjM4MjgtMS4wMzUxNiIgZmlsbD0iI2ZhYWIwNyIvPjxwYXRoIGQ9Im0yNzkuMDI3MzQgMTc4LjE2Nzk3Yy41NjI1IDcuMDU4NTktMy4zMDg1OSAxMy4zMjgxMi04LjYzNjcyIDE0LjAxMTcyLTUuMzM1OTMuNjg3NS0xMC4xMTMyOC00LjQ3NjU3LTEwLjY3OTY4LTExLjUzOTA3LS41NTg2LTcuMDYyNSAzLjMwODU5LTEzLjMzMjAzIDguNjI1LTE0LjAxMTcxIDUuMzQ3NjUtLjY5MTQxIDEwLjEzMjgxIDQuNDgwNDYgMTAuNjkxNCAxMS41MzkwNiIvPjxwYXRoIGQ9Im0zMTIuOTE3OTcgMTgwLjUyNzM0YzEuMDg5ODQtMS45NTMxMiA4LjUxNTYyLTEyLjIyMjY1IDIzLjg4NjcyLTguNDg0MzcgNC4wMzkwNi45ODQzNyA1LjkwNjI1IDIuNDI5NjkgNi4zMDA3OCAyLjk5NjA5LjU4MjAzLjgzOTg1Ljc0MjE5IDIuMDM1MTYuMTUyMzQgMy42NDQ1My0xLjE2Nzk3IDMuMTkxNDEtMy41ODIwMyAzLjEwNTQ3LTQuOTE3OTcgMi40ODA0Ny0uODYzMjgtLjQwMjM0LTExLjU3MDMxLTcuNTM5MDYtMjEuNDMzNTkgMy4xMDkzOC0uNjc5NjkuNzMwNDctMS44OTQ1My45ODA0Ny0zLjA0Mjk3LjExMzI4LTEuMTUyMzQtLjg3MTEtMS42MjUtMi42MzI4MS0uOTQ1MzEtMy44NTkzOCIvPjxwYXRoIGQ9Im0yOTYuNDM3NSAzMjkuMDQyOTdoLS40MzM1OWMtMjguMzM1OTQuMzQzNzUtNjIuNjkxNDEtMy40MTAxNi05NS45NjQ4NS05Ljk2ODc1LTIuODQ3NjUgMTYuNDkyMTktNC41NjY0IDM3LjIyMjY1LTMuMDg5ODQgNjEuOTQ1MzEgMy43MzA0NyA2Mi40ODQzOCA0MC44Mzk4NCAxMDEuNzYxNzIgOTguMTE3MTkgMTAyLjMzMjAzaDIuMzI4MTJjNTcuMjgxMjUtLjU3MDMxIDk0LjM4NjcyLTM5Ljg0NzY1IDk4LjEyMTA5LTEwMi4zMzIwMyAxLjQ3NjU3LTI0LjcyNjU2LS4yNDYwOS00NS40NTMxMi0zLjA5Mzc1LTYxLjk0OTIyLTMzLjI3NzM0IDYuNTYyNS02Ny42NDA2MiAxMC4zMTY0MS05NS45ODQzNyA5Ljk3MjY2IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTIxNS43MjI2NiAzMjMuODE2NDF2NjEuNDkyMThzMjguMTY3OTYgNS42Nzk2OSA1Ni4zOTA2MiAxLjc0NjF2LTU2LjcxODc1Yy0xNy44Nzg5MS0xLjAxMTcyLTM3LjE2MDE2LTMuMjY1NjMtNTYuMzkwNjItNi41MTk1MyIgZmlsbD0iI2ViMTkyMyIvPjxwYXRoIGQ9Im00MjMuODkwNjIgMjY0Ljc4OTA2cy01NC43OTI5NiAxNy4yOTY4OC0xMjcuNDUzMTIgMTcuNzg5MDZoLS40MzM1OWMtNzIuNTQyOTctLjQ4ODI4LTEyNy4yNjU2My0xNy43MzA0Ni0xMjcuNDUzMTMtMTcuNzg5MDZsLTE4LjM1MTU2IDQ1LjgwNDY5YzQ1LjkwMjM0IDEzLjgzOTg0IDEwMi43ODkwNiAyMi43NTc4MSAxNDUuODA0NjkgMjIuMjM4MjhoLjQzMzU5YzQzLjAxNTYyLjUxOTUzIDk5Ljg5ODQ0LTguMzk4NDQgMTQ1LjgwNDY5LTIyLjIzODI4em0wIDAiIGZpbGw9IiNlYjE5MjMiLz48L2c+PC9zdmc+
can not be shown by now.
If logo url is enabled
then I would be able to use
https://img.shields.io/badge/style-group-green.svg?longCache=true&label=qq&colorB=blue&logo-url-=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fzh%2F9%2F99%2FTencent_QQ.svg
to display my logo,
where
https://upload.wikimedia.org/wikipedia/zh/9/99/Tencent_QQ.svg
is the original image file.
Interesting idea. I wonder if it will work with https://stackoverflow.com/questions/5451135/embed-svg-in-svg.
seems not work well.
I think this is a reasonable feature request. In the meantime, you can probably solve your issue by minifying the SVG e,g:
https://img.shields.io/badge/style-group-green.svg?longCache=true&label=qq&colorB=blue&logo=data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4OCIgdmlld0JveD0iMCAwIDEyMSAxNDQiIHdpZHRoPSIyNDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYxIDE0MmMtMTMgMC0yNS00LTMyLTEwbC0xMiA1Yy0yIDItMiA0LTEgNSAyIDMgMzUgMiA0NSAxem0wIDBNNjEgMTQyYzEyIDAgMjQtNCAzMS0xMGwxMiA1YzIgMiAyIDQgMSA1LTIgMy0zNSAyLTQ0IDF6bTAgMCIgZmlsbD0iI2ZhYWIwNyIvPjxwYXRoIGQ9Ik02MSA2N2MyMCAwIDM3LTQgNDItNmwzLTF2LTVjMC0yNy0xMy01NS00Ni01NS0zMiAwLTQ1IDI4LTQ1IDU1djVsMiAxYzUgMiAyMiA2IDQzIDZ6bTAgME0xMTcgOTBsLTUtMTNoLTJjLTE1IDQtMzUgNy00OSA3aC0xYy0xNCAwLTMzLTMtNDktN0g5TDQgOTBjLTYgMjAtNCAyOC0yIDI4IDMgMSAxMi0xNSAxMi0xNSAwIDE2IDE0IDQwIDQ2IDQwaDFjMzIgMCA0Ni0yNCA0Ni00MCAwIDAgOSAxNiAxMiAxNSAyIDAgNC04LTItMjgiLz48cGF0aCBkPSJNNDkgNDFjLTQgMC04LTUtOC0xMSAwLTcgMy0xMiA3LTEyIDUgMCA4IDUgOSAxMSAwIDYtNCAxMi04IDEyTTgwIDMwYzAgNi00IDExLTggMTFzLTgtNi04LTEyYzEtNiA0LTExIDktMTEgNCAwIDcgNSA3IDEyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTg4IDUwYy0xLTMtMTMtNi0yNy02aC0xYy0xNCAwLTI2IDMtMjcgNnYxYzEgMSAxNCA4IDI3IDhoMWMxMyAwIDI2LTcgMjctOHYtMSIgZmlsbD0iI2ZhYWIwNyIvPjxwYXRoIGQ9Ik01NCAzMGMxIDItMSA1LTMgNS0xIDAtMy0yLTMtNC0xLTMgMS01IDMtNXMzIDEgMyA0TTY2IDMxYzEtMSAzLTUgOS0zbDIgMXYxbC0yIDFzLTQtMy03IDFoLTFsLTEtMSIvPjxwYXRoIGQ9Ik02MSA4M2gtMWwtMzMtMy0yIDIxYzIgMjIgMTUgMzYgMzUgMzdoMWMyMC0xIDMzLTE1IDM1LTM3bC0yLTIxLTMzIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzIgODF2MjJzMTAgMiAyMCAxVjg0bC0yMC0zIiBmaWxsPSIjZWIxOTIzIi8+PHBhdGggZD0iTTEwNiA2MHMtMjAgNy00NSA3aC0xYy0yNSAwLTQ0LTctNDUtN0w5IDc3YzE2IDQgMzYgOCA1MSA3aDFjMTUgMSAzNS0zIDUxLTd6bTAgMCIgZmlsbD0iI2ViMTkyMyIvPjwvc3ZnPg==
I ran your image through https://jakearchibald.github.io/svgomg/ to generate that
SVG logo from remote inside SVG badge works pretty well, but only served from local filesystem in browser ;-)
I replaced data:image/svg+xml;base64,PHN2Zy... in a content of your badge with https://upload.wikimedia.org/wikipedia/zh/9/99/Tencent_QQ.svg
Hosted here https://gist.github.com/platan/eb6eef2e665abdb490df952916f60eb3 does not work.
I seem to remember in previous discussions something about not wanting to add support for external images due to the possibility of them being able to track you.
_Note: from memory, so i may be mistaken._
Also as seen above in @platan's comment, it does not seem to work when used in an <img src="">, although it may work in an <object>?
related Issue: #760
Thanks for posting that. I'm going to close this as a dupe of https://github.com/badges/shields/issues/760
Reading that I think I'm convinced that adding this feature would introduce unnecessary vectors for abuse/attack that would be hard to mitigate. OP's original issue can be solved by minifying.
Most helpful comment
SVG logo from remote inside SVG badge works pretty well, but only served from local filesystem in browser ;-)
I replaced
data:image/svg+xml;base64,PHN2Zy...in a content of your badge with https://upload.wikimedia.org/wikipedia/zh/9/99/Tencent_QQ.svgHosted here https://gist.github.com/platan/eb6eef2e665abdb490df952916f60eb3 does not work.