Zamenjava svg ikon za gumba on in off

This commit is contained in:
pero1203 2022-08-18 10:05:57 +02:00
parent 029551808d
commit ee58c65394
2 changed files with 20 additions and 6 deletions

View File

@ -1,5 +1,12 @@
<svg width="95" height="35" viewBox="0 0 95 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="94.0625" height="35" rx="17.5" fill="#1E88E5"/>
<rect x="2.1875" y="2.1875" width="30.625" height="30.625" rx="15.3125" fill="white"/>
<path d="M52.7513 27.315C51.3163 27.315 50.0388 26.9475 48.9188 26.2125C47.8163 25.4775 46.95 24.4362 46.32 23.0887C45.7075 21.7412 45.4013 20.1487 45.4013 18.3112C45.4013 16.4737 45.7075 14.8987 46.32 13.5862C46.95 12.2562 47.8163 11.2412 48.9188 10.5412C50.0388 9.82375 51.3163 9.465 52.7513 9.465C54.2038 9.465 55.4813 9.82375 56.5838 10.5412C57.6863 11.2412 58.5525 12.2562 59.1825 13.5862C59.8125 14.8987 60.1275 16.4737 60.1275 18.3112C60.1275 20.1487 59.8125 21.7412 59.1825 23.0887C58.5525 24.4362 57.6863 25.4775 56.5838 26.2125C55.4813 26.9475 54.2038 27.315 52.7513 27.315ZM52.7513 25.3987C53.7838 25.3987 54.6763 25.11 55.4288 24.5325C56.1988 23.9375 56.7938 23.115 57.2138 22.065C57.6338 20.9975 57.8438 19.7462 57.8438 18.3112C57.8438 16.1762 57.38 14.4875 56.4525 13.245C55.525 12.0025 54.2913 11.3812 52.7513 11.3812C51.2113 11.3812 49.9775 12.0025 49.05 13.245C48.1225 14.4875 47.6588 16.1762 47.6588 18.3112C47.6588 19.7462 47.8688 20.9975 48.2888 22.065C48.7088 23.115 49.3038 23.9375 50.0738 24.5325C50.8438 25.11 51.7363 25.3987 52.7513 25.3987ZM63.8304 27V9.78H66.0879L72.3091 20.595L74.1729 24.165H74.2779C74.2254 23.29 74.1641 22.3887 74.0941 21.4612C74.0416 20.5162 74.0154 19.5887 74.0154 18.6787V9.78H76.0891V27H73.8316L67.5841 16.1587L65.7204 12.615H65.6154C65.6854 13.4725 65.7466 14.3562 65.7991 15.2662C65.8691 16.1762 65.9041 17.0862 65.9041 17.9962V27H63.8304Z" fill="white"/>
<g clip-path="url(#clip0_602_10)">
<path d="M76.5627 0H17.5001C7.83506 0 0 7.83504 0 17.5C0 27.1651 7.83506 35.0001 17.5001 35.0001H76.5627C86.2277 35.0001 94.0628 27.1651 94.0628 17.5C94.0628 7.83504 86.2277 0 76.5627 0Z" fill="#1E88E5"/>
<path d="M76.5 2H76.4999C67.9396 2 61 8.93956 61 17.4999V17.5C61 26.0604 67.9396 33 76.4999 33H76.5C85.0604 33 92 26.0604 92 17.5V17.4999C92 8.93956 85.0604 2 76.5 2Z" fill="white"/>
<path d="M22.5 26.42C21.065 26.42 19.7875 26.0525 18.6675 25.3175C17.565 24.5825 16.6987 23.5412 16.0687 22.1937C15.4562 20.8462 15.15 19.2537 15.15 17.4162C15.15 15.5787 15.4562 14.0037 16.0687 12.6912C16.6987 11.3612 17.565 10.3462 18.6675 9.64621C19.7875 8.92876 21.065 8.57001 22.5 8.57001C23.9525 8.57001 25.23 8.92876 26.3325 9.64621C27.435 10.3462 28.3012 11.3612 28.9312 12.6912C29.5612 14.0037 29.8762 15.5787 29.8762 17.4162C29.8762 19.2537 29.5612 20.8462 28.9312 22.1937C28.3012 23.5412 27.435 24.5825 26.3325 25.3175C25.23 26.0525 23.9525 26.42 22.5 26.42ZM22.5 24.5037C23.5325 24.5037 24.425 24.215 25.1775 23.6375C25.9475 23.0425 26.5425 22.22 26.9625 21.17C27.3825 20.1025 27.5925 18.8512 27.5925 17.4162C27.5925 15.2812 27.1287 13.5925 26.2012 12.35C25.2737 11.1075 24.04 10.4862 22.5 10.4862C20.96 10.4862 19.7262 11.1075 18.7987 12.35C17.8712 13.5925 17.4075 15.2812 17.4075 17.4162C17.4075 18.8512 17.6175 20.1025 18.0375 21.17C18.4575 22.22 19.0525 23.0425 19.8225 23.6375C20.5925 24.215 21.485 24.5037 22.5 24.5037ZM33.5791 26.105V8.88501H35.8366L42.0578 19.7L43.9216 23.27H44.0266C43.9741 22.395 43.9128 21.4937 43.8428 20.5662C43.7903 19.6212 43.7641 18.6937 43.7641 17.7837V8.88501H45.8378V26.105H43.5803L37.3328 15.2637L35.4691 11.72H35.3641C35.4341 12.5775 35.4953 13.4612 35.5478 14.3712C35.6178 15.2812 35.6528 16.1912 35.6528 17.1012V26.105H33.5791Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_602_10">
<rect width="95" height="35" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -1,5 +1,12 @@
<svg width="95" height="35" viewBox="0 0 95 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="94.0628" height="35.0001" rx="17.5001" fill="#CCCCCC"/>
<rect x="61.2502" y="2.1875" width="30.6251" height="30.6251" rx="15.3125" fill="white"/>
<path d="M21.2341 26.4763C19.9187 26.4763 18.7476 26.1394 17.7209 25.4656C16.7103 24.7919 15.9162 23.8374 15.3387 22.6022C14.7773 21.367 14.4966 19.9072 14.4966 18.2228C14.4966 16.5384 14.7773 15.0947 15.3387 13.8915C15.9162 12.6724 16.7103 11.7419 17.7209 11.1003C18.7476 10.4426 19.9187 10.1137 21.2341 10.1137C22.5655 10.1137 23.7366 10.4426 24.7472 11.1003C25.7578 11.7419 26.5519 12.6724 27.1294 13.8915C27.7069 15.0947 27.9957 16.5384 27.9957 18.2228C27.9957 19.9072 27.7069 21.367 27.1294 22.6022C26.5519 23.8374 25.7578 24.7919 24.7472 25.4656C23.7366 26.1394 22.5655 26.4763 21.2341 26.4763ZM21.2341 24.7197C22.1805 24.7197 22.9987 24.455 23.6885 23.9256C24.3943 23.3802 24.9397 22.6262 25.3247 21.6637C25.7097 20.6852 25.9022 19.5382 25.9022 18.2228C25.9022 16.2657 25.4771 14.7177 24.6269 13.5787C23.7767 12.4397 22.6457 11.8703 21.2341 11.8703C19.8224 11.8703 18.6915 12.4397 17.8413 13.5787C16.991 14.7177 16.5659 16.2657 16.5659 18.2228C16.5659 19.5382 16.7584 20.6852 17.1434 21.6637C17.5284 22.6262 18.0739 23.3802 18.7797 23.9256C19.4855 24.455 20.3037 24.7197 21.2341 24.7197ZM31.39 26.1875V10.4025H40.4856V12.0868H33.3872V17.4287H39.4028V19.1131H33.3872V26.1875H31.39ZM43.2803 26.1875V10.4025H52.3759V12.0868H45.2775V17.4287H51.2931V19.1131H45.2775V26.1875H43.2803Z" fill="white"/>
<g clip-path="url(#clip0_602_6)">
<path d="M76.5627 0H17.5001C7.83506 0 0 7.83504 0 17.5C0 27.1651 7.83506 35.0001 17.5001 35.0001H76.5627C86.2277 35.0001 94.0628 27.1651 94.0628 17.5C94.0628 7.83504 86.2277 0 76.5627 0Z" fill="#CCCCCC"/>
<path d="M17.5 2H17.4999C8.93956 2 2 8.93956 2 17.4999V17.5C2 26.0604 8.93956 33 17.4999 33H17.5C26.0604 33 33 26.0604 33 17.5V17.4999C33 8.93956 26.0604 2 17.5 2Z" fill="white"/>
<path d="M51.3463 25.6776C50.0326 25.6776 48.863 25.3407 47.8377 24.6669C46.8284 23.9932 46.0353 23.0387 45.4586 21.8035C44.8979 20.5683 44.6176 19.1085 44.6176 17.4241C44.6176 15.7397 44.8979 14.296 45.4586 13.0928C46.0353 11.8737 46.8284 10.9432 47.8377 10.3016C48.863 9.6439 50.0326 9.315 51.3463 9.315C52.676 9.315 53.8455 9.6439 54.8548 10.3016C55.8641 10.9432 56.6572 11.8737 57.2339 13.0928C57.8107 14.296 58.0991 15.7397 58.0991 17.4241C58.0991 19.1085 57.8107 20.5683 57.2339 21.8035C56.6572 23.0387 55.8641 23.9932 54.8548 24.6669C53.8455 25.3407 52.676 25.6776 51.3463 25.6776ZM51.3463 23.921C52.2915 23.921 53.1086 23.6563 53.7975 23.1269C54.5024 22.5815 55.0471 21.8275 55.4316 20.865C55.8161 19.8865 56.0083 18.7395 56.0083 17.4241C56.0083 15.467 55.5838 13.919 54.7347 12.78C53.8856 11.641 52.756 11.0716 51.3463 11.0716C49.9364 11.0716 48.807 11.641 47.9579 12.78C47.1087 13.919 46.6842 15.467 46.6842 17.4241C46.6842 18.7395 46.8764 19.8865 47.2609 20.865C47.6454 21.8275 48.1902 22.5815 48.8951 23.1269C49.6 23.6563 50.4171 23.921 51.3463 23.921ZM61.489 25.3888V9.6038H70.5727V11.2881H63.4836V16.63H69.4913V18.3144H63.4836V25.3888H61.489ZM73.3638 25.3888V9.6038H82.4476V11.2881H75.3584V16.63H81.3662V18.3144H75.3584V25.3888H73.3638Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_602_6">
<rect width="95" height="35" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB