fix: prevent ID cleanup within svgr

Author: GeekyEggo

scripts/transformers/react.ts

@@ -22,6 +22,16 @@ const svgrConfig: Config = {
 		"#151515": "currentColor",
 	},
 	svgo: true,
+	svgoConfig: {
+		plugins: [
+			{
+				name: "cleanupIds",
+				params: {
+					minify: false,
+				},
+			},
+		],
+	},
 	svgProps: {
 		width: "{size}",
 		height: "{size}",

src/react/icons/Accessibility.g.tsx

@@ -10,9 +10,9 @@ const IconAccessibility = (props: IconProps & SVGProps<SVGSVGElement>) => {
 		case "l":
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 24 24"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
@@ -21,55 +21,56 @@ const IconAccessibility = (props: IconProps & SVGProps<SVGSVGElement>) => {
 				>
 					<path
 						fillRule="evenodd"
-						d="M14.5 7.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m-1.5 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"
 						clipRule="evenodd"
+						d="M14.5 7.5C14.5 8.88071 13.3807 10 12 10C10.6193 10 9.5 8.88071 9.5 7.5C9.5 6.11929 10.6193 5 12 5C13.3807 5 14.5 6.11929 14.5 7.5ZM13 7.5C13 8.05228 12.5523 8.5 12 8.5C11.4477 8.5 11 8.05228 11 7.5C11 6.94772 11.4477 6.5 12 6.5C12.5523 6.5 13 6.94772 13 7.5Z"
 					/>
-					<path d="M8.25 9.995a.75.75 0 0 0-.75 1.3 9 9 0 0 0 3.75 1.174v1.522l-2.59 3.296a.75.75 0 0 0 1.18.926l2.16-2.75 2.16 2.75a.75.75 0 0 0 1.18-.926l-2.59-3.296v-1.522a9 9 0 0 0 3.75-1.175.75.75 0 0 0-.75-1.299 7.5 7.5 0 0 1-7.5 0" />
+					<path d="M8.25 9.99519C7.89128 9.78808 7.43259 9.91099 7.22548 10.2697C7.01837 10.6284 7.14128 11.0871 7.5 11.2942C8.65088 11.9587 9.93183 12.3585 11.25 12.4687V13.9906L8.66026 17.2866C8.40435 17.6123 8.46093 18.0838 8.78663 18.3397C9.11234 18.5956 9.58383 18.5391 9.83974 18.2134L12 15.4639L14.1603 18.2134C14.4162 18.5391 14.8877 18.5956 15.2134 18.3397C15.5391 18.0838 15.5956 17.6123 15.3397 17.2866L12.75 13.9906V12.4687C14.0682 12.3585 15.3491 11.9587 16.5 11.2942C16.8587 11.0871 16.9816 10.6284 16.7745 10.2697C16.5674 9.91099 16.1087 9.78808 15.75 9.99519C14.6099 10.6535 13.3165 11 12 11C10.6835 11 9.39014 10.6535 8.25 9.99519Z" />
 					<path
 						fillRule="evenodd"
-						d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-1.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17"
 						clipRule="evenodd"
+						d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5Z"
 					/>
 				</svg>
 			);
 		case "s":
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 16 16"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
 					role="img"
 					{...props}
 				>
-					<path d="M11.062 7.391a.5.5 0 0 0-.383-.924 7 7 0 0 1-5.358 0 .5.5 0 1 0-.382.924c.823.341 1.688.539 2.561.593v.84l-1.89 2.364a.5.5 0 1 0 .78.624L8 9.8l1.61 2.012a.5.5 0 1 0 .78-.624L8.5 8.825v-.84a8 8 0 0 0 2.562-.594M9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" />
+					<path d="M11.0615 7.39104C11.3166 7.28536 11.4377 6.99288 11.3321 6.73775C11.2264 6.48263 10.9339 6.36148 10.6788 6.46716C8.96359 7.17761 7.03641 7.17761 5.32122 6.46716C5.0661 6.36148 4.77361 6.48263 4.66794 6.73776C4.56226 6.99288 4.68341 7.28536 4.93853 7.39104C5.7616 7.73196 6.62738 7.92974 7.5 7.98436V8.82461L5.60957 11.1877C5.43706 11.4033 5.47202 11.7179 5.68765 11.8904C5.90328 12.0629 6.21793 12.028 6.39043 11.8123L8 9.80039L9.60957 11.8123C9.78207 12.028 10.0967 12.0629 10.3123 11.8904C10.528 11.7179 10.5629 11.4033 10.3904 11.1877L8.5 8.82461V7.98436C9.37262 7.92974 10.2384 7.73196 11.0615 7.39104Z" />
+					<path d="M9 5C9 5.55228 8.55228 6 8 6C7.44772 6 7 5.55228 7 5C7 4.44772 7.44772 4 8 4C8.55228 4 9 4.44772 9 5Z" />
 					<path
 						fillRule="evenodd"
-						d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-1 0A6 6 0 1 1 2 8a6 6 0 0 1 12 0"
 						clipRule="evenodd"
+						d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z"
 					/>
 				</svg>
 			);
 		default:
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 20 20"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
 					role="img"
 					{...props}
 				>
-					<path d="M10 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" />
-					<path d="M6.5 8.062a.5.5 0 1 0-.5.866 8 8 0 0 0 3.5 1.056v.835l-2.384 2.86a.5.5 0 0 0 .768.641L10 11.781l2.116 2.54a.5.5 0 0 0 .768-.641L10.5 10.819v-.835A8 8 0 0 0 14 8.928a.5.5 0 0 0-.5-.866 7 7 0 0 1-7 0" />
+					<path d="M10 8C10.8284 8 11.5 7.32843 11.5 6.5C11.5 5.67157 10.8284 5 10 5C9.17157 5 8.5 5.67157 8.5 6.5C8.5 7.32843 9.17157 8 10 8Z" />
+					<path d="M6.5 8.06218C6.26085 7.92411 5.95506 8.00604 5.81699 8.24519C5.67892 8.48434 5.76085 8.79013 6 8.9282C7.07145 9.5468 8.26972 9.90732 9.5 9.98436V10.819L7.11589 13.6799C6.93911 13.892 6.96777 14.2073 7.17991 14.3841C7.39205 14.5609 7.70733 14.5322 7.88411 14.3201L10 11.781L12.1159 14.3201C12.2927 14.5322 12.608 14.5609 12.8201 14.3841C13.0322 14.2073 13.0609 13.892 12.8841 13.6799L10.5 10.819V9.98436C11.7303 9.90732 12.9286 9.5468 14 8.9282C14.2391 8.79013 14.3211 8.48434 14.183 8.24519C14.0449 8.00604 13.7391 7.92411 13.5 8.06218C12.4359 8.67656 11.2288 9 10 9C8.77124 9 7.56413 8.67656 6.5 8.06218Z" />
 					<path
 						fillRule="evenodd"
-						d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-1 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0"
 						clipRule="evenodd"
+						d="M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z"
 					/>
 				</svg>
 			);

