Redesign the KWordQuiz Icons

[monstorix]

KDE's word flash card program KWordQuiz got a new icon and redesigned interface after version 23.08.

Tried to redid the icons, since the old one got a plain design (looks like a txt file).
It's the first time for me to draw for the project, any feedback or the suggestion for improving the design are appreciated.

Old Papirus Icon

Recent Breeze Icon(Original Link)

Redesigned Icon

[morganist]

I propose to un-tilt the icon, so it looks nice and pixel-perfect when rendered, without jagged edges. This is what i did with KWallet icon (#3538)

[monstorix]

I propose to un-tilt the icon, so it looks nice and pixel-perfect when rendered, without jagged edges. This is what i did with KWallet icon (#3538)

Good advice. I'll make a try.

[morganist]

Also, (assuming you're following the contributing guide) see the TEMPLATE.SVG files in /tools/work/Papirus/apps/ for an example of how shadows and outlines are done in Papirus. They are applied to the bounds of the main shape.

[SmartFinn]

@raymond-nee the objects on these icons still have poor Pixel alignment. The question mark uses too many nodes:

You can reuse the question mark from apps/help-browser.svg icon instead.

Also, the shadows and light outline aren't matched Papirus style. See templates for example as @morganist recommended.

Please let me know if you have no time to fix it.

[monstorix]

@raymond-nee the objects on these icons still have poor Pixel alignment. The question mark uses too many nodes:

@SmartFinn @morganist I've adjusted the question mark and shade, please let me know if the design still has other inflaws.

[SmartFinn]

@raymond-nee seems you have used one question mark symbol for all sizes, when you should use the symbol from 16px icon for 16px, 22px for 22px, and next.

The pixel alignment is still poor, that make it icon is blurred. Please use pixel grid (Shift-3 in Inkscape) and see Pixel alignment how it should be.

[monstorix]

The pixel alignment is still poor, that make it icon is blurred. Please use pixel grid (Shift-3 in Inkscape) and see Pixel alignment how it should be.

@SmartFinn I just finished the alignment work, please check if it is going right.

[SmartFinn]

@raymond-nee not perfect, but much better. Thanks.