Hello,
how can i change the svg folder icon with a custom one and keep the option to be able to upgrade the script in future?
I mean this code:
<svg viewBox="0 0 48 48" class="svg-folder svg-folder-large files-svg"><path class="svg-folder-bg" d="M40 12H22l-4-4H8c-2.2 0-4 1.8-4 4v8h40v-4c0-2.2-1.8-4-4-4z"></path><path class="svg-folder-fg" d="M40 12H8c-2.2 0-4 1.8-4 4v20c0 2.2 1.8 4 4 4h32c2.2 0 4-1.8 4-4V16c0-2.2-1.8-4-4-4z"></path></svg>
with something like this:
<svg class="svg-folder svg-folder-large files-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101 80.42"><path d="M40.89,0H6.07C2.72,0,0,2.72,0,6.07v9.47c0,3.35,2.72,6.07,6.07,6.07h34.82c3.35,0,6.07-2.72,6.07-6.07V6.07l-6.07-6.07Z" style="fill:#aa8653;"/><rect y="5.42" width="101" height="75" rx="6" ry="6" style="fill:#bd945c;"/><polyline points="35.37 44.94 38.79 48.42 42.81 46.52 42.81 39.32 38.79 37.42 35.37 40.89 35.37 44.94" style="fill:#dadada;"/><polyline points="56.66 39.3 50.33 35.63 44.04 39.3 44.04 46.55 50.33 50.22 56.66 46.54 56.66 39.3" style="fill:#dadada;"/><path d="M39.13,36.22l4.28,2.03,6.3-3.64v-7.59c-4.7.14-9.12,1.39-12.77,3.59l2.18,5.6" style="fill:#dadada;"/><path d="M50.94,27.02v7.59l6.35,3.64,4.24-2.03,2.32-5.74c-3.69-2.19-8.15-3.41-12.92-3.46" style="fill:#dadada;"/><path d="M71.86,42.92c0-1.56-.3-3.1-.85-4.54l-4.5,2.62v3.82l4.44,2.73c.6-1.5.91-3.05.91-4.63" style="fill:#dadada;"/><path d="M49.72,58.83v-7.59s-6.32-3.64-6.32-3.64l-4.3,2.03-2.18,5.59c3.61,2.21,8.09,3.47,12.8,3.61" style="fill:#dadada;"/><path d="M62.74,36.53l3.28,3.33,4.46-2.58c-1.03-2.12-2.71-4.03-4.91-5.68-.24-.16-.44-.31-.65-.42l-2.18,5.35" style="fill:#dadada;"/><path d="M61.53,49.63l-4.24-2.03-6.35,3.64v7.59c4.79-.05,9.25-1.28,12.93-3.47l-2.34-5.73" style="fill:#dadada;"/><path d="M34.19,41.01l-4.2-2.47c-.56,1.41-.85,2.86-.85,4.38s.29,2.95.79,4.34l4.26-2.45v-3.81" style="fill:#dadada;"/><path d="M66.01,45.94l-3.27,3.38,2.19,5.34c.2-.15.39-.3.63-.45,2.18-1.59,3.81-3.48,4.89-5.55l-4.44-2.73" style="fill:#dadada;"/><path d="M35.91,54.51l2.04-5.2-3.27-3.37-4.23,2.45c1.03,2.18,2.74,4.18,5.03,5.82.14.12.28.23.43.3" style="fill:#dadada;"/><polyline points="65.28 40.89 61.87 37.42 57.84 39.32 57.84 46.52 61.87 48.42 65.28 44.94 65.28 40.89" style="fill:#dadada;"/><path d="M34.68,39.85l3.28-3.33-2.03-5.24c-.15.12-.3.24-.44.31-2.28,1.68-3.94,3.67-5.01,5.84l4.21,2.43" style="fill:#dadada;"/></svg>
Keeping the same CSS class for svg.
I see that it's declared in file: /assets/files.photo.gallery@0.12.4/js/files.js