Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Few Icons Distorted #1

Open
binaryn3xus opened this issue Sep 29, 2022 · 8 comments
Open

Few Icons Distorted #1

binaryn3xus opened this issue Sep 29, 2022 · 8 comments
Labels
bug Something isn't working

Comments

@binaryn3xus
Copy link

binaryn3xus commented Sep 29, 2022

Installed Simple Icons for my stream deck and most of the icons work great. However, I have a couple that I have run into that has gotten distorted. I have uninstalled and reinstalled the pack to see if maybe it was something on my end but I get the same result.

Here is a few screenshot:

image

image

@binaryn3xus binaryn3xus changed the title Rancher Icon Distorted Few Icons Distorted Sep 29, 2022
@mackenly
Copy link
Owner

mackenly commented Oct 1, 2022

@JoshuaGarrison27 Hi, this is a known issue I've also noticed. It seems to either be an issue with the geometry of the Simple Icons SVGs or an issue with how the Stream Deck interprets SVGs. A potential fix may be not using SVGs and instead converting everything to a PNG for the icons pack, but I fear that could exponentially increase the pack's size. Further investigation could also show that there is an issue with certain SVGs themselves. I haven't had time to fully investigate, but hope to soon.

To me, it looks an awful lot like when you reduce the number of points in a vector graphic. That leads me to think it could be a stream deck issue. However, I (or anyone else ) need to investigate further.

@mackenly mackenly added the bug Something isn't working label Oct 1, 2022
@mackenly
Copy link
Owner

@JoshuaGarrison27 An update on this issue...

Today I tried converting the SVGs to PNGs, but unfortunately, those PNGs were distorted. I suspect that the Stream Deck is also converting the SVGs to PNG internally, which is why the same issue is present on the stream deck with SVGs and after the conversion on my machine. If that's the case, it's not good news because it would mean there's an issue with the Simple Icons source.

@binaryn3xus
Copy link
Author

So most likely an upstream issue with Simple Icons? That is no fun. Peaked my curiosity, so I tried quickly to put the Simple Icon svg through a icon converter online and it worked. Maybe a problem with the converter used?

@mackenly
Copy link
Owner

That's a possibility. Which did you use?

I tried using this one. When I paste the SVG code into then download the SVG it looks like this (still deformed):
image

If I click "Optimize" and download then add to stream deck it seems to work fine:
image

Note: They're not colored because they don't come that way originally; it has to be added in the generation script.

@mackenly
Copy link
Owner

mackenly commented Oct 17, 2022

I tried using a Python SVG optimization tool called Scour, but I either didn't have it configured properly or it didn't fix it. I think that optimizing the SVGs is probably the solution though.

@binaryn3xus
Copy link
Author

I used this one: SVGtoPNG

@SoosenEsser
Copy link

I had the same issue but I found a really easy solution.
I don't know why but for me it worked:

First of all you have to locate the folder where Elgato saves the Icon pack (For me it was C:/user/myname/AppData/Roaming/Elgato/StreamDeck/IconPacks/com.mackenly.simpleiconsstreamdeck.sdIconPack)

Then you can look in the "icons" folder, which is apparently the folder where they save the icons, for the icon you want to have
The name is the same in the StreamDeck App and the file name

Then you create a separate Folder for example on your Desktop or in the default "Images" directory on your Computer

There you copy all the Icon you need (as SVG files)

In the next step you open your StreamDeck Software and select that you want your own Icon from your files

you go to the newly created directory and use the copied svg file

For me it worked

I hope I could help you!

Maybe its a problem with the build-in icon selecter?

@SoosenEsser
Copy link

Follow up:
You dont even need to copy any files
Just don't use the build-in Icon Selecter.
You can directly use the "from files" button and use the svg file saved in the directory (For me it was C:/user/myname/AppData/Roaming/Elgato/StreamDeck/IconPacks/com.mackenly.simpleiconsstreamdeck.sdIconPack/icons)
It has to be an issue with the StreamDeck Software then I guess.

anyway I really hope I could help to fix your problem!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants