Merge pull request #90 from Giveth/fix-svg-props

Fix svg props
Giveth · Jun 16, 2023 · 5d9e116 · 5d9e116
2 parents 71d0c91 + 2d097d1
commit 5d9e116
Show file tree

Hide file tree

Showing 21 changed files with 99 additions and 103 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@giveth/ui-design-system",
-	"version": "1.11.11",
+	"version": "1.11.12",
 	"files": [
 		"/lib"
 	],

diff --git a/src/components/icons/Flag/Flag16.tsx b/src/components/icons/Flag/Flag16.tsx
@@ -15,16 +15,16 @@ export const IconFlag16: FC<IIconProps> = ({
 		<path
 			d='M2.66669 10C2.66669 10 3.33335 9.33334 5.33335 9.33334C7.33335 9.33334 8.66669 10.6667 10.6667 10.6667C12.6667 10.6667 13.3334 10 13.3334 10V2.00001C13.3334 2.00001 12.6667 2.66668 10.6667 2.66668C8.66669 2.66668 7.33335 1.33334 5.33335 1.33334C3.33335 1.33334 2.66669 2.00001 2.66669 2.00001V10Z'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M2.66669 14.6667V10'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Flag/Flag24.tsx b/src/components/icons/Flag/Flag24.tsx
@@ -15,16 +15,16 @@ export const IconFlag24: FC<IIconProps> = ({
 		<path
 			d='M4 15C4 15 5 14 8 14C11 14 13 16 16 16C19 16 20 15 20 15V3C20 3 19 4 16 4C13 4 11 2 8 2C5 2 4 3 4 3V15Z'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M4 22V15'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Flag/Flag32.tsx b/src/components/icons/Flag/Flag32.tsx
@@ -15,16 +15,16 @@ export const IconFlag32: FC<IIconProps> = ({
 		<path
 			d='M5.33331 20C5.33331 20 6.66665 18.6667 10.6666 18.6667C14.6666 18.6667 17.3333 21.3333 21.3333 21.3333C25.3333 21.3333 26.6666 20 26.6666 20V4.00001C26.6666 4.00001 25.3333 5.33334 21.3333 5.33334C17.3333 5.33334 14.6666 2.66667 10.6666 2.66667C6.66665 2.66667 5.33331 4.00001 5.33331 4.00001V20Z'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M5.33331 29.3333V20'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Increase/Increase16.tsx b/src/components/icons/Increase/Increase16.tsx
@@ -15,14 +15,14 @@ export const IconIncrease16: FC<IIconProps> = ({
 		<path
 			d='M15.3333 4L8.99999 10.3333L5.66666 7L0.666656 12'
 			stroke={color}
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M11.3333 4H15.3333V8'
 			stroke={color}
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Increase/Increase24.tsx b/src/components/icons/Increase/Increase24.tsx
@@ -15,16 +15,16 @@ export const IconIncrease24: FC<IIconProps> = ({
 		<path
 			d='M23 6L13.5 15.5L8.5 10.5L1 18'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M17 6H23V12'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Increase/Increase32.tsx b/src/components/icons/Increase/Increase32.tsx
@@ -15,16 +15,16 @@ export const IconIncrease32: FC<IIconProps> = ({
 		<path
 			d='M30.6667 8L18 20.6667L11.3333 14L1.33334 24'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M22.6667 8H30.6667V16'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/MessageSquare/MessageSquare16.tsx b/src/components/icons/MessageSquare/MessageSquare16.tsx
@@ -15,8 +15,8 @@ export const IconMessageSquare16: FC<IIconProps> = ({
 		<path
 			d='M14 10C14 10.3536 13.8595 10.6928 13.6095 10.9428C13.3594 11.1929 13.0203 11.3333 12.6667 11.3333H4.66667L2 14V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H12.6667C13.0203 2 13.3594 2.14048 13.6095 2.39052C13.8595 2.64057 14 2.97971 14 3.33333V10Z'
 			stroke={color}
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/MessageSquare/MessageSquare24.tsx b/src/components/icons/MessageSquare/MessageSquare24.tsx
@@ -15,9 +15,9 @@ export const IconMessageSquare24: FC<IIconProps> = ({
 		<path
 			d='M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/MessageSquare/MessageSquare32.tsx b/src/components/icons/MessageSquare/MessageSquare32.tsx
@@ -15,9 +15,9 @@ export const IconMessageSquare32: FC<IIconProps> = ({
 		<path
 			d='M28 20C28 20.7072 27.719 21.3855 27.219 21.8856C26.7189 22.3857 26.0406 22.6667 25.3333 22.6667H9.33333L4 28V6.66667C4 5.95942 4.28095 5.28115 4.78105 4.78105C5.28115 4.28095 5.95942 4 6.66667 4H25.3333C26.0406 4 26.7189 4.28095 27.219 4.78105C27.719 5.28115 28 5.95942 28 6.66667V20Z'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Passport/Passport16.tsx b/src/components/icons/Passport/Passport16.tsx
@@ -9,7 +9,7 @@ export const IconPassport16: FC<IIconProps> = ({ size = 16 }) => (
 		fill='none'
 		xmlns='http://www.w3.org/2000/svg'
 	>
-		<g clip-path='url(#clip0_4576_64908)'>
+		<g clipPath='url(#clip0_4576_64908)'>
 			<path
 				d='M4.45543 11.194C3.84832 10.1427 3.85173 8.90806 4.352 7.89736L1.95409 6.51357C1.89473 6.47965 1.84047 6.44065 1.78281 6.40335C1.75228 6.58988 1.73193 6.77811 1.73193 6.97313V12.51C1.73193 14.4382 3.29379 16 5.22194 16C7.08057 16 8.59666 14.545 8.70179 12.7118C7.13145 13.3037 5.31861 12.6949 4.45205 11.1924L4.45543 11.194Z'
 				fill='#6F3FF5'

diff --git a/src/components/icons/Passport/Passport24.tsx b/src/components/icons/Passport/Passport24.tsx
@@ -9,7 +9,7 @@ export const IconPassport24: FC<IIconProps> = ({ size = 24 }) => (
 		fill='none'
 		xmlns='http://www.w3.org/2000/svg'
 	>
-		<g clip-path='url(#clip0_4576_64907)'>
+		<g clipPath='url(#clip0_4576_64907)'>
 			<path
 				d='M6.68314 16.791C5.77248 15.214 5.7776 13.3621 6.528 11.846L2.93113 9.77034C2.8421 9.71946 2.7607 9.66096 2.67421 9.60501C2.62842 9.8848 2.5979 10.1671 2.5979 10.4597V18.765C2.5979 21.6572 4.94068 24 7.8329 24C10.6208 24 12.895 21.8175 13.0527 19.0677C10.6972 19.9555 7.97792 19.0423 6.67808 16.7885L6.68314 16.791Z'
 				fill='#6F3FF5'

diff --git a/src/components/icons/Passport/Passport32.tsx b/src/components/icons/Passport/Passport32.tsx
@@ -9,7 +9,7 @@ export const IconPassport32: FC<IIconProps> = ({ size = 32 }) => (
 		fill='none'
 		xmlns='http://www.w3.org/2000/svg'
 	>
-		<g clip-path='url(#clip0_4576_64906)'>
+		<g clipPath='url(#clip0_4576_64906)'>
 			<path
 				d='M8.91086 22.3881C7.69664 20.2853 7.70346 17.8161 8.704 15.7947L3.90818 13.0271C3.78946 12.9593 3.68093 12.8813 3.56561 12.8067C3.50456 13.1797 3.46387 13.5562 3.46387 13.9462V25.02C3.46387 28.8763 6.58758 32 10.4439 32C14.1611 32 17.1933 29.09 17.4036 25.4236C14.2629 26.6073 10.6372 25.3897 8.9041 22.3847L8.91086 22.3881Z'
 				fill='#6F3FF5'

diff --git a/src/components/icons/Praise/Praise16.tsx b/src/components/icons/Praise/Praise16.tsx
@@ -15,14 +15,14 @@ export const IconPraise16: FC<IIconProps> = ({
 		<path
 			d='M6.20001 6.32582L5.21668 5.31102C4.82183 4.89604 4.60001 4.33322 4.60001 3.74635C4.60001 3.15949 4.82183 2.59667 5.21668 2.18169C5.61152 1.76672 6.14705 1.53359 6.70545 1.53359C7.26385 1.53359 7.79938 1.76672 8.19422 2.18169L8.5999 2.60805L9.00559 2.18169C9.20106 1.97615 9.43315 1.81311 9.6886 1.70187C9.94405 1.59063 10.2179 1.53337 10.4944 1.53337C10.7709 1.53337 11.0447 1.59063 11.3001 1.70187C11.5556 1.81311 11.7877 1.97615 11.9831 2.18169C12.1787 2.38713 12.3338 2.63105 12.4397 2.89952C12.5455 3.16799 12.6 3.45575 12.6 3.74635C12.6 4.03696 12.5455 4.32471 12.4397 4.59318C12.0448 5.7077 9.71528 7.90658 8.5999 8.8667L7.93334 8.20004'
 			stroke={color}
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M4.69646 10.2666L6.32029 6.66666C6.64329 6.66666 6.95306 6.79308 7.18146 7.01813C7.40985 7.24317 7.53816 7.54839 7.53816 7.86665V9.46664H9.02396L11.8157 7.06666C12.0863 6.93332 13.5464 7.24 13.2216 8.2C12.8969 9.16 10.6478 11.3866 10.6478 11.3866L10.0876 13.9866C10.0582 14.1774 9.95988 14.3513 9.81068 14.4762C9.66147 14.6012 9.47147 14.6688 9.27566 14.6666H4.69646M4.69646 10.2666V14.6666M4.69646 10.2666H3.47859C3.26325 10.2666 3.05674 10.3509 2.90448 10.5009C2.75221 10.651 2.66667 10.8545 2.66667 11.0666V13.8666C2.66667 14.0788 2.75221 14.2823 2.90448 14.4323C3.05674 14.5823 3.26325 14.6666 3.47859 14.6666H4.69646'
 			stroke={color}
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Praise/Praise24.tsx b/src/components/icons/Praise/Praise24.tsx
@@ -15,16 +15,16 @@ export const IconPraise24: FC<IIconProps> = ({
 		<path
 			d='M9.29999 9.48872L7.825 7.96652C7.23273 7.34406 6.89999 6.49982 6.89999 5.61952C6.89999 4.73923 7.23273 3.89499 7.825 3.27253C8.41727 2.65007 9.22056 2.30037 10.0582 2.30037C10.8958 2.30037 11.699 2.65007 12.2913 3.27253L12.8998 3.91207L13.5084 3.27253C13.8016 2.96422 14.1497 2.71966 14.5329 2.55279C14.9161 2.38593 15.3268 2.30005 15.7415 2.30005C16.1563 2.30005 16.567 2.38593 16.9502 2.55279C17.3333 2.71966 17.6815 2.96422 17.9747 3.27253C18.268 3.58069 18.5007 3.94657 18.6595 4.34928C18.8183 4.75198 18.9 5.18362 18.9 5.61952C18.9 6.05543 18.8183 6.48706 18.6595 6.88977C18.0671 8.56155 14.5729 11.8599 12.8998 13.3L11.9 12.3'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M7.04468 15.4L9.48043 9.99999C9.96493 9.99999 10.4296 10.1896 10.7722 10.5272C11.1148 10.8648 11.3072 11.3226 11.3072 11.8V14.2H13.5359L18.2235 9.59999C20 9 20.4872 10.56 20 12C19.5128 13.44 15.9717 16.58 15.9717 16.58L15.1314 20.9799C15.0873 21.2661 14.9398 21.5269 14.716 21.7143C14.4922 21.9018 14.2072 22.0032 13.9135 21.9999H7.04468M7.04468 15.4V21.9999M7.04468 15.4H5.21787C4.89487 15.4 4.5851 15.5264 4.35671 15.7514C4.12831 15.9765 4 16.2817 4 16.6V20.7999C4 21.1182 4.12831 21.4234 4.35671 21.6484C4.5851 21.8735 4.89487 21.9999 5.21787 21.9999H7.04468'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/Praise/Praise32.tsx b/src/components/icons/Praise/Praise32.tsx
@@ -15,16 +15,16 @@ export const IconPraise32: FC<IIconProps> = ({
 		<path
 			d='M12.4 12.6516L10.4333 10.622C9.64364 9.79207 9.2 8.66642 9.2 7.49269C9.2 6.31897 9.64364 5.19332 10.4333 4.36337C11.223 3.53342 12.2941 3.06716 13.4109 3.06716C14.5277 3.06716 15.5987 3.53342 16.3884 4.36337L17.1998 5.21609L18.0112 4.36337C18.4021 3.95229 18.8663 3.6262 19.3772 3.40372C19.8881 3.18124 20.4357 3.06673 20.9887 3.06673C21.5417 3.06673 22.0893 3.18124 22.6002 3.40372C23.1111 3.6262 23.5753 3.95229 23.9662 4.36337C24.3574 4.77425 24.6677 5.26209 24.8793 5.79903C25.091 6.33597 25.2 6.91148 25.2 7.49269C25.2 8.0739 25.091 8.64941 24.8793 9.18635C24.0895 11.4154 19.4305 15.8131 17.1998 17.7334L15.8667 16.4001'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M9.3929 20.5333L12.6406 13.3333C13.2866 13.3333 13.9061 13.5862 14.3629 14.0363C14.8197 14.4864 15.0763 15.0968 15.0763 15.7333V18.9333H18.0479L24 14C25.5 13.5 27.0928 14.8133 26.4433 16.7333C25.7937 18.6533 21.2956 21.7733 21.2956 21.7733L20.1751 27.9732C20.1164 28.3548 19.9197 28.7025 19.6213 28.9524C19.3229 29.2024 18.9429 29.3376 18.5513 29.3332H9.3929M9.3929 20.5333V29.3332M9.3929 20.5333H6.95716C6.52649 20.5333 6.11346 20.7019 5.80894 21.0019C5.50441 21.302 5.33333 21.7089 5.33333 22.1333V27.7332C5.33333 28.1576 5.50441 28.5645 5.80894 28.8646C6.11346 29.1647 6.52649 29.3332 6.95716 29.3332H9.3929'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/World/World16.tsx b/src/components/icons/World/World16.tsx
@@ -15,23 +15,19 @@ export const IconWorld16: FC<IIconProps> = ({
 		<path
 			d='M8 1.5C4.41031 1.5 1.5 4.41031 1.5 8C1.5 11.5897 4.41031 14.5 8 14.5C11.5897 14.5 14.5 11.5897 14.5 8C14.5 4.41031 11.5897 1.5 8 1.5Z'
 			stroke={color}
-			stroke-miterlimit='10'
+			strokeMiterlimit='10'
 		/>
 		<path
 			d='M8 1.5C6.18531 1.5 4.47906 4.41031 4.47906 8C4.47906 11.5897 6.18531 14.5 8 14.5C9.81469 14.5 11.5209 11.5897 11.5209 8C11.5209 4.41031 9.81469 1.5 8 1.5Z'
 			stroke={color}
-			stroke-miterlimit='10'
+			strokeMiterlimit='10'
 		/>
 		<path
 			d='M3.66656 3.66656C4.86156 4.515 6.36594 5.02094 8 5.02094C9.63406 5.02094 11.1384 4.515 12.3334 3.66656M12.3334 12.3334C11.1384 11.485 9.63406 10.9791 8 10.9791C6.36594 10.9791 4.86156 11.485 3.66656 12.3334'
 			stroke={color}
-			stroke-linecap='round'
-			stroke-linejoin='round'
-		/>
-		<path
-			d='M8 1.5V14.5M14.5 8H1.5'
-			stroke={color}
-			stroke-miterlimit='10'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
+		<path d='M8 1.5V14.5M14.5 8H1.5' stroke={color} strokeMiterlimit='10' />
 	</svg>
 );
diff --git a/src/components/icons/World/World24.tsx b/src/components/icons/World/World24.tsx
@@ -15,27 +15,27 @@ export const IconWorld24: FC<IIconProps> = ({
 		<path
 			d='M12 2.25C6.61547 2.25 2.25 6.61547 2.25 12C2.25 17.3845 6.61547 21.75 12 21.75C17.3845 21.75 21.75 17.3845 21.75 12C21.75 6.61547 17.3845 2.25 12 2.25Z'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-miterlimit='10'
+			strokeWidth='1.5'
+			strokeMiterlimit='10'
 		/>
 		<path
 			d='M12 2.25C9.27794 2.25 6.71857 6.61547 6.71857 12C6.71857 17.3845 9.27794 21.75 12 21.75C14.722 21.75 17.2814 17.3845 17.2814 12C17.2814 6.61547 14.722 2.25 12 2.25Z'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-miterlimit='10'
+			strokeWidth='1.5'
+			strokeMiterlimit='10'
 		/>
 		<path
 			d='M5.49982 5.49985C7.29232 6.7725 9.54888 7.53141 12 7.53141C14.4511 7.53141 16.7076 6.7725 18.5001 5.49985M18.5001 18.5002C16.7076 17.2275 14.4511 16.4686 12 16.4686C9.54888 16.4686 7.29232 17.2275 5.49982 18.5002'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M12 2.25V21.75M21.75 12H2.25'
 			stroke={color}
-			stroke-width='1.5'
-			stroke-miterlimit='10'
+			strokeWidth='1.5'
+			strokeMiterlimit='10'
 		/>
 	</svg>
 );
diff --git a/src/components/icons/World/World32.tsx b/src/components/icons/World/World32.tsx
@@ -15,27 +15,27 @@ export const IconWorld32: FC<IIconProps> = ({
 		<path
 			d='M16 3C8.82062 3 3 8.82062 3 16C3 23.1794 8.82062 29 16 29C23.1794 29 29 23.1794 29 16C29 8.82062 23.1794 3 16 3Z'
 			stroke={color}
-			stroke-width='2'
-			stroke-miterlimit='10'
+			strokeWidth='2'
+			strokeMiterlimit='10'
 		/>
 		<path
 			d='M16 3C12.3706 3 8.95813 8.82062 8.95813 16C8.95813 23.1794 12.3706 29 16 29C19.6294 29 23.0419 23.1794 23.0419 16C23.0419 8.82062 19.6294 3 16 3Z'
 			stroke={color}
-			stroke-width='2'
-			stroke-miterlimit='10'
+			strokeWidth='2'
+			strokeMiterlimit='10'
 		/>
 		<path
 			d='M7.33313 7.33313C9.72313 9.03 12.7319 10.0419 16 10.0419C19.2681 10.0419 22.2769 9.03 24.6669 7.33313M24.6669 24.6669C22.2769 22.97 19.2681 21.9581 16 21.9581C12.7319 21.9581 9.72313 22.97 7.33313 24.6669'
 			stroke={color}
-			stroke-width='2'
-			stroke-linecap='round'
-			stroke-linejoin='round'
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
 		/>
 		<path
 			d='M16 3V29M29 16H3'
 			stroke={color}
-			stroke-width='2'
-			stroke-miterlimit='10'
+			strokeWidth='2'
+			strokeMiterlimit='10'
 		/>
 	</svg>
 );