lazzexus/Loupe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

data: aspect ratio icons

Browse source 
- Tweak symbols for pixel perfection
- Use outlines rather than strokes
- Make 'original' at least unique, if not obvious.
- This doesn't really address 5:4, 4:3, 3:2 being noise essentially

See https://gitlab.gnome.org/GNOME/loupe/-/issues/461
This commit is contained in:
Jakub Steiner 2025-02-26 08:16:41 +01:00 • committed by Sophie Herold
parent c9e5c9ed42
commit a85efc6475
6 changed files with 518 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

80
data/resources/icons/scalable/actions/aspect-ratio-16to9-symbolic.svg
View file

@ -1,4 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="4.0625" width="14" height="7.875" rx="2" ry="2" fill="none" stroke="#373737" stroke-linejoin="round" stroke-miterlimit="12.8" stroke-width="2"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16px"
height="16px"
version="1.1"
viewBox="0 0 16 16"
id="svg1"
sodipodi:docname="aspect-ratio-16to9-symbolic.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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">
<defs
id="defs1">
<inkscape:path-effect
effect="join_type"
id="path-effect1"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="2"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
</defs>
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="true"
inkscape:zoom="74.0625"
inkscape:cx="7.9932489"
inkscape:cy="8"
inkscape:window-width="5120"
inkscape:window-height="1371"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1">
<inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="1"
spacingy="1"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
</sodipodi:namedview>
<path
x="1"
y="4.0084915"
width="14"
height="7.9965191"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect1"
inkscape:path-effect="#path-effect1"
style="fill:#373737;fill-rule:nonzero;stroke:none"
sodipodi:type="rect"
d="m 13,5.0084915 c 0.571297,0 1,0.4287028 1,1 v 3.9965195 c 0,0.571297 -0.428703,1 -1,1 H 3 c -0.5712972,0 -1,-0.428703 -1,-1 V 6.0084915 c 0,-0.5712972 0.4287028,-1 1,-1 z m -13,1 v 3.9965195 c 0,1.657552 1.342448,3 3,3 h 10 c 1.657552,0 3,-1.342448 3,-3 V 6.0084915 c 0,-1.657552 -1.342448,-3 -3,-3 H 3 c -1.657552,0 -3,1.342448 -3,3 z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 309 B

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

80
data/resources/icons/scalable/actions/aspect-ratio-3to2-symbolic.svg
View file

@ -1,4 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="3.3333" width="14" height="9.3333" rx="2" ry="2" fill="none" stroke="#373737" stroke-linejoin="round" stroke-miterlimit="12.8" stroke-width="2"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16px"
height="16px"
version="1.1"
viewBox="0 0 16 16"
id="svg1"
sodipodi:docname="aspect-ratio-3to2-symbolic.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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">
<defs
id="defs1">
<inkscape:path-effect
effect="join_type"
id="path-effect1"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="2"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
</defs>
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="true"
inkscape:zoom="26.185048"
inkscape:cx="10.769505"
inkscape:cy="6.5686341"
inkscape:window-width="1622"
inkscape:window-height="966"
inkscape:window-x="26"
inkscape:window-y="23"
inkscape:window-maximized="0"
inkscape:current-layer="svg1">
<inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="1"
spacingy="1"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
</sodipodi:namedview>
<path
x="1"
y="3.0659721"
width="14"
height="9.9061451"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect1"
inkscape:path-effect="#path-effect1"
style="fill:#373737;fill-rule:nonzero;stroke:none"
sodipodi:type="rect"
d="m 13,4.0659721 c 0.571297,0 1,0.4287028 1,1 v 5.9061449 c 0,0.571297 -0.428703,1 -1,1 H 3 c -0.5712972,0 -1,-0.428703 -1,-1 V 5.0659721 c 0,-0.5712972 0.4287028,-1 1,-1 z m -13,1 v 5.9061449 c 0,1.657552 1.342448,3 3,3 h 10 c 1.657552,0 3,-1.342448 3,-3 V 5.0659721 c 0,-1.657552 -1.342448,-3 -3,-3 H 3 c -1.657552,0 -3,1.342448 -3,3 z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 310 B

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

80
data/resources/icons/scalable/actions/aspect-ratio-4to3-symbolic.svg
View file

