Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 <svg xmlns="http://www.w3.org/2000/svg"> | 1 <svg xmlns="http://www.w3.org/2000/svg"> |
2 <view id="on" viewBox="0 0 18 18"/> | 2 <view id="on" viewBox="0 0 18 18"/> |
3 <g fill="none" fill-rule="evenodd"> | 3 <g fill="none" fill-rule="evenodd"> |
4 <rect width="17" height="17" fill="#077CA6" stroke="#077CA6" rx="2" x=".5" y =".5" /> | 4 <rect width="17" height="17" fill="#077CA6" stroke="#077CA6" rx="2" x=".5" y =".5" /> |
5 <polyline stroke="#FFF" stroke-linecap="square" stroke-width="2" points="3.5 10.327 7.579 13.5 14.5 4.5" transform="rotate(6 9 9)"/> | 5 <polyline stroke="#FFF" stroke-linecap="square" stroke-width="2" points="3.5 10.327 7.579 13.5 14.5 4.5" transform="rotate(6 9 9)"/> |
6 </g> | 6 </g> |
7 | 7 |
8 <view id="off" viewBox="0 18 18 18"/> | 8 <view id="off" viewBox="0 18 18 18"/> |
9 <rect width="17" height="17" x=".5" y="18.5" fill="none" stroke="#000" rx="2"/ > | 9 <rect width="17" height="17" x=".5" y="18.5" fill="none" stroke="#000" rx="2"/ > |
10 | 10 |
11 <view id="on-disabled" viewBox="0 36 18 18"/> | 11 <view id="on-disabled" viewBox="0 36 18 18"/> |
12 <g fill="none" fill-rule="evenodd" transform="translate(0, 36)"> | 12 <g fill="none" fill-rule="evenodd" transform="translate(0, 36)"> |
13 <rect width="17" height="17" fill="#b3b3b3" stroke="#b3b3b3" rx="2" x=".5" y =".5" /> | 13 <rect width="17" height="17" fill="#ccc" stroke="#ccc" rx="2" x=".5" y=".5" /> |
Thomas Greiner
2018/03/08 19:28:19
According to Jeen's suggestion only the border sho
saroyanm
2018/03/09 11:23:28
This is getting, complicated. changing the fill fo
Thomas Greiner
2018/03/09 17:24:22
Acknowledged.
| |
14 <polyline stroke="#FFF" stroke-linecap="square" stroke-width="2" points="3.5 10.327 7.579 13.5 14.5 4.5" transform="rotate(6 9 9)"/> | 14 <polyline stroke="#FFF" stroke-linecap="square" stroke-width="2" points="3.5 10.327 7.579 13.5 14.5 4.5" transform="rotate(6 9 9)"/> |
15 </g> | 15 </g> |
16 </svg> | 16 </svg> |
LEFT | RIGHT |