src/react/icons/AccessibilityFilled.g.tsx

@@ -10,9 +10,9 @@ const IconAccessibilityFilled = (props: IconProps & SVGProps<SVGSVGElement>) =>
 		case "l":
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 24 24"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
@@ -21,17 +21,17 @@ const IconAccessibilityFilled = (props: IconProps & SVGProps<SVGSVGElement>) =>
 				>
 					<path
 						fillRule="evenodd"
-						d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-12.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-4.775.77a.75.75 0 0 1 1.025-.275 7.5 7.5 0 0 0 7.5 0 .75.75 0 0 1 .75 1.3 9 9 0 0 1-3.75 1.174v1.522l2.59 3.296a.75.75 0 0 1-1.18.926L12 15.463l-2.16 2.75a.75.75 0 0 1-1.18-.926l2.59-3.296v-1.522a9 9 0 0 1-3.75-1.175.75.75 0 0 1-.275-1.024"
 						clipRule="evenodd"
+						d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 9.5C13.1046 9.5 14 8.60457 14 7.5C14 6.39543 13.1046 5.5 12 5.5C10.8954 5.5 10 6.39543 10 7.5C10 8.60457 10.8954 9.5 12 9.5ZM7.22548 10.2697C7.43259 9.91099 7.89128 9.78808 8.25 9.99519C9.39014 10.6535 10.6835 11 12 11C13.3165 11 14.6099 10.6535 15.75 9.99519C16.1087 9.78808 16.5674 9.91099 16.7745 10.2697C16.9816 10.6284 16.8587 11.0871 16.5 11.2942C15.3491 11.9587 14.0682 12.3585 12.75 12.4687V13.9906L15.3397 17.2866C15.5956 17.6123 15.5391 18.0838 15.2134 18.3397C14.8877 18.5956 14.4162 18.5391 14.1603 18.2134L12 15.4639L9.83974 18.2134C9.58383 18.5391 9.11234 18.5956 8.78663 18.3397C8.46093 18.0838 8.40435 17.6123 8.66026 17.2866L11.25 13.9906V12.4687C9.93183 12.3585 8.65088 11.9587 7.5 11.2942C7.14128 11.0871 7.01837 10.6284 7.22548 10.2697Z"
 					/>
 				</svg>
 			);
 		case "s":
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 16 16"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
@@ -40,17 +40,17 @@ const IconAccessibilityFilled = (props: IconProps & SVGProps<SVGSVGElement>) =>
 				>
 					<path
 						fillRule="evenodd"
