jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

svg loading icon with transparent background. see #295

Browse source
This commit is contained in:
mic 2025-03-19 21:36:42 +01:00
parent 9286d15f96
commit 3a3f647809
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
images/icon-loading.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="shape-rendering: auto; display: block; background: rgb(255, 255, 255);" width="200" height="200" xmlns:xlink="http://www.w3.org/1999/xlink"><g><rect fill="#7ddfde" height="20" width="20" y="19" x="19"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="shape-rendering: auto; display: block; background: transparent;" width="200" height="200" xmlns:xlink="http://www.w3.org/1999/xlink"><g><rect fill="#7ddfde" height="20" width="20" y="19" x="19">
<animate calcMode="discrete" begin="0s" repeatCount="indefinite" dur="1s" keyTimes="0;0.125;1" values="#ffe5c9;#7ddfde;#7ddfde" attributeName="fill"></animate> <animate calcMode="discrete" begin="0s" repeatCount="indefinite" dur="1s" keyTimes="0;0.125;1" values="#ffe5c9;#7ddfde;#7ddfde" attributeName="fill"></animate>
</rect><rect fill="#7ddfde" height="20" width="20" y="19" x="40"> </rect><rect fill="#7ddfde" height="20" width="20" y="19" x="40">
<animate calcMode="discrete" begin="0.125s" repeatCount="indefinite" dur="1s" keyTimes="0;0.125;1" values="#ffe5c9;#7ddfde;#7ddfde" attributeName="fill"></animate> <animate calcMode="discrete" begin="0.125s" repeatCount="indefinite" dur="1s" keyTimes="0;0.125;1" values="#ffe5c9;#7ddfde;#7ddfde" attributeName="fill"></animate>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB