Edit health progress icons

ekaterinburgdev · Sep 14, 2023 · b1b6703 · b1b6703 · ekbdev · Sep 14, 2023
1 parent d2fbc8c
commit b1b6703
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/components/UI/Icons/BrokenHeart.tsx b/components/UI/Icons/BrokenHeart.tsx
@@ -4,10 +4,20 @@ type Props = {
 
 function BrokenHeart({ color }: Props) {
     return (
-        <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1.53 9.35444L1.52922 9.35267C1.0399 8.23724 0.885252 7.00876 1.08468 5.80981C1.32246 4.34578 2.14041 3.03845 3.3521 2.16128C4.18076 1.5457 5.165 1.16435 6.19702 1.05542C7.14136 0.94332 8.10004 1.04086 9.00086 1.34131C9.73257 1.58537 10.4116 1.95848 11.0039 2.44171C11.8835 1.72596 12.9476 1.25735 14.0811 1.08675C14.9087 0.944892 15.7582 0.977281 16.5722 1.18196C17.3875 1.38696 18.1496 1.7604 18.806 2.27859C19.9316 3.1425 20.6881 4.39055 20.9148 5.77983L1.53 9.35444ZM1.53 9.35444C1.97174 10.3561 2.56577 11.2867 3.2915 12.1155C4.17421 13.1488 5.12895 14.1219 6.14891 15.0281C6.82913 15.6464 7.51825 16.258 8.20181 16.8647C8.4104 17.0498 8.61848 17.2345 8.82563 17.4188L8.8263 17.4194M1.53 9.35444L8.8263 17.4194M8.8263 17.4194C9.13071 17.6897 9.44087 17.9615 9.74999 18.2324C9.9476 18.4056 10.1448 18.5785 10.3398 18.7503L10.987 19.3206M8.8263 17.4194L10.987 19.3206M10.987 19.3206L11.6419 18.7676M10.987 19.3206L11.6419 18.7676M11.6419 18.7676C11.643 18.7667 11.6446 18.7654 11.6469 18.7637M11.6419 18.7676L11.6469 18.7637M11.6469 18.7637C11.6515 18.76 11.6637 18.7505 11.6776 18.7391M11.6469 18.7637L11.6776 18.7391M11.6776 18.7391C11.689 18.7297 11.704 18.7171 11.721 18.7017M11.6776 18.7391L11.721 18.7017M11.721 18.7017C12.8048 17.7445 13.8878 16.7875 14.97 15.8308C16.1041 14.8449 17.1825 13.8002 18.2005 12.7014C18.9341 11.9209 19.5705 11.0587 20.0961 10.1324C20.8704 8.81671 21.1606 7.28118 20.9148 5.78007L11.721 18.7017Z" fill="#1E2841" stroke="#1E2841" strokeWidth={2} />
-            <path fillRule="evenodd" clipRule="evenodd" d="M9.68153 2.75191L7.45476 5.16666L6.95058 5.71337L7.41667 6.29252L11.7503 11.6773L9.70006 17.0076C9.62968 16.9447 9.55937 16.8818 9.48917 16.8188C9.28002 16.6306 9.07064 16.4427 8.86114 16.2547C8.17778 15.6415 7.49407 15.0278 6.81802 14.4064C5.84068 13.5077 4.89437 12.5771 4.05035 11.5536C3.40801 10.7754 2.8316 9.95313 2.44862 9.01688C2.05206 8.04704 1.89257 7.04672 2.07533 6.00664C2.29494 4.75582 2.91692 3.74084 3.94612 2.97072C4.64421 2.44924 5.43538 2.13892 6.30943 2.04259C7.56485 1.90463 8.68439 2.15488 9.68153 2.75191ZM9.24297 5.79002L13.4221 10.9827L13.7336 11.3698L13.5555 11.8327L11.1833 18C11.4693 17.7446 11.7554 17.4894 12.0415 17.2342C12.7974 16.5599 13.553 15.8859 14.3065 15.2093C15.4045 14.2237 16.4788 13.2144 17.4629 12.1173C18.1324 11.3714 18.7481 10.5871 19.2227 9.70494C19.8534 8.53436 20.1564 7.30201 19.9198 5.97576C19.7104 4.79853 19.1374 3.81772 18.1848 3.0718C17.0271 2.16501 15.6973 1.84615 14.2357 2.06774C11.9679 2.41238 10.6949 4.21546 9.24297 5.79002Z" fill={color} stroke="#1E2841" strokeWidth={2} />
+        <svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_10212_11063)">
+                <path fillRule="evenodd" clipRule="evenodd" d="M9.73814 16.3677L9.19262 15.9088C8.91236 15.6729 8.63511 15.4399 8.35785 15.204L7.78685 14.7164C7.17089 14.1928 6.53544 13.6506 5.91499 13.1083C4.9874 12.318 4.11761 11.4673 3.31177 10.5623C2.6544 9.84233 2.11518 9.03039 1.71266 8.15447C1.2664 7.18255 1.12576 6.10667 1.30802 5.05906C1.41578 4.4228 1.65392 3.81336 2.00866 3.26599C2.36341 2.71862 2.82771 2.2442 3.37471 1.87015C4.13209 1.33318 5.02612 1.00179 5.96295 0.910748C6.19078 0.885162 6.41996 0.872195 6.64934 0.871911C7.99191 0.869948 9.2939 1.31358 10.3346 2.12762C11.1403 1.49485 12.1101 1.08417 13.1402 0.939516C13.8932 0.815231 14.665 0.843156 15.4062 1.0215C16.1489 1.19891 16.8434 1.52704 17.4429 1.98379C18.4629 2.72903 19.1471 3.8206 19.3552 5.03461C19.5745 6.34599 19.3095 7.68971 18.6059 8.83339C18.1251 9.64325 17.5467 10.3959 16.8824 11.0758C15.9526 12.0369 14.9695 12.9492 13.9375 13.8088L10.9791 16.326C10.9581 16.3432 10.9371 16.3619 10.9101 16.3806L10.3106 16.8639L9.73814 16.3677Z" fill="#1E2841" />
+                <path d="M14.0683 1.7261C14.4457 1.72631 14.8216 1.77075 15.1878 1.85843C15.8061 2.00826 16.3846 2.28123 16.8858 2.65961C17.7285 3.27442 18.2938 4.17573 18.4654 5.17823C18.655 6.29238 18.43 7.43501 17.83 8.40598C17.384 9.16086 16.8451 9.86158 16.2249 10.4931C15.3162 11.434 14.3556 12.3275 13.3474 13.1699L10.38 15.6785C10.368 15.69 10.353 15.6986 10.3321 15.7159C9.86896 15.3232 9.41036 14.9406 8.95625 14.5537C8.14247 13.8603 7.32568 13.1685 6.51939 12.4665C5.62059 11.7009 4.77736 10.8772 3.9956 10.0012C3.39576 9.34484 2.90355 8.6047 2.53587 7.80617C2.1606 6.98767 2.04236 6.08186 2.19567 5.19981C2.28614 4.67572 2.48333 4.17388 2.77597 3.72296C3.06861 3.27205 3.45096 2.8809 3.90118 2.57187C4.53143 2.12346 5.27586 1.84621 6.05629 1.76925C6.78546 1.68452 7.52513 1.75624 8.2219 1.97926C8.91492 2.19914 9.5475 2.56588 10.0728 3.05229C10.1642 3.13284 10.2436 3.22202 10.3231 3.2997L10.6723 2.9962C11.3984 2.34936 12.3118 1.92908 13.292 1.79083C13.5484 1.74816 13.8081 1.7265 14.0683 1.7261ZM14.0683 3.23943e-05C13.7097 3.29819e-06 13.3518 0.0288725 12.9982 0.0863357C12.0476 0.223345 11.1389 0.554959 10.3335 1.05869C9.23792 0.372761 7.95789 0.00789979 6.64977 0.00866273C6.38434 0.00915047 6.11915 0.0240376 5.85547 0.0532528C4.76267 0.164466 3.72064 0.55378 2.83711 1.18095C2.19788 1.6208 1.65541 2.17745 1.24084 2.81897C0.826264 3.46049 0.547733 4.17426 0.421223 4.91932C0.211311 6.13096 0.373797 7.37505 0.888814 8.49947C1.32833 9.4567 1.91762 10.3439 2.63628 11.1303C3.46691 12.0622 4.3627 12.9388 5.31744 13.7539C5.93939 14.2962 6.57334 14.837 7.1878 15.3592L7.7603 15.8482C8.04056 16.0855 8.31931 16.3214 8.60106 16.5573L9.14359 17.0147L10.3081 18L11.477 17.0507C11.5098 17.0263 11.5413 17.0004 11.5715 16.973L14.5284 14.4659C15.5823 13.586 16.5863 12.6526 17.5362 11.6697C18.2487 10.942 18.8685 10.1357 19.3826 9.26757C20.1922 7.94941 20.4965 6.4012 20.2429 4.89055C19.9977 3.46098 19.1937 2.17495 17.9948 1.29458C17.2979 0.766723 16.4917 0.387659 15.6299 0.182708C15.1193 0.059748 14.5947 -0.0016173 14.0683 3.23943e-05Z" fill="#1E2841" />
+                <path fillRule="evenodd" clipRule="evenodd" d="M16.7583 2.83747C17.5818 3.43678 18.1352 4.3158 18.3049 5.29424C18.4903 6.38347 18.2706 7.50057 17.6844 8.45006C17.2473 9.18757 16.7206 9.87272 16.1153 10.4911C15.2268 11.4107 14.2873 12.2837 13.3008 13.1061L10.3993 15.5672L10.3768 15.5859C10.3683 15.5915 10.3603 15.5978 10.3529 15.6046L12.8032 9.90428L8.69531 5.09143L10.3439 3.46317L10.4728 3.35098L10.6736 3.16398C11.3826 2.53094 12.2753 2.11961 13.2333 1.98451C13.8519 1.88234 14.4859 1.90537 15.0947 2.05211C15.7013 2.19683 16.2686 2.46463 16.7583 2.83747Z" fill={color} />
+                <path fillRule="evenodd" clipRule="evenodd" d="M9.17172 2.55842L6.77382 5.09142L11.0151 10.1574L9.22268 14.6538L9.00387 14.4683L8.44486 13.9922C7.83489 13.4729 7.22343 12.9537 6.62395 12.4272C5.74424 11.6782 4.9195 10.8717 4.15561 10.0136C3.56872 9.372 3.08711 8.64834 2.72736 7.86751C2.36226 7.0676 2.24669 6.18323 2.39465 5.32156C2.48312 4.80915 2.67598 4.31851 2.9622 3.8777C3.24842 3.43689 3.62238 3.05457 4.06269 2.7526C4.67988 2.31278 5.40953 2.04141 6.17435 1.96724C6.8869 1.88453 7.60969 1.95478 8.29049 2.17293C8.59724 2.27206 8.89254 2.40124 9.17172 2.55842Z" fill={color} />
+            </g>
+            <defs>
+                <clipPath id="clip0_10212_11063">
+                    <rect width="20" height="18" fill="white" transform="translate(0.332031)" />
+                </clipPath>
+            </defs>
         </svg>
+
     );
 }
 

diff --git a/components/UI/Icons/Heart.tsx b/components/UI/Icons/Heart.tsx
@@ -4,10 +4,17 @@ type Props = {
 
 function Heart({ color }: Props) {
     return (
-        <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1.50643 9.33957L1.50716 9.3413C1.93102 10.341 2.50162 11.2712 3.20003 12.1008C4.04893 13.1343 4.96734 14.1079 5.94877 15.0149C6.60281 15.6332 7.26543 16.2449 7.92259 16.8515C8.12317 17.0367 8.32324 17.2214 8.5224 17.4056L8.52307 17.4062C8.81583 17.6766 9.11422 17.9486 9.41154 18.2197C9.60147 18.3928 9.79097 18.5656 9.97829 18.7372L10.6397 19.3434L11.3094 18.7553C11.3104 18.7544 11.3119 18.7532 11.3137 18.7517C11.3182 18.7481 11.3302 18.7383 11.3438 18.7267C11.3551 18.7171 11.3698 18.7042 11.3865 18.6885C12.4284 17.7313 13.4696 16.7744 14.51 15.8178C15.601 14.8313 16.6383 13.7861 17.6173 12.687C18.3235 11.9057 18.9353 11.0433 19.4402 10.1177C20.1831 8.80493 20.4595 7.27726 20.2247 5.78591C20.0084 4.4074 19.2854 3.15953 18.1969 2.29053C17.5622 1.76938 16.8228 1.39189 16.029 1.18431C15.2366 0.977088 14.4092 0.944162 13.603 1.08776C12.5163 1.25802 11.4992 1.72029 10.6569 2.42112C10.0938 1.95139 9.44963 1.58631 8.75453 1.34518C7.87895 1.04143 6.94595 0.94248 6.02652 1.05592C5.02024 1.16649 4.06404 1.553 3.26209 2.17257C2.08968 3.0554 1.30778 4.36314 1.08095 5.8159C0.890422 7.00715 1.0378 8.22848 1.50643 9.33957Z" fill={color} stroke="#1E2841" strokeWidth="2" />
+        <svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_10212_11070)">
+                <path fillRule="evenodd" clipRule="evenodd" d="M9.73822 16.3677L9.20019 15.9146C8.91844 15.6772 8.63668 15.4414 8.35793 15.204L7.79142 14.7207C7.17396 14.1943 6.53702 13.652 5.91506 13.1097C4.98782 12.3186 4.11805 11.4674 3.31184 10.5623C2.65481 9.84208 2.11563 9.0302 1.71274 8.15447C1.26635 7.18208 1.12571 6.1057 1.30809 5.05762C1.41604 4.42161 1.65427 3.81245 2.00901 3.26534C2.36374 2.71823 2.82794 2.24403 3.37479 1.87015C4.13217 1.33318 5.02619 1.00179 5.96302 0.910748C6.19085 0.885162 6.42003 0.872195 6.64942 0.871911C7.99199 0.869948 9.29397 1.31358 10.3347 2.12762C11.1404 1.49485 12.1101 1.08417 13.1402 0.939516C13.8933 0.815231 14.6651 0.843156 15.4063 1.0215C16.1463 1.19897 16.8385 1.52552 17.437 1.97947C18.4594 2.72544 19.1457 3.81852 19.3553 5.03461C19.5746 6.34599 19.3096 7.68971 18.606 8.83339C18.1252 9.6436 17.5462 10.3963 16.881 11.0758C15.9524 12.0376 14.9698 12.9499 13.9375 13.8088L10.9791 16.326L10.9117 16.3806L10.3197 16.861L9.73822 16.3677Z" fill={color} />
+                <path d="M14.0689 1.7261C14.4463 1.72631 14.8222 1.77075 15.1884 1.85843C15.8067 2.00826 16.3852 2.28123 16.8864 2.65961C17.7291 3.27442 18.2944 4.17573 18.466 5.17823C18.6555 6.29238 18.4306 7.43501 17.8306 8.40598C17.3846 9.16086 16.8457 9.86158 16.2255 10.4931C15.3168 11.434 14.3562 12.3275 13.348 13.1699L10.3806 15.6785C10.3686 15.69 10.3536 15.6986 10.3326 15.7159C9.86955 15.3232 9.41095 14.9406 8.95685 14.5537C8.14306 13.8603 7.32627 13.1685 6.51998 12.4665C5.62118 11.7009 4.77795 10.8772 3.99619 10.0012C3.39635 9.34484 2.90414 8.6047 2.53646 7.80617C2.16119 6.98767 2.04296 6.08186 2.19626 5.19981C2.28673 4.67572 2.48392 4.17388 2.77656 3.72296C3.0692 3.27205 3.45155 2.8809 3.90177 2.57187C4.53202 2.12346 5.27645 1.84621 6.05688 1.76925C6.78605 1.68452 7.52572 1.75624 8.22249 1.97926C8.91551 2.19914 9.5481 2.56588 10.0734 3.05229C10.1648 3.13284 10.2442 3.22202 10.3236 3.2997L10.6728 2.9962C11.399 2.34936 12.3124 1.92908 13.2926 1.79083C13.5489 1.74816 13.8087 1.7265 14.0689 1.7261ZM14.0689 3.23943e-05C13.7103 3.29819e-06 13.3524 0.0288725 12.9988 0.0863357C12.0482 0.223345 11.1395 0.554959 10.3341 1.05869C9.23851 0.372761 7.95848 0.00789979 6.65036 0.00866273C6.38493 0.00915047 6.11974 0.0240376 5.85606 0.0532528C4.76326 0.164466 3.72123 0.55378 2.8377 1.18095C2.19832 1.62112 1.65568 2.17801 1.24087 2.81975C0.826058 3.46148 0.547217 4.17545 0.420315 4.92076C0.211696 6.13208 0.374679 7.37549 0.889405 8.49947C1.32892 9.4567 1.91821 10.3439 2.63688 11.1303C3.4675 12.0622 4.36329 12.9388 5.31803 13.7539C5.93999 14.2962 6.57393 14.837 7.18839 15.3592L7.76089 15.8482C8.03965 16.0851 8.3199 16.3214 8.60166 16.5573L9.14418 17.0147L10.3102 18L11.4791 17.0507C11.5016 17.0334 11.5376 17.0061 11.5781 16.9701L14.535 14.463C15.5892 13.5835 16.5933 12.6501 17.5428 11.6668C18.2553 10.9391 18.8751 10.1328 19.3892 9.2647C20.1959 7.94658 20.498 6.39959 20.2435 4.89055C19.9989 3.46078 19.1948 2.17455 17.9954 1.29458C17.2985 0.766723 16.4922 0.387659 15.6305 0.182708C15.1199 0.059748 14.5953 -0.0016173 14.0689 3.23943e-05Z" fill="#1E2841" />
+            </g>
+            <defs>
+                <clipPath id="clip0_10212_11070">
+                    <rect width="20" height="18" fill="white" transform="translate(0.332031)" />
+                </clipPath>
+            </defs>
         </svg>
-
     );
 }