@ -1,4 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="2.75" width="14" height="10.5" rx="2" ry="2" fill="none" stroke="#373737" stroke-linejoin="round" stroke-miterlimit="12.8" stroke-width="2"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16px"
height="16px"
version="1.1"
viewBox="0 0 16 16"
id="svg1"
sodipodi:docname="aspect-ratio-4to3-symbolic.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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">
<defs
id="defs1">
<inkscape:path-effect
effect="join_type"
id="path-effect1"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="2"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
</defs>
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="true"
inkscape:zoom="37.03125"
inkscape:cx="2.5248945"
inkscape:cy="11.733333"
inkscape:window-width="5120"
inkscape:window-height="1371"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1">
<inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="1"
spacingy="1"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
</sodipodi:namedview>
<path
x="1"
y="2.9930379"
width="14"
height="10.067932"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect1"
inkscape:path-effect="#path-effect1"
style="fill:#373737;fill-rule:nonzero;stroke:none"
sodipodi:type="rect"
d="m 13,3.9930379 c 0.571297,0 1,0.4287028 1,1 V 11.06097 c 0,0.571297 -0.428703,1 -1,1 H 3 c -0.5712972,0 -1,-0.428703 -1,-1 V 4.9930379 c 0,-0.5712972 0.4287028,-1 1,-1 z m -13,1 V 11.06097 c 0,1.657552 1.342448,3 3,3 h 10 c 1.657552,0 3,-1.342448 3,-3 V 4.9930379 c 0,-1.657552 -1.342448,-3 -3,-3 H 3 c -1.657552,0 -3,1.342448 -3,3 z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 306 B

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

80
data/resources/icons/scalable/actions/aspect-ratio-5to4-symbolic.svg
View file

@ -1,4 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="2.4" width="14" height="11.2" rx="2" ry="2" fill="none" stroke="#373737" stroke-linejoin="round" stroke-miterlimit="12.8" stroke-width="2"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16px"
height="16px"
version="1.1"
viewBox="0 0 16 16"
id="svg1"
sodipodi:docname="aspect-ratio-5to4-symbolic.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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">
<defs
id="defs1">
<inkscape:path-effect
effect="join_type"
id="path-effect1"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="2"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
</defs>
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="true"
inkscape:zoom="74.0625"
inkscape:cx="7.9932489"
inkscape:cy="8"
inkscape:window-width="5120"
inkscape:window-height="1371"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1">
<inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="1"
spacingy="1"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
</sodipodi:namedview>
<path
x="1"
y="1.9949368"
width="14"
height="12.010127"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect1"
inkscape:path-effect="#path-effect1"
style="fill:#373737;fill-rule:nonzero;stroke:none"
sodipodi:type="rect"
d="m 13,2.9949368 c 0.571297,0 1,0.4287028 1,1 v 8.0101272 c 0,0.571297 -0.428703,1 -1,1 H 3 c -0.5712972,0 -1,-0.428703 -1,-1 V 3.9949368 c 0,-0.5712972 0.4287028,-1 1,-1 z m -13,1 v 8.0101272 c 0,1.657552 1.342448,3 3,3 h 10 c 1.657552,0 3,-1.342448 3,-3 V 3.9949368 C 16,2.3373848 14.657552,0.99493682 13,0.99493682 H 3 c -1.657552,0 -3,1.34244798 -3,2.99999998 z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 305 B

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

136
data/resources/icons/scalable/actions/aspect-ratio-original-symbolic.svg
View file

