Change button color when it is selected

This commit is contained in:
tiago.kayaya
2022-01-24 12:57:28 +01:00
parent 814e4bbd47
commit 8602c7a16a
3 changed files with 21 additions and 2 deletions
@@ -0,0 +1,7 @@
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H18V8H7V7Z" fill="white"/>
<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" fill="white"/>
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#D30606"/>
<path d="M19 11C19 10.4477 18.5523 10 18 10C17.4477 10 17 10.4477 17 11V24C17 24.5523 17.4477 25 18 25C18.5523 25 19 24.5523 19 24V11Z" fill="white"/>
<path d="M24.5 18.5C25.0523 18.5 25.5 18.0523 25.5 17.5C25.5 16.9477 25.0523 16.5 24.5 16.5H11.5C10.9477 16.5 10.5 16.9477 10.5 17.5C10.5 18.0523 10.9477 18.5 11.5 18.5H24.5Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 815 B

@@ -0,0 +1,10 @@
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H18V8H7V7Z" fill="white"/>
<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" fill="white"/>
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#D30606"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L17.5 20L27 16V27H8V16Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
<path d="M10.5 17V7H24.5V17" stroke="white" stroke-width="2" stroke-linejoin="round"/>
<path d="M8 16L10.5 13.5" stroke="white" stroke-width="2"/>
<path d="M27 16L24.5 13.5" stroke="white" stroke-width="2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 15.25L15.443 16.332L15.836 14.041L14.171 12.418L16.471 12.084L17.5 10L18.529 12.084L20.829 12.418L19.164 14.041L19.557 16.332L17.5 15.25Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB