Updating App Icons

New version of the App Icon: Instead of the black Kiwix bird on transparent (or white)
background, this new version is a lightly-rounded square with a white to grey gradient
that serves as a background for a black Kiwix bird on top.
The main goal of this change is for the icon to be clearly visible on any background;
given OS now support dark/light and custom modes.
I looks quite similar to the iOSmacOS and the Android icons.

In addition, those are now properly resized to all the existing sizes plus a new 512 size.

A new custom Icon for ZIM files is also included and declared for all sizes.
This seems not to be in use or broken but at least the new file is there.
It's a (macOS style) blank document (corner-folded paper) with the black bird on top
with the ZIM label at the bottom
This commit is contained in:
rgaudin 2024-11-12 16:33:43 +00:00
parent 23652495b0
commit 2939dc7d47
No known key found for this signature in database
GPG Key ID: 447475A4CFBA2E24
16 changed files with 85 additions and 3 deletions

View File

@ -191,13 +191,21 @@ unix {
app_icon128.files = resources/icons/kiwix/128/kiwix-desktop.png app_icon128.files = resources/icons/kiwix/128/kiwix-desktop.png
app_icon256.path = $$PREFIX/share/icons/hicolor/256x256/apps app_icon256.path = $$PREFIX/share/icons/hicolor/256x256/apps
app_icon256.files = resources/icons/kiwix/256/kiwix-desktop.png app_icon256.files = resources/icons/kiwix/256/kiwix-desktop.png
app_icon512.path = $$PREFIX/share/icons/hicolor/512x512/apps
app_icon512.files = resources/icons/kiwix/512/kiwix-desktop.png
app_svg.path = $$PREFIX/share/icons/hicolor/scalable/apps app_svg.path = $$PREFIX/share/icons/hicolor/scalable/apps
app_svg.files = resources/icons/kiwix/scalable/kiwix-desktop.svg app_svg.files = resources/icons/kiwix/scalable/kiwix-desktop.svg
INSTALLS += app_icon24 app_icon32 app_icon48 app_icon128 app_icon256 app_svg INSTALLS += app_icon24 app_icon32 app_icon48 app_icon128 app_icon256 app_icon512 app_svg
mime_icon48.path = $$PREFIX/share/icons/hicolor/48x48/mimetypes mime_icon48.path = $$PREFIX/share/icons/hicolor/48x48/mimetypes
mime_icon48.files = resources/icons/48/kiwix/org.kiwix.desktop.x-zim.png mime_icon48.files = resources/icons/48/kiwix/org.kiwix.desktop.x-zim.png
INSTALLS += mime_icon48 mime_icon128.path = $$PREFIX/share/icons/hicolor/128x128/mimetypes
mime_icon128.files = resources/icons/128/kiwix/org.kiwix.desktop.x-zim.png
mime_icon256.path = $$PREFIX/share/icons/hicolor/256x256/mimetypes
mime_icon256.files = resources/icons/256/kiwix/org.kiwix.desktop.x-zim.png
mime_icon512.path = $$PREFIX/share/icons/hicolor/512x512/mimetypes
mime_icon512.files = resources/icons/512/kiwix/org.kiwix.desktop.x-zim.png
INSTALLS += mime_icon48 mime_icon128 mime_icon256 mime_icon512
mime_file.path = $$PREFIX/share/mime/packages/ mime_file.path = $$PREFIX/share/mime/packages/
mime_file.files = resources/org.kiwix.desktop-mime.xml mime_file.files = resources/org.kiwix.desktop-mime.xml

View File

@ -1 +1,75 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="none" fill-rule="evenodd"><rect width="24" height="24" fill="#FFF" rx="2"/><g fill-rule="nonzero"><path fill="#000" d="M19.258 15.521c0 1.621-1.35 2.936-3.017 2.936-1.666 0-3.017-1.315-3.017-2.936s1.35-2.935 3.017-2.935c1.667 0 3.017 1.314 3.017 2.935z"/><path fill="#000" d="M8.289 5.015c-4.272.06-7.527 4.584-3.354 8.692l1.112 2.82c.185.644-.442 2.062-.164 2.458.32-.608.4-1.477.822-1.578.743.506 1.841.677 2.462 1.328.232-.631-.709-.954-1.497-1.315.737.118 1.246-.266 1.792.352.08-.313-.021-.552-.234-.746l-.333-.438c.616.315 2.149.313 2.501.865.136-1.045-1.153-.688-1.761-1 .394.047.787-.142 1.177-.09-.105-.293-.284-.42-.55-.398-2.093.48-2.24-2.924-2.211-3.89 2.81-1.147 5.646.912 7.906-1.065.74-1.064 3.794 1.716 4.735 4.07 1.406-.573-2.605-4.312-3.77-5.324.609-1.557-1.762-3.823-3.903-2.823-1.507-1.378-3.185-1.94-4.73-1.918zm-1.134 8.413c.205-.004.37.103.403.324l.454 2.09c-.245.068-.351.304-.303.73.104-.118.146-.32.385-.255l.563.697c-1.914.144-2.061-.897-2.393-2.619.1-.639.55-.96.891-.967z"/><path fill="#FFF" d="M15.376 8.896a.872.872 0 0 1-.863.881.872.872 0 0 1-.862-.881c0-.487.386-.881.862-.881.477 0 .863.394.863.88z"/><path fill="#000" d="M15.277 9.337a.557.557 0 0 1-.552.563.557.557 0 0 1-.55-.563c0-.311.246-.564.55-.564.305 0 .552.253.552.564z"/></g></g></svg> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs5">
<style
id="style1">
.cls-1 {
fill: #00000f;
}
.cls-2 {
fill: url(#linear-gradient);
}
</style>
<linearGradient
id="linear-gradient"
x1="68.800003"
y1="64.900002"
x2="444.70001"
y2="440.79999"
gradientTransform="rotate(180,258.6,254.75)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#f5f5f5"
id="stop1" />
<stop
offset=".2"
stop-color="#f5f5f5"
stop-opacity="1"
id="stop2" />
<stop
offset=".4"
stop-color="#f7f7f7"
stop-opacity=".9"
id="stop3" />
<stop
offset=".7"
stop-color="#fbfbfb"
stop-opacity=".8"
id="stop4" />
<stop
offset="1"
stop-color="#fff"
stop-opacity=".6"
id="stop5" />
</linearGradient>
</defs>
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
<g
id="g5">
<g
id="Layer_1">
<rect
class="cls-2"
x="35.799999"
y="29.700001"
width="445.60001"
height="450"
rx="25.700001"
ry="25.700001"
transform="rotate(180,258.6,254.75)"
id="rect5"
style="fill:url(#linear-gradient)" />
<path
class="cls-1"
d="m 424.7,296.8 c -2.6,-11.3 -21.2,-43.7 -59.3,-72.5 -7,-5.3 -13.2,-9.7 -18.5,-13.2 7.6,-32.6 -32,-71.9 -70.6,-53.4 -27.7,-26.1 -58.6,-36.7 -87,-36.3 -75.3,1.1 -133.3,79.5 -70.9,154.3 0,0 0,0 0.1,0.1 1,1.1 1.9,2.3 2.9,3.4 4.1,4.9 6.7,9.2 9,16.7 l 18.6,61 h -6.6 c -6.1,0 -11,4.9 -11,11 h 25 l 42,19.9 c 2.6,-5.5 0.2,-12.1 -5.2,-14.6 l -11,-5.2 h 31.7 c 0,-6.1 -4.9,-11 -11,-11 h -28.7 c -5,0 -9.5,-3.3 -10.9,-8.1 l -14.8,-48.5 c -3.7,-12.7 4.8,-21.1 12.7,-22.1 7.2,-0.9 10.9,3.8 14.3,15.1 l 13.1,43 H 182 c -6.1,0 -11,4.9 -11,11 h 25 l 42,19.9 c 2.6,-5.5 0.2,-12.1 -5.2,-14.6 l -11,-5.2 H 245 c 2.4,4 5.2,7.8 8.7,11.2 21.7,21.7 56.8,21.7 78.5,0 21.7,-21.7 21.7,-56.8 0,-78.5 -21.7,-21.7 -56.8,-21.7 -78.5,0 -15.2,15.2 -19.8,37.1 -13.6,56.3 h -26.3 c -5,0 -9.5,-3.3 -10.9,-8.1 l -21.8,-71.6 3.7,-2 c 51.7,-21.7 107,17 145.4,-20.2 l 0.2,-0.2 c 4.8,-4.3 9.5,-8.8 23.6,0 15.2,9.5 48.6,34.3 63.7,76.6 0,0 9.2,-3.3 6.7,-14.5 z M 318.3,202.9 c -0.1,-5.8 -4.8,-10.4 -10.7,-10.4 -5.9,0 -10.7,4.8 -10.7,10.7 0,5.9 1.4,6.1 3.6,8 -7.7,-1.5 -13.5,-8.2 -13.5,-16.4 0,-8.2 7.5,-16.7 16.7,-16.7 9.2,0 16.7,7.5 16.7,16.7 0,2.9 -0.8,5.7 -2.1,8.1 z"
id="path5" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 719 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 852 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 173 KiB