@ -1,4 +1,134 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="1.0023" width="14" height="13.995" rx="2" ry="2" fill="none" stroke="#373737" stroke-linejoin="round" stroke-miterlimit="12.8" stroke-width="2"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16px"
height="16px"
version="1.1"
viewBox="0 0 16 16"
id="svg1"
sodipodi:docname="aspect-ratio-original-symbolic.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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">
<defs
id="defs1">
<inkscape:path-effect
effect="join_type"
id="path-effect5"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="1"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
<inkscape:path-effect
effect="join_type"
id="path-effect4"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="2"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
<inkscape:path-effect
effect="join_type"
id="path-effect3"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="2"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
</defs>
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="true"
inkscape:zoom="16"
inkscape:cx="-16.25"
inkscape:cy="12.46875"
inkscape:window-width="5120"
inkscape:window-height="1371"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1">
<inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="1"
spacingy="1"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
</sodipodi:namedview>
<path
x="1"
y="6.9972367"
width="14"
height="8.000062"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect1"
inkscape:path-effect="#path-effect3"
style="fill:#373737;fill-rule:nonzero;stroke:none"
sodipodi:type="rect"
d="m 13,7.9972367 c 0.571297,0 1,0.4287028 1,1 v 4.0000623 c 0,0.571297 -0.428703,1 -1,1 H 3 c -0.5712972,0 -1,-0.428703 -1,-1 V 8.9972367 c 0,-0.5712972 0.4287028,-1 1,-1 z m -13,1 v 4.0000623 c 0,1.657552 1.342448,3 3,3 h 10 c 1.657552,0 3,-1.342448 3,-3 V 8.9972367 c 0,-1.657552 -1.342448,-3 -3,-3 H 3 c -1.657552,0 -3,1.342448 -3,3 z" />
<path
x="-15.026803"
y="1.0295049"
width="14"
height="8.000062"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect2"
transform="rotate(-90)"
inkscape:path-effect="#path-effect4"
style="fill:#373737;fill-rule:nonzero;stroke:none"
sodipodi:type="rect"
d="m -3.026803,2.0295049 c 0.5712972,0 1,0.4287028 1,1 v 4.000062 c 0,0.5712972 -0.4287028,1 -1,1 h -10 c -0.571297,0 -1,-0.4287028 -1,-1 v -4.000062 c 0,-0.5712972 0.428703,-1 1,-1 z m -13,1 v 4.000062 c 0,1.657552 1.342448,3.0000001 3,3.0000001 h 10 c 1.657552,0 2.99999998,-1.3424481 2.99999998,-3.0000001 v -4.000062 c 0,-1.657552 -1.34244798,-3 -2.99999998,-3 h -10 c -1.657552,0 -3,1.342448 -3,3 z" />
<path
x="-15.492699"
y="0.5514521"
width="12.008512"
height="11.961659"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect3"
transform="rotate(-90)"
style="fill:#373737;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-dasharray:none"
inkscape:path-effect="#path-effect5"
sodipodi:type="rect"
d="m -5.4841871,1.0514521 c 0.8396486,0 1.5,0.6603514 1.5,1.5 v 7.9616599 c 0,0.839648 -0.6603514,1.5 -1.5,1.5 h -8.0085119 c -0.839648,0 -1.5,-0.660352 -1.5,-1.5 V 2.5514521 c 0,-0.8396486 0.660352,-1.5 1.5,-1.5 z m -10.5085119,1.5 v 7.9616599 c 0,1.384415 1.115584,2.5 2.5,2.5 h 8.0085119 c 1.3844159,0 2.5,-1.115585 2.5,-2.5 V 2.5514521 c 0,-1.3844159 -1.1155841,-2.5 -2.5,-2.5 h -8.0085119 c -1.384416,0 -2.5,1.1155841 -2.5,2.5 z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 310 B

After

Width:  |  Height:  |  Size: 4.5 KiB

Before After
Before After

80
data/resources/icons/scalable/actions/aspect-ratio-square-symbolic.svg
View file

@ -1,4 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="1.0023" width="14" height="13.995" rx="2" ry="2" fill="none" stroke="#373737" stroke-linejoin="round" stroke-miterlimit="12.8" stroke-width="2"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16px"
height="16px"
version="1.1"
viewBox="0 0 16 16"
id="svg1"
sodipodi:docname="aspect-ratio-square-symbolic.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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">
<defs
id="defs1">
<inkscape:path-effect
effect="join_type"
id="path-effect1"
is_visible="true"
lpeversion="1"
linecap_type="round"
line_width="2"
linejoin_type="round"
miter_limit="100"
attempt_force_join="true" />
</defs>
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="true"
inkscape:zoom="74.0625"
inkscape:cx="7.9932489"
inkscape:cy="8"
inkscape:window-width="5120"
inkscape:window-height="1371"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1">
<inkscape:grid
id="grid1"
units="px"
originx="0"
originy="0"
spacingx="1"
spacingy="1"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
</sodipodi:namedview>
<path
x="1"
y="1.0023"
width="14"
height="13.995"
rx="2"
ry="2"
fill="none"
stroke="#373737"
stroke-linejoin="round"
stroke-miterlimit="12.8"
stroke-width="2"
id="rect1"
inkscape:path-effect="#path-effect1"
style="fill:#373737;fill-rule:nonzero;stroke:none"
sodipodi:type="rect"
d="m 13,2.0023 c 0.571297,0 1,0.4287028 1,1 v 9.995 c 0,0.571297 -0.428703,1 -1,1 H 3 c -0.5712972,0 -1,-0.428703 -1,-1 v -9.995 c 0,-0.5712972 0.4287028,-1 1,-1 z m -13,1 v 9.995 c 0,1.657552 1.342448,3 3,3 h 10 c 1.657552,0 3,-1.342448 3,-3 V 3.0023 C 16,1.344748 14.657552,0.00230002 13,0.00230002 H 3 c -1.657552,0 -3,1.34244798 -3,2.99999998 z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 310 B

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After