-						d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-3.668-1.262a.5.5 0 0 1-.27.653 8 8 0 0 1-2.562.593v.84l1.89 2.364a.5.5 0 1 1-.78.624L8 9.8l-1.61 2.012a.5.5 0 1 1-.78-.624L7.5 8.825v-.84a8 8 0 0 1-2.561-.594.5.5 0 1 1 .382-.924 7 7 0 0 0 5.358 0 .5.5 0 0 1 .653.27M9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"
 						clipRule="evenodd"
+						d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM11.3321 6.73775C11.4377 6.99288 11.3166 7.28536 11.0615 7.39104C10.2384 7.73196 9.37262 7.92974 8.5 7.98436V8.82461L10.3904 11.1877C10.5629 11.4033 10.528 11.7179 10.3123 11.8904C10.0967 12.0629 9.78207 12.028 9.60957 11.8123L8 9.80039L6.39043 11.8123C6.21793 12.028 5.90328 12.0629 5.68765 11.8904C5.47202 11.7179 5.43706 11.4033 5.60957 11.1877L7.5 8.82461V7.98436C6.62738 7.92974 5.7616 7.73196 4.93853 7.39104C4.68341 7.28536 4.56226 6.99288 4.66794 6.73776C4.77361 6.48263 5.0661 6.36148 5.32122 6.46716C7.03641 7.17761 8.96359 7.17761 10.6788 6.46716C10.9339 6.36148 11.2264 6.48263 11.3321 6.73775ZM9 5C9 5.55228 8.55228 6 8 6C7.44772 6 7 5.55228 7 5C7 4.44772 7.44772 4 8 4C8.55228 4 9 4.44772 9 5Z"
 					/>
 				</svg>
 			);
 		default:
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 20 20"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
@@ -59,8 +59,8 @@ const IconAccessibilityFilled = (props: IconProps & SVGProps<SVGSVGElement>) =>
 				>
 					<path
 						fillRule="evenodd"
-						d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0-10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m-3.5.062a.5.5 0 1 0-.5.866 8 8 0 0 0 3.5 1.056v.835l-2.384 2.86a.5.5 0 0 0 .768.641L10 11.781l2.116 2.54a.5.5 0 0 0 .768-.641L10.5 10.819v-.835A8 8 0 0 0 14 8.928a.5.5 0 0 0-.5-.866 7 7 0 0 1-7 0"
 						clipRule="evenodd"
+						d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM10 8C10.8284 8 11.5 7.32843 11.5 6.5C11.5 5.67157 10.8284 5 10 5C9.17157 5 8.5 5.67157 8.5 6.5C8.5 7.32843 9.17157 8 10 8ZM6.5 8.06218C6.26085 7.92411 5.95506 8.00604 5.81699 8.24519C5.67892 8.48434 5.76085 8.79013 6 8.9282C7.07145 9.5468 8.26972 9.90732 9.5 9.98436V10.819L7.11589 13.6799C6.93911 13.892 6.96777 14.2073 7.17991 14.3841C7.39205 14.5609 7.70733 14.5322 7.88411 14.3201L10 11.781L12.1159 14.3201C12.2927 14.5322 12.608 14.5609 12.8201 14.3841C13.0322 14.2073 13.0609 13.892 12.8841 13.6799L10.5 10.819V9.98436C11.7303 9.90732 12.9286 9.5468 14 8.9282C14.2391 8.79013 14.3211 8.48434 14.183 8.24519C14.0449 8.00604 13.7391 7.92411 13.5 8.06218C12.4359 8.67656 11.2288 9 10 9C8.77124 9 7.56413 8.67656 6.5 8.06218Z"
 					/>
 				</svg>
 			);

src/react/icons/Action.g.tsx

@@ -10,40 +10,40 @@ const IconAction = (props: IconProps & SVGProps<SVGSVGElement>) => {
 		case "l":
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 24 24"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
 					role="img"
 					{...props}
 				>
-					<path d="M12.25 2A3.25 3.25 0 0 0 9 5.25v.5a.75.75 0 0 0 1.5 0v-.5c0-.966.784-1.75 1.75-1.75h6.5c.966 0 1.75.784 1.75 1.75v6.5a1.75 1.75 0 0 1-1.75 1.75h-.5a.75.75 0 0 0 0 1.5h.5A3.25 3.25 0 0 0 22 11.75v-6.5A3.25 3.25 0 0 0 18.75 2z" />
+					<path d="M12.25 2C10.4551 2 9 3.45507 9 5.25V5.75C9 6.16421 9.33579 6.5 9.75 6.5C10.1642 6.5 10.5 6.16421 10.5 5.75V5.25C10.5 4.2835 11.2835 3.5 12.25 3.5H18.75C19.7165 3.5 20.5 4.2835 20.5 5.25V11.75C20.5 12.7165 19.7165 13.5 18.75 13.5H18.25C17.8358 13.5 17.5 13.8358 17.5 14.25C17.5 14.6642 17.8358 15 18.25 15H18.75C20.5449 15 22 13.5449 22 11.75V5.25C22 3.45507 20.5449 2 18.75 2H12.25Z" />
 					<path
 						fillRule="evenodd"
-						d="M16 15a7 7 0 1 1-14 0 7 7 0 0 1 14 0m-1.5 0a5.5 5.5 0 1 1-9.883-3.323L7.72 14.78a.75.75 0 0 0 1.06-1.06l-3.103-3.103A5.5 5.5 0 0 1 14.5 15"
 						clipRule="evenodd"
+						d="M16 15C16 18.866 12.866 22 9 22C5.13401 22 2 18.866 2 15C2 11.134 5.13401 8 9 8C12.866 8 16 11.134 16 15ZM14.5 15C14.5 18.0376 12.0376 20.5 9 20.5C5.96243 20.5 3.5 18.0376 3.5 15C3.5 13.7516 3.9159 12.6004 4.6167 11.6774L7.71967 14.7803C8.01256 15.0732 8.48744 15.0732 8.78033 14.7803C9.07322 14.4874 9.07322 14.0126 8.78033 13.7197L5.67736 10.6167C6.60043 9.9159 7.75165 9.5 9 9.5C12.0376 9.5 14.5 11.9624 14.5 15Z"
 					/>
 				</svg>
 			);
 		default:
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 20 20"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
 					role="img"
 					{...props}
 				>
-					<path d="M9 4.5A1.5 1.5 0 0 1 10.5 3h5A1.5 1.5 0 0 1 17 4.5v5a1.5 1.5 0 0 1-1.5 1.5h-1.07a.5.5 0 0 0 0 1h1.07A2.5 2.5 0 0 0 18 9.5v-5A2.5 2.5 0 0 0 15.5 2h-5A2.5 2.5 0 0 0 8 4.5v1.07a.5.5 0 0 0 1 0z" />
+					<path d="M9 4.5C9 3.67157 9.67157 3 10.5 3H15.5C16.3284 3 17 3.67157 17 4.5V9.5C17 10.3284 16.3284 11 15.5 11H14.4291C14.153 11 13.9291 11.2239 13.9291 11.5C13.9291 11.7761 14.153 12 14.4291 12H15.5C16.8807 12 18 10.8807 18 9.5V4.5C18 3.11929 16.8807 2 15.5 2H10.5C9.11929 2 8 3.11929 8 4.5V5.57089C8 5.84703 8.22386 6.07089 8.5 6.07089C8.77614 6.07089 9 5.84703 9 5.57089V4.5Z" />
 					<path
 						fillRule="evenodd"
-						d="M7.5 18a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11m0-1a4.5 4.5 0 1 0-2.809-8.016l2.663 2.662a.5.5 0 0 1-.708.708L3.984 9.69A4.5 4.5 0 0 0 7.5 17"
 						clipRule="evenodd"
+						d="M7.5 18C10.5376 18 13 15.5376 13 12.5C13 9.46243 10.5376 7 7.5 7C4.46243 7 2 9.46243 2 12.5C2 15.5376 4.46243 18 7.5 18ZM7.5 17C9.98528 17 12 14.9853 12 12.5C12 10.0147 9.98528 8 7.5 8C6.43749 8 5.46099 8.36824 4.69116 8.98405L7.35355 11.6464C7.54882 11.8417 7.54882 12.1583 7.35355 12.3536C7.15829 12.5488 6.84171 12.5488 6.64645 12.3536L3.98405 9.69116C3.36824 10.461 3 11.4375 3 12.5C3 14.9853 5.01472 17 7.5 17Z"
 					/>
 				</svg>
 			);

src/react/icons/ActionFilled.g.tsx

@@ -10,40 +10,40 @@ const IconActionFilled = (props: IconProps & SVGProps<SVGSVGElement>) => {
 		case "l":
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 24 24"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
 					role="img"
 					{...props}
 				>
-					<path d="M9 5.25A3.25 3.25 0 0 1 12.25 2h6.5A3.25 3.25 0 0 1 22 5.25v6.5A3.25 3.25 0 0 1 18.75 15h-.5c-.414 0-.747-.337-.783-.75A8.5 8.5 0 0 0 9.75 6.533C9.337 6.497 9 6.164 9 5.75z" />
+					<path d="M9 5.25C9 3.45507 10.4551 2 12.25 2H18.75C20.5449 2 22 3.45507 22 5.25V11.75C22 13.5449 20.5449 15 18.75 15H18.25C17.8358 15 17.5035 14.6631 17.4674 14.2504C17.1095 10.1541 13.8459 6.89051 9.74957 6.5326C9.33693 6.49654 9 6.16421 9 5.75V5.25Z" />
 					<path
 						fillRule="evenodd"
-						d="M9 22A7 7 0 1 0 9 8a7 7 0 0 0 0 14M6.28 11.22a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06-1.06z"
 						clipRule="evenodd"
+						d="M9 22C12.866 22 16 18.866 16 15C16 11.134 12.866 8 9 8C5.13401 8 2 11.134 2 15C2 18.866 5.13401 22 9 22ZM6.28033 11.2197C5.98744 10.9268 5.51256 10.9268 5.21967 11.2197C4.92678 11.5126 4.92678 11.9874 5.21967 12.2803L7.71967 14.7803C8.01256 15.0732 8.48744 15.0732 8.78033 14.7803C9.07322 14.4874 9.07322 14.0126 8.78033 13.7197L6.28033 11.2197Z"
 					/>
 				</svg>
 			);
 		default:
 			return (
 				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="currentColor"
 					viewBox="0 0 20 20"
+					fill="currentColor"
+					xmlns="http://www.w3.org/2000/svg"
 					width={size}
 					height={size}
 					aria-label={label}
 					role="img"
 					{...props}
 				>
-					<path d="M10.5 2A2.5 2.5 0 0 0 8 4.5v1.056a.53.53 0 0 0 .46.515 6.5 6.5 0 0 1 5.47 5.468.53.53 0 0 0 .515.461H15.5A2.5 2.5 0 0 0 18 9.5v-5A2.5 2.5 0 0 0 15.5 2z" />
+					<path d="M10.5 2C9.11929 2 8 3.11929 8 4.5V5.55554C8 5.81697 8.20215 6.0322 8.46076 6.07051C11.2815 6.48842 13.5116 8.71848 13.9295 11.5392C13.9678 11.7978 14.183 12 14.4445 12H15.5C16.8807 12 18 10.8807 18 9.5V4.5C18 3.11929 16.8807 2 15.5 2H10.5Z" />
 					<path
 						fillRule="evenodd"
-						d="M13 12.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M4.646 9.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708"
 						clipRule="evenodd"
+						d="M13 12.5C13 15.5376 10.5376 18 7.5 18C4.46243 18 2 15.5376 2 12.5C2 9.46243 4.46243 7 7.5 7C10.5376 7 13 9.46243 13 12.5ZM4.64645 9.64645C4.84171 9.45118 5.15829 9.45118 5.35355 9.64645L7.35355 11.6464C7.54882 11.8417 7.54882 12.1583 7.35355 12.3536C7.15829 12.5488 6.84171 12.5488 6.64645 12.3536L4.64645 10.3536C4.45118 10.1583 4.45118 9.84171 4.64645 9.64645Z"
 					/>
 				</svg>
 			);