oss/RomPatcher.js
oss/RomPatcher.js
1
0
Fork 0
mirror of https://github.com/marcrobledo/RomPatcher.js.git synced 2025-06-27 16:25:54 +00:00
Code Wiki Activity

optimized svg icons

Browse source
This commit is contained in:
Marc Robledo 2022-04-17 19:08:02 +02:00
parent 5553f330e4
commit eda73bd7b5
4 changed files with 4 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
style/RomPatcher.css
View file

@ -255,7 +255,7 @@ button.no-text.with-icon:before{margin-right:0px}
background-size:100% 100%;
background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSBzdHJva2U9IiMwODAiIHN0cm9rZS13aWR0aD0iODgiIHgxPSIyMjciIHgyPSI0NzQuMzEiIHkxPSIzNDMiIHkyPSI5NS42OSIvPjxsaW5lIHN0cm9rZT0iIzA4MCIgc3Ryb2tlLXdpZHRoPSI4OCIgeDE9IjU0IiB4Mj0iMjM3LjUxIiB5MT0iMjExIiB5Mj0iMzk0LjUxIi8+PC9zdmc+");
background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDgwIiBzdHJva2Utd2lkdGg9IjIuNzMiIGZpbGw9Im5vbmUiIGQ9Ik0gMS40Myw2LjU5IEMgNi4yNiwxMS40MiA2LjI2LDExLjQyIDYuMjYsMTEuNDIgTCAxNC42OCwzIi8+PC9zdmc+");
}

5
style/icon_close.svg
View file

@ -1,4 +1 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
<line stroke="#888" stroke-width="64" x1="16" x2="496" y1="16" y2="496"/>
<line stroke="#888" stroke-width="64" x1="496" x2="16" y1="16" y2="496"/>
</svg>
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><line stroke="#888" stroke-width="4" x1="1" x2="31" y1="1" y2="31"/><line stroke="#888" stroke-width="4" x1="31" x2="1" y1="1" y2="31"/></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 221 B

After

Width:  |  Height:  |  Size: 206 B

Before After
Before After

4
style/icon_heart.svg
View file

@ -1,3 +1 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
<path d="m135.81,62.13c-0.25,0.22 -3.37,0.63 -6.95,0.93c-13.9,1.13 -37.6,9.39 -50.16,17.47c-3.89,2.51 -7.33,4.55 -7.67,4.56c-0.99,0.03 -15.22,12.54 -19.79,17.39c-11.94,12.72 -19.85,26.1 -27.72,46.87c-5.01,13.19 -7.02,42.47 -4.09,59.8c5.9,35.18 27.87,69.21 67.68,104.88c103.21,82.78 106.19,85.08 106.71,85.45c0.52,0.37 60.38,45.75 61.69,45.75c49.02,-36.35 52.15,-38.5 55.2,-40.84c3.06,-2.33 5.99,-4.55 6.49,-4.91c94.85,-74.83 100.68,-80.06 106.71,-85.45c39.81,-35.66 61.78,-69.71 67.69,-104.88c2.91,-17.33 0.9,-46.62 -4.09,-59.8c-7.87,-20.76 -15.8,-34.15 -27.73,-46.87c-4.54,-4.86 -18.78,-17.37 -19.79,-17.39c-0.35,-0.01 -3.78,-2.05 -7.67,-4.56c-10.61,-6.83 -28.74,-13.61 -46.45,-17.38c-7.34,-1.57 -44.42,-1.18 -52.53,0.55c-9.8,2.08 -23.74,6.9 -32.84,11.36c-2.91,1.42 -17.78,10.71 -19.62,12.25c-0.59,0.5 -3.02,2.51 -5.38,4.47c-4.35,3.6 -13.05,12 -17.57,16.95l-2.44,2.68l-2.44,-2.68c-4.52,-4.96 -13.22,-13.36 -17.57,-16.95c-2.36,-1.96 -4.79,-3.97 -5.38,-4.47c-11.06,-9.24 -34.63,-19.86 -52.16,-23.52c-7.15,-1.49 -40.83,-2.81 -42.16,-1.65" fill="#e74c3c" />
</svg>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.3,2.1C2.816504,2.218309 1.4015208,3.1679153 0.87398438,4.58375 0.34678348,5.8777663 0.60547985,7.4216259 1.4467505,8.5260791 2.428738,9.9126453 3.9007302,10.812811 5.1733475,11.900144 6.1025539,12.652873 7.0572605,13.374847 8.03,14.07 9.8414762,12.741487 11.62015,11.365101 13.338177,9.9179978 14.534069,8.8670814 15.617932,7.3839163 15.42875,5.70625 15.351533,4.1060809 14.135607,2.6806679 12.60355,2.2616895 11.873602,2.0258183 11.076327,2.0638822 10.328633,2.1798242 9.4188311,2.3910696 8.6202638,2.9340558 8.02,3.64 7.2081279,2.6482215 5.9494781,2.0210606 4.6572266,2.0850586 4.5320909,2.0883379 4.4030623,2.0709127 4.28,2.1" fill="#e74c3c" /></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 729 B

