better app icon
This commit is contained in:
sergeych committed
1 parent
02bde7e644
commit
75ba13bde2
39 files changed
+498
-142
No files matched your search
@@ -0,0 +1,59 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- 512x512 app icon - square book mark for launcher use -->
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<radialGradient id="bgGrad" cx="45%" cy="35%" r="75%">
|
||||
<stop offset="0%" stop-color="#2e6b8a"/>
|
||||
<stop offset="100%" stop-color="#0d2535"/>
|
||||
</radialGradient>
|
||||
<filter id="shadow" x="-10%" y="-5%" width="130%" height="120%">
|
||||
<feOffset in="SourceAlpha" dx="5" dy="7" result="offset"/>
|
||||
<feGaussianBlur in="offset" stdDeviation="8" result="blur"/>
|
||||
<feColorMatrix in="blur" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" result="shadowBlur"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="shadowBlur"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<linearGradient id="pageGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#f0ede3"/>
|
||||
<stop offset="100%" stop-color="#e8e4d8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="coverGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#3a82a6"/>
|
||||
<stop offset="100%" stop-color="#1a3d52"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="spineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#122c3c"/>
|
||||
<stop offset="100%" stop-color="#2e6b8a"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="coverShine" x1="0%" y1="0%" x2="30%" y2="100%">
|
||||
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.18"/>
|
||||
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<rect width="512" height="512" fill="url(#bgGrad)"/>
|
||||
<ellipse cx="268" cy="256" rx="200" ry="220" fill="#2e6b8a" opacity="0.25"/>
|
||||
|
||||
<g filter="url(#shadow)">
|
||||
<rect x="112" y="92" width="318" height="318" rx="10" fill="url(#pageGrad)"/>
|
||||
<rect x="104" y="84" width="318" height="318" rx="10" fill="#ece9df"/>
|
||||
<rect x="96" y="76" width="318" height="318" rx="10" fill="#f0ede3"/>
|
||||
</g>
|
||||
|
||||
<rect x="74" y="76" width="54" height="360" rx="10" fill="url(#spineGrad)"/>
|
||||
<rect x="116" y="76" width="324" height="360" rx="10" fill="url(#coverGrad)"/>
|
||||
<rect x="116" y="76" width="324" height="360" rx="10" fill="url(#coverShine)"/>
|
||||
<line x1="128" y1="86" x2="128" y2="426" stroke="#00000030" stroke-width="2"/>
|
||||
<rect x="140" y="100" width="276" height="312" rx="6" fill="none" stroke="#ffffff30" stroke-width="4"/>
|
||||
|
||||
<g transform="translate(139, 116) scale(3.45)">
|
||||
<path d="m 32.120065,25.957965 -15.0296,-9.2912 c -0.3066,-0.187 -0.6532,0.1603 -0.4666,0.4676 l 8.9112,14.4745 c 0.2399,0.3874 0.5665,0.7013 0.9597,0.9284 l 14.0032,8.0555 V 0.34209525 c 0,-0.394094 -0.5532,-0.474248 -0.6665,-0.1002 z" fill="#6197b4"/>
|
||||
<path d="m 25.901665,48.988865 -9.271,15.0556 c -0.1866,0.3073 0.16,0.6546 0.4665,0.4676 l 14.4431,-8.9305 c 0.3866,-0.2405 0.6999,-0.5678 0.9265,-0.9619 l 8.038,-14.0336 H 0.34134532 c -0.393231,0 -0.473212,0.5544 -0.09997,0.6679 z" fill="#bdccd6"/>
|
||||
<path d="m 55.101065,32.189965 9.2711,-15.0623 c 0.1866,-0.3072 -0.16,-0.6546 -0.4666,-0.4675 l -14.4431,8.9371 c -0.3865,0.2405 -0.6998,0.5678 -0.9264,0.9619 l -8.038,14.027 h 40.1634 c 0.3932,0 0.4732,-0.5544 0.1,-0.668 z" fill="#94bfcf"/>
|
||||
<path d="m 54.507965,48.641565 -14.0099,-8.0555 v 40.2507 c 0,0.3941 0.5532,0.4742 0.6665,0.1002 l 7.7181,-25.7094 15.0296,9.2912 c 0.3066,0.187 0.6532,-0.1603 0.4665,-0.4676 l -8.9177,-14.4812 c -0.2333,-0.3807 -0.5666,-0.7013 -0.9531,-0.9284 z" fill="#eee9d9"/>
|
||||
</g>
|
||||
|
||||
<rect x="74" y="390" width="54" height="46" rx="0 0 10 10" fill="#0e2030" opacity="0.75"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
+254
-55
@@ -1,65 +1,264 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- 512x512 app icon — desktop launcher & Android (keep content in inner ~340px safe zone) -->
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<radialGradient id="bgGrad" cx="45%" cy="35%" r="75%">
|
||||
<stop offset="0%" stop-color="#2e6b8a"/>
|
||||
<stop offset="100%" stop-color="#0d2535"/>
|
||||
<!-- 512x512 app icon - square book mark for launcher use -->
|
||||
|
||||
<svg
|
||||
width="512"
|
||||
height="512"
|
||||
viewBox="0 0 512 512"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg20"
|
||||
sodipodi:docname="icon-app.svg"
|
||||
inkscape:version="1.4.4 (1:1.4.4+202605061436+dcaf3e7d9e)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview20"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="1.7832031"
|
||||
inkscape:cx="264.13144"
|
||||
inkscape:cy="289.36693"
|
||||
inkscape:window-width="1861"
|
||||
inkscape:window-height="1163"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg20" />
|
||||
<defs
|
||||
id="defs10">
|
||||
<radialGradient
|
||||
id="bgGrad"
|
||||
cx="45%"
|
||||
cy="35%"
|
||||
r="75%">
|
||||
<stop
|
||||
offset="0%"
|
||||
stop-color="#2e6b8a"
|
||||
id="stop1" />
|
||||
<stop
|
||||
offset="100%"
|
||||
stop-color="#0d2535"
|
||||
id="stop2" />
|
||||
</radialGradient>
|
||||
<filter id="shadow" x="-10%" y="-5%" width="130%" height="120%">
|
||||
<feDropShadow dx="5" dy="7" stdDeviation="8" flood-color="#00000066"/>
|
||||
<filter
|
||||
id="shadow"
|
||||
x="-0.05748503"
|
||||
y="-0.05748503"
|
||||
width="1.1299401"
|
||||
height="1.1359281">
|
||||
<feOffset
|
||||
in="SourceAlpha"
|
||||
dx="5"
|
||||
dy="7"
|
||||
result="offset"
|
||||
id="feOffset2" />
|
||||
<feGaussianBlur
|
||||
in="offset"
|
||||
stdDeviation="8"
|
||||
result="blur"
|
||||
id="feGaussianBlur2" />
|
||||
<feColorMatrix
|
||||
in="blur"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"
|
||||
result="shadowBlur"
|
||||
id="feColorMatrix2" />
|
||||
<feMerge
|
||||
id="feMerge3">
|
||||
<feMergeNode
|
||||
in="shadowBlur"
|
||||
id="feMergeNode2" />
|
||||
<feMergeNode
|
||||
in="SourceGraphic"
|
||||
id="feMergeNode3" />
|
||||
</feMerge>
|
||||
</filter>
|
||||
<linearGradient id="pageGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#f0ede3"/>
|
||||
<stop offset="100%" stop-color="#e8e4d8"/>
|
||||
<linearGradient
|
||||
id="pageGrad"
|
||||
x1="112"
|
||||
y1="92"
|
||||
x2="430"
|
||||
y2="92"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset="0%"
|
||||
stop-color="#f0ede3"
|
||||
id="stop3" />
|
||||
<stop
|
||||
offset="100%"
|
||||
stop-color="#e8e4d8"
|
||||
id="stop4" />
|
||||
</linearGradient>
|
||||
<linearGradient id="coverGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#3a82a6"/>
|
||||
<stop offset="100%" stop-color="#1a3d52"/>
|
||||
<linearGradient
|
||||
id="coverGrad"
|
||||
x1="122.27474"
|
||||
y1="72.099931"
|
||||
x2="463.80072"
|
||||
y2="413.62592"
|
||||
gradientTransform="matrix(0.6899326,0,0,0.76659181,67.335419,73.748798)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset="0%"
|
||||
stop-color="#3a82a6"
|
||||
id="stop5" />
|
||||
<stop
|
||||
offset="100%"
|
||||
stop-color="#1a3d52"
|
||||
id="stop6" />
|
||||
</linearGradient>
|
||||
<linearGradient id="spineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#122c3c"/>
|
||||
<stop offset="100%" stop-color="#2e6b8a"/>
|
||||
<linearGradient
|
||||
id="spineGrad"
|
||||
x1="191.06718"
|
||||
y1="29.434673"
|
||||
x2="330.49458"
|
||||
y2="29.434673"
|
||||
gradientTransform="matrix(0.30396746,0,0,1.8795869,63.07392,73.440088)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset="0%"
|
||||
stop-color="#122c3c"
|
||||
id="stop7" />
|
||||
<stop
|
||||
offset="100%"
|
||||
stop-color="#2e6b8a"
|
||||
id="stop8" />
|
||||
</linearGradient>
|
||||
<linearGradient id="coverShine" x1="0%" y1="0%" x2="30%" y2="100%">
|
||||
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.18"/>
|
||||
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
||||
<linearGradient
|
||||
id="coverShine"
|
||||
x1="122.27474"
|
||||
y1="72.099931"
|
||||
x2="224.73254"
|
||||
y2="413.62592"
|
||||
gradientTransform="matrix(0.6899326,0,0,0.76659181,67.335419,73.748798)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset="0%"
|
||||
stop-color="#ffffff"
|
||||
stop-opacity="0.18"
|
||||
id="stop9" />
|
||||
<stop
|
||||
offset="100%"
|
||||
stop-color="#ffffff"
|
||||
stop-opacity="0"
|
||||
id="stop10" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Full-bleed background -->
|
||||
<rect width="512" height="512" fill="url(#bgGrad)"/>
|
||||
|
||||
<!-- Subtle radial glow behind book -->
|
||||
<ellipse cx="268" cy="256" rx="200" ry="220" fill="#2e6b8a" opacity="0.25"/>
|
||||
|
||||
<!-- Book, scaled 1.84x and centered (book canvas 200x260 → 368x478, centered in 512x512) -->
|
||||
<!-- x_offset=(512-368)/2=72, y_offset=(512-478)/2=17 -->
|
||||
<g transform="translate(72, 17) scale(1.84)">
|
||||
<!-- Pages -->
|
||||
<rect x="36" y="18" width="142" height="230" rx="2" fill="url(#pageGrad)" filter="url(#shadow)"/>
|
||||
<rect x="34" y="16" width="142" height="230" rx="2" fill="#ece9df"/>
|
||||
<rect x="32" y="14" width="142" height="230" rx="2" fill="#f0ede3"/>
|
||||
<!-- Spine -->
|
||||
<rect x="18" y="14" width="18" height="230" rx="2" fill="url(#spineGrad)"/>
|
||||
<line x1="35" y1="14" x2="35" y2="244" stroke="#00000030" stroke-width="1"/>
|
||||
<!-- Cover -->
|
||||
<rect x="32" y="14" width="142" height="230" rx="2" fill="url(#coverGrad)"/>
|
||||
<rect x="32" y="14" width="142" height="230" rx="2" fill="url(#coverShine)"/>
|
||||
<!-- Cover border -->
|
||||
<rect x="40" y="22" width="126" height="214" rx="1" fill="none" stroke="#ffffff30" stroke-width="1.5"/>
|
||||
<!-- Star (scale 0.888 within book, translate 67,59) -->
|
||||
<g transform="translate(67, 59) scale(0.888)">
|
||||
<path d="m 32.120065,25.957965 -15.0296,-9.2912 c -0.3066,-0.187 -0.6532,0.1603 -0.4666,0.4676 l 8.9112,14.4745 c 0.2399,0.3874 0.5665,0.7013 0.9597,0.9284 l 14.0032,8.0555 V 0.34209525 c 0,-0.394094 -0.5532,-0.474248 -0.6665,-0.1002 z" fill="#6197b4"/>
|
||||
<path d="m 25.901665,48.988865 -9.271,15.0556 c -0.1866,0.3073 0.16,0.6546 0.4665,0.4676 l 14.4431,-8.9305 c 0.3866,-0.2405 0.6999,-0.5678 0.9265,-0.9619 l 8.038,-14.0336 H 0.34134532 c -0.393231,0 -0.473212,0.5544 -0.09997,0.6679 z" fill="#bdccd6"/>
|
||||
<path d="m 55.101065,32.189965 9.2711,-15.0623 c 0.1866,-0.3072 -0.16,-0.6546 -0.4666,-0.4675 l -14.4431,8.9371 c -0.3865,0.2405 -0.6998,0.5678 -0.9264,0.9619 l -8.038,14.027 h 40.1634 c 0.3932,0 0.4732,-0.5544 0.1,-0.668 z" fill="#94bfcf"/>
|
||||
<path d="m 54.507965,48.641565 -14.0099,-8.0555 v 40.2507 c 0,0.3941 0.5532,0.4742 0.6665,0.1002 l 7.7181,-25.7094 15.0296,9.2912 c 0.3066,0.187 0.6532,-0.1603 0.4665,-0.4676 l -8.9177,-14.4812 c -0.2333,-0.3807 -0.5666,-0.7013 -0.9531,-0.9284 z" fill="#eee9d9"/>
|
||||
</g>
|
||||
<!-- Title -->
|
||||
<text x="103" y="180" text-anchor="middle" font-family="Georgia, serif" font-size="15" font-weight="bold" fill="#ffffff" letter-spacing="1">TOREAD</text>
|
||||
<line x1="55" y1="188" x2="151" y2="188" stroke="#ffffff50" stroke-width="0.8"/>
|
||||
<text x="103" y="202" text-anchor="middle" font-family="Georgia, serif" font-size="9" fill="#aaccdd" letter-spacing="2">E-READER</text>
|
||||
<!-- Bottom spine detail -->
|
||||
<rect x="18" y="228" width="18" height="16" fill="#0e2030"/>
|
||||
<rect
|
||||
width="512"
|
||||
height="512"
|
||||
fill="url(#bgGrad)"
|
||||
id="rect10" />
|
||||
<ellipse
|
||||
cx="262.23917"
|
||||
cy="259.92554"
|
||||
rx="145.45056"
|
||||
ry="159.99562"
|
||||
fill="#2e6b8a"
|
||||
opacity="0.25"
|
||||
id="ellipse10"
|
||||
style="stroke-width:0.727253" />
|
||||
<g
|
||||
filter="url(#shadow)"
|
||||
id="g13"
|
||||
transform="matrix(0.72725281,0,0,0.72725281,67.335419,73.748798)">
|
||||
<rect
|
||||
x="112"
|
||||
y="92"
|
||||
width="318"
|
||||
height="318"
|
||||
rx="10"
|
||||
fill="url(#pageGrad)"
|
||||
id="rect11"
|
||||
style="fill:url(#pageGrad)" />
|
||||
<rect
|
||||
x="104"
|
||||
y="84"
|
||||
width="318"
|
||||
height="318"
|
||||
rx="10"
|
||||
fill="#ece9df"
|
||||
id="rect12" />
|
||||
<rect
|
||||
x="96"
|
||||
y="76"
|
||||
width="318"
|
||||
height="318"
|
||||
rx="10"
|
||||
fill="#f0ede3"
|
||||
id="rect13" />
|
||||
</g>
|
||||
<rect
|
||||
x="121.15213"
|
||||
y="128.76512"
|
||||
width="42.381393"
|
||||
height="262.06592"
|
||||
rx="7.8484058"
|
||||
fill="url(#spineGrad)"
|
||||
id="rect14"
|
||||
style="fill:url(#spineGrad);stroke:none;stroke-width:0.755863" />
|
||||
<rect
|
||||
x="151.69673"
|
||||
y="129.02002"
|
||||
width="235.62991"
|
||||
height="261.811"
|
||||
rx="7.2725282"
|
||||
fill="url(#coverGrad)"
|
||||
id="rect15"
|
||||
style="fill:url(#coverGrad);stroke-width:0.727253" />
|
||||
<rect
|
||||
x="151.69673"
|
||||
y="129.02002"
|
||||
width="235.62991"
|
||||
height="261.811"
|
||||
rx="7.2725282"
|
||||
fill="url(#coverShine)"
|
||||
id="rect16"
|
||||
style="display:inline;fill:url(#coverShine);stroke-width:0.727253" />
|
||||
<line
|
||||
x1="160.42378"
|
||||
y1="136.29254"
|
||||
x2="160.42378"
|
||||
y2="383.5585"
|
||||
stroke="#00000030"
|
||||
stroke-width="1.45451"
|
||||
id="line16" />
|
||||
<rect
|
||||
x="162.24403"
|
||||
y="141.29759"
|
||||
width="215.68887"
|
||||
height="240.71645"
|
||||
rx="4.6888885"
|
||||
fill="none"
|
||||
stroke="#ffffff30"
|
||||
stroke-width="3.10595"
|
||||
id="rect17"
|
||||
style="fill:none;stroke:#000000;stroke-opacity:0.104098" />
|
||||
<g
|
||||
transform="matrix(2.5090222,0,0,2.5090222,168.42356,158.11013)"
|
||||
id="g20">
|
||||
<path
|
||||
d="m 32.120065,25.957965 -15.0296,-9.2912 c -0.3066,-0.187 -0.6532,0.1603 -0.4666,0.4676 l 8.9112,14.4745 c 0.2399,0.3874 0.5665,0.7013 0.9597,0.9284 l 14.0032,8.0555 V 0.34209525 c 0,-0.394094 -0.5532,-0.474248 -0.6665,-0.1002 z"
|
||||
fill="#6197b4"
|
||||
id="path17" />
|
||||
<path
|
||||
d="m 25.901665,48.988865 -9.271,15.0556 c -0.1866,0.3073 0.16,0.6546 0.4665,0.4676 l 14.4431,-8.9305 c 0.3866,-0.2405 0.6999,-0.5678 0.9265,-0.9619 l 8.038,-14.0336 H 0.34134532 c -0.393231,0 -0.473212,0.5544 -0.09997,0.6679 z"
|
||||
fill="#bdccd6"
|
||||
id="path18" />
|
||||
<path
|
||||
d="m 55.101065,32.189965 9.2711,-15.0623 c 0.1866,-0.3072 -0.16,-0.6546 -0.4666,-0.4675 l -14.4431,8.9371 c -0.3865,0.2405 -0.6998,0.5678 -0.9264,0.9619 l -8.038,14.027 h 40.1634 c 0.3932,0 0.4732,-0.5544 0.1,-0.668 z"
|
||||
fill="#94bfcf"
|
||||
id="path19" />
|
||||
<path
|
||||
d="m 54.507965,48.641565 -14.0099,-8.0555 v 40.2507 c 0,0.3941 0.5532,0.4742 0.6665,0.1002 l 7.7181,-25.7094 15.0296,9.2912 c 0.3066,0.187 0.6532,-0.1603 0.4665,-0.4676 l -8.9177,-14.4812 c -0.2333,-0.3807 -0.5666,-0.7013 -0.9531,-0.9284 z"
|
||||
fill="#eee9d9"
|
||||
id="path20" />
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 212 KiB |
Reference in new issue
Block a user