Before After
Before After

5
style/icon_settings.svg
View file

@ -1,4 +1 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="256" cy="256" fill="transparent" rx="80" ry="80" stroke="#ffffff" stroke-width="36"/>
<path d="m201.85,509.06c-12.76,-2.99 -24.81,-13.35 -29.03,-24.91c-0.93,-2.29 -2.88,-11.86 -4.53,-21.32c-4.01,-22.92 -7.62,-29.5 -19.45,-35.08c-4.73,-2.19 -7.1,-2.69 -13.07,-2.69c-6.28,0.1 -9.26,0.9 -24.19,6.48c-16.88,6.28 -16.98,6.28 -27.79,6.38c-9.98,0 -11.32,-0.2 -17.5,-3.09c-3.71,-1.69 -8.75,-5.08 -11.32,-7.67c-5.46,-5.38 -50.74,-80.42 -53.83,-89.38c-2.68,-7.57 -1.96,-19.63 1.54,-27.1c3.81,-7.77 7.51,-11.76 22.13,-23.32c7.2,-5.78 14.2,-11.86 15.54,-13.35c8.85,-10.86 9.06,-26.71 0.31,-37.47c-1.13,-1.4 -8.23,-7.47 -15.75,-13.55c-14.92,-11.86 -18.22,-15.45 -22.13,-23.52c-3.6,-7.47 -4.32,-19.53 -1.75,-27.1c51.36,-88.39 53.94,-91.77 65.26,-97.06c6.18,-2.89 7.51,-3.09 17.5,-3.09c42.71,11.96 45.7,12.76 51.98,12.86c12.04,0.1 21.72,-5.78 27.38,-16.54c8.44,-40.45 9.78,-44.74 14.21,-51.01c4.32,-6.08 9.78,-10.36 17.6,-13.95l6.69,-3.09c81.32,-0.5 101.49,-0.2 104.68,0.4c12.45,2.59 22.44,10.16 28.1,21.32c9.88,44.24 12.15,50.02 18.63,55.5c6.18,5.18 12.15,7.37 20.48,7.27c6.38,0 9.26,-0.8 24.19,-6.38c16.88,-6.28 16.98,-6.28 27.79,-6.38c9.98,0 13.82,-0.8 19.5,3.09l62.53,94.57c1.34,2.89 1.75,6.68 1.85,13.95c0,8.67 -0.31,10.66 -2.68,15.45c-4.01,8.07 -7.41,11.76 -22.64,23.92c-14.72,11.86 -18.53,16.34 -21,24.21c-1.96,6.28 -1.96,9.07 0,15.35c2.47,7.97 6.48,12.66 21,24.21c15.03,11.96 18.63,15.84 22.64,23.92c2.37,4.78 2.68,6.78 2.68,15.45c-0.1,7.27 -0.21,5.15 -1.85,13.95c-1.64,8.8 -49.52,90.81 -60.74,96.08c-6.18,2.89 -11.3,1.58 -21.29,1.58c-10.81,-0.1 -10.91,-0.1 -27.79,-6.38c-14.92,-5.58 -17.91,-6.38 -24.19,-6.48c-12.04,-0.1 -21.72,5.78 -27.38,16.54c-1.24,2.39 -3.29,10.76 -5.15,21.03c-1.54,9.37 -3.71,19.13 -4.73,21.82c-3.5,9.57 -9.28,21.79 -24.17,24.58c-14.89,2.79 -108.09,0.53 -110.25,0.03l-0.01,-0.03zm96.03,-38.96c0,-0.2 1.34,-7.97 3.09,-17.44c4.43,-24.71 9.47,-35.47 22.54,-47.73c14.51,-13.75 35.61,-21.32 54.65,-19.83c9.98,0.8 12.76,1.49 31.7,8.17c8.65,3.09 15.85,5.38 15.95,5.18c38.7,-64.77 42.72,-72.24 41.69,-73.14c-0.72,-0.6 -6.59,-5.28 -12.87,-10.36c-14.82,-11.76 -20.79,-18.34 -25.94,-28.4c-5.76,-11.06 -7.62,-18.83 -7.62,-31.49c0,-12.66 1.85,-20.43 7.62,-31.49c5.15,-10.06 11.12,-16.64 25.94,-28.4l12.87,-10.36l-41.69,-73.14c-0.1,-0.2 -7.31,2.09 -15.95,5.18c-18.94,6.68 -21.72,7.37 -31.7,8.17c-19.04,1.49 -40.24,-6.18 -54.76,-19.73c-12.87,-12.26 -18.12,-23.22 -22.44,-47.83c-1.75,-9.47 -3.09,-17.24 -3.09,-17.34l-86.46,0c0,0.1 -1.34,7.87 -3.09,17.34c-4.32,24.61 -9.37,35.18 -22.34,47.63c-14.41,13.75 -35.72,21.42 -54.86,19.93c-9.98,-0.8 -12.76,-1.49 -31.7,-8.17c-8.65,-3.09 -15.85,-5.38 -15.95,-5.18c-3.19,3.89 -42.72,72.14 -42.2,72.64c0.41,0.4 6.38,5.18 13.17,10.66c14.41,11.56 19.87,17.24 25.01,26.21c6.18,10.66 8.65,20.53 8.65,33.88c0,13.35 -2.47,23.22 -8.65,33.88c-5.15,8.97 -10.6,14.65 -25.01,26.21c-6.79,5.48 -12.76,10.26 -13.17,10.66c-0.51,0.5 39.01,68.76 42.2,72.64c0.1,0.2 7.31,-2.09 15.95,-5.18c21.31,-7.57 23.36,-7.97 35.82,-8.07c12.87,0 20.79,1.79 32.42,7.37c9.37,4.48 13.99,6.88 23.36,17.64c9.37,10.76 13.79,21.52 17.29,42.15c3.5,20.63 2.37,13.65 2.68,15.25l0.62,2.69c66.8,0 86.26,-0.1 86.26,-0.2l0.01,0z" fill="#ffffff" />
</svg>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><ellipse cx="8" cy="8" fill="transparent" rx="2.5" ry="2.5" stroke="#ffffff" stroke-width="1.13" style="fill:none" /><path d="M 6.34,15.93 C 5.4588832,15.789025 5.3688301,14.771577 5.1756353,14.070626 4.88526,12.736602 3.4341324,13.644518 2.5971627,13.722372 1.429913,13.634857 1.20405,12.274774 0.57110457,11.527239 0.01256473,10.862766 -0.28025442,9.5563977 0.70078865,9.1307029 1.6881819,8.6864782 1.6795687,7.1576053 0.59919067,6.8587653 -0.3188158,6.2116572 0.07040277,5.0345832 0.70962743,4.3579058 1.1458066,3.5997233 1.4745511,2.6165206 2.3772581,2.2995448 3.2853269,2.2266882 4.6163607,3.3077881 5.1380438,2.0525892 5.3177552,1.1958744 5.5325932,-0.04373646 6.6754583,0.01614659 7.7138044,0.09890156 8.7722596,-0.11077281 9.7963088,0.11827521 10.569368,0.31098193 10.571622,1.2355275 10.750403,1.8610601 c 0.307427,1.3026813 1.685123,0.6224444 2.503868,0.3533436 0.82764,-0.090277 1.050717,0.8516809 1.472505,1.360975 0.38881,0.6166529 0.834189,1.2049045 1.187448,1.8394061 0.330486,1.0831614 -0.991271,1.5371101 -1.414855,2.2998779 -0.2856,1.1308037 1.380075,1.3511924 1.444845,2.3814793 -0.0079,0.927004 -0.692382,1.66038 -1.102823,2.444419 -0.39067,0.912507 -1.296704,1.612005 -2.278176,1.000092 -0.946701,-0.63303 -1.993578,0.112458 -1.907388,1.191742 0.0079,1.047847 -1.1122687,1.390845 -1.9768201,1.270072 C 7.8997219,15.932974 7.1191405,16.008245 6.34,15.93 Z m 3,-1.22 c 0.072192,-1.038342 0.5424188,-2.201536 1.610519,-2.551894 0.862697,-0.55308 2.289047,0.880644 2.758176,-0.364357 0.567891,-0.682315 1.24254,-1.736649 0.133817,-2.2771293 C 12.89432,8.7323482 13.006994,7.194583 13.884539,6.4028471 14.39852,6.1084948 14.833041,5.6436658 14.236602,5.1479432 13.957925,4.5967831 13.628958,4.0709474 13.33,3.53 12.383852,3.9354666 11.178531,4.1915721 10.300674,3.4919254 9.2869972,3.1081771 9.8933516,1.1858595 8.7077559,1.2901448 8.0634396,1.4130361 6.9692111,1.0406335 6.610177,1.4803803 6.5078416,2.4182135 6.0678498,3.4743442 5.0999314,3.7923931 4.2722569,4.3906884 3.3123355,3.3221592 2.4772941,3.8142154 2.2352934,4.5382998 0.87395464,5.4749545 1.8007346,6.1937991 c 1.053982,0.664386 1.302272,2.235122 0.4884086,3.1815951 -0.5474043,0.4278527 -1.2164805,0.9805138 -0.5529679,1.6797018 0.467778,0.565173 0.7706283,1.822385 1.7323918,1.179994 0.7375009,-0.386335 1.6577438,-0.111792 2.2758,0.38501 0.5290179,0.419069 0.7676252,1.08802 0.7930337,1.743226 0.4594894,0.831464 1.6051495,0.156768 2.3667841,0.36409 C 9.0495442,14.724232 9.1948683,14.718824 9.34,14.71 Z" fill="#ffffff" /></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After