@bitrise/bitkit 12.117.0 → 12.118.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.117.0",
+  "version": "12.118.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Icons/16x16/Android.tsx

@@ -3,10 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const Android = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      clipRule="evenodd"
-      d="M6.533 3.333c.467-.2.934-.267 1.467-.267.467 0 .867.067 1.267.2L10.333 2.2a.645.645 0 0 1 .934 0 .644.644 0 0 1 0 .933l-.8.8A3.979 3.979 0 0 1 12 7.062H4c0-1.199.533-2.265 1.4-2.998l-.933-.932a.644.644 0 0 1 0-.933.645.645 0 0 1 .933 0l1.133 1.133Zm-1.2 7.729h-.666c-.4 0-.667-.267-.667-.667V7.73h8v2.665c0 .4-.267.667-.667.667h-.666v1.998a.668.668 0 0 1-.667.667c-.4 0-.667-.267-.667-.667v-1.998H6.667v1.998a.668.668 0 0 1-.667.667c-.4 0-.667-.267-.667-.667v-1.998ZM14 7.73v2.732a.668.668 0 0 1-.667.666c-.4 0-.666-.266-.666-.666V7.73c0-.333.266-.666.666-.666S14 7.33 14 7.73ZM2.667 7.064c.4 0 .666.266.666.666v2.665a.668.668 0 0 1-.666.667c-.4 0-.667-.267-.667-.667V7.73c0-.4.267-.666.667-.666ZM10 6.397c.4 0 .667-.266.667-.666A.668.668 0 0 0 10 5.065c-.4 0-.667.333-.667.666 0 .4.267.667.667.667Zm-4 0c.4 0 .667-.266.667-.666A.668.668 0 0 0 6 5.065c-.4 0-.667.333-.667.666 0 .4.267.667.667.667Z"
+      d="M11.2218 9.60336C11.1065 9.60339 10.9938 9.5709 10.8979 9.51C10.802 9.44911 10.7272 9.36255 10.6831 9.26127C10.6389 9.15999 10.6274 9.04853 10.6498 8.941C10.6723 8.83347 10.7278 8.73468 10.8093 8.65715C10.8909 8.57961 10.9947 8.52679 11.1078 8.50539C11.2209 8.48398 11.3381 8.49493 11.4447 8.53687C11.5512 8.57881 11.6423 8.64984 11.7064 8.74099C11.7705 8.83213 11.8047 8.9393 11.8047 9.04893C11.8045 9.19589 11.7431 9.33679 11.6338 9.44072C11.5245 9.54465 11.3764 9.60314 11.2218 9.60336ZM4.77821 9.60336C4.66291 9.60339 4.55018 9.5709 4.45429 9.51C4.3584 9.44911 4.28366 9.36255 4.23951 9.26127C4.19537 9.15999 4.1838 9.04853 4.20627 8.941C4.22875 8.83347 4.28425 8.73468 4.36577 8.65715C4.44729 8.57961 4.55117 8.52679 4.66426 8.50539C4.77735 8.48398 4.89457 8.49493 5.00111 8.53687C5.10765 8.57881 5.19872 8.64984 5.2628 8.74099C5.32688 8.83213 5.3611 8.9393 5.36112 9.04893C5.36097 9.1959 5.29952 9.33681 5.19024 9.44075C5.08096 9.54469 4.93279 9.60317 4.77821 9.60336ZM11.4308 6.26456L12.5959 4.34599C12.6118 4.31979 12.6222 4.29085 12.6263 4.26085C12.6305 4.23084 12.6284 4.20034 12.6202 4.1711C12.612 4.14185 12.5978 4.11444 12.5784 4.09041C12.5591 4.06639 12.5349 4.04622 12.5073 4.03107C12.4798 4.01592 12.4493 4.00608 12.4178 4.00211C12.3862 3.99814 12.3541 4.00013 12.3234 4.00794C12.2926 4.01576 12.2638 4.02926 12.2385 4.04768C12.2133 4.06609 12.1921 4.08905 12.1761 4.11526L10.9964 6.05806C10.0942 5.66658 9.081 5.44859 7.99989 5.44859C6.91879 5.44859 5.90568 5.66689 5.00353 6.05806L3.82388 4.11526C3.80797 4.08905 3.78678 4.06607 3.76153 4.04764C3.73628 4.02922 3.70746 4.0157 3.67671 4.00786C3.64597 4.00002 3.6139 3.99802 3.58234 4.00197C3.55078 4.00591 3.52034 4.01573 3.49277 4.03086C3.4652 4.04599 3.44104 4.06614 3.42166 4.09015C3.40228 4.11416 3.38806 4.14156 3.37982 4.17079C3.37157 4.20003 3.36947 4.23052 3.37362 4.26052C3.37777 4.29053 3.3881 4.31947 3.40401 4.34568L4.56916 6.26456C2.56854 7.29916 1.20016 9.22483 1 11.5H15C14.7996 9.22483 13.4313 7.29916 11.4308 6.26456Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/AppStore.tsx

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const AppStore = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      clipRule="evenodd"
+      d="M3.82765 1H12.1706C13.7332 1 14.9983 2.26509 15 3.82765V12.1706C15 13.7332 13.7332 14.9983 12.1724 14.9983H3.82765C2.26509 14.9983 1 13.7332 1 12.1724V3.82765C1 2.26509 2.26509 1 3.82765 1ZM8.22309 3.72618L7.93963 4.21612L7.66141 3.72443C7.48294 3.41822 7.09623 3.31499 6.79002 3.48996C6.48381 3.66844 6.38057 4.05514 6.55555 4.36136L7.20472 5.48821L5.12598 9.09101H3.50218C3.14873 9.09101 2.86526 9.37448 2.86526 9.72793C2.86526 10.0814 3.14873 10.3649 3.50218 10.3649H9.29396C9.57217 9.84342 9.21347 9.09101 8.57305 9.09101H6.59755L9.32895 4.3631C9.50393 4.05689 9.4007 3.66669 9.09448 3.49171C8.78827 3.31674 8.39807 3.41997 8.22309 3.72618ZM4.87051 12.0831L5.48294 11.021C5.15223 10.6221 4.73403 10.4996 4.21959 10.6588L3.76465 11.4462C3.58967 11.7524 3.69291 12.1426 3.99912 12.3176C4.30533 12.4926 4.69553 12.3894 4.87051 12.0831ZM12.4138 9.09451H10.7568C10.6299 8.87475 10.5078 8.66335 10.3906 8.46035C9.73694 7.32827 9.23387 6.45699 8.87926 5.84867C8.50306 6.16188 8.12161 7.08576 8.65529 8.00615C8.88671 8.40765 9.17018 8.89841 9.50539 9.47875C9.92545 10.206 10.4268 11.0739 11.0087 12.0831C11.1872 12.3894 11.5739 12.4926 11.8801 12.3176C12.1863 12.1391 12.2896 11.7524 12.1146 11.4462L11.4934 10.3684H12.4138C12.7673 10.3684 13.0507 10.0849 13.0507 9.73143C13.0507 9.37798 12.7673 9.09451 12.4138 9.09451Z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
+  </Icon>
+));
+
+export default AppStore;

package/src/Components/Icons/16x16/AppStoreColor.tsx

@@ -0,0 +1,26 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+import { useIconId } from '../utils';
+
+const AppStoreColor = forwardRef<IconProps, 'svg'>((props, ref) => {
+  const iconPrefix = useIconId();
+  return (
+    <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+      <path
+        d="M12.1706 1H3.82765C2.26509 1 1 2.26509 1 3.82765V12.1724C1 13.7332 2.26509 14.9983 3.82765 14.9983H12.1724C13.7332 14.9983 15 13.7332 15 12.1706V3.82765C14.9983 2.26509 13.7332 1 12.1706 1Z"
+        fill={`url(#${iconPrefix}__a)`}
+      />
+      <path
+        d="M7.9405 4.2161L8.224 3.72616C8.399 3.41995 8.78925 3.31671 9.0955 3.49169C9.40175 3.66667 9.505 4.05687 9.33 4.36308L6.59825 9.09099H8.574C9.2145 9.09099 9.57325 9.8434 9.295 10.3648H3.5025C3.149 10.3648 2.8655 10.0814 2.8655 9.72791C2.8655 9.37445 3.149 9.09099 3.5025 9.09099H5.1265L7.2055 5.48819L6.55625 4.36133C6.38125 4.05512 6.4845 3.66842 6.79075 3.48994C7.097 3.31496 7.48375 3.4182 7.66225 3.72441L7.9405 4.2161ZM5.4835 11.021L4.871 12.0831C4.696 12.3893 4.30575 12.4926 3.9995 12.3176C3.69325 12.1426 3.59 11.7524 3.765 11.4462L4.22 10.6588C4.7345 10.4996 5.15275 10.622 5.4835 11.021ZM10.758 9.09449H12.4152C12.7687 9.09449 13.0522 9.37795 13.0522 9.73141C13.0522 10.0849 12.7687 10.3683 12.4152 10.3683H11.4947L12.116 11.4462C12.291 11.7524 12.1877 12.1391 11.8815 12.3176C11.5752 12.4926 11.1885 12.3893 11.01 12.0831C9.9635 10.2686 9.17775 8.91076 8.65625 8.00612C8.1225 7.08574 8.504 6.16186 8.88025 5.84864C9.2985 6.56605 9.92325 7.64917 10.758 9.09449Z"
+        fill="#fff"
+      />
+      <defs>
+        <linearGradient gradientUnits="userSpaceOnUse" id={`${iconPrefix}__a`} x1={8} x2={8} y1={1} y2={14.9983}>
+          <stop stopColor="#18BFFB" />
+          <stop offset={1} stopColor="#2072F3" />
+        </linearGradient>
+      </defs>
+    </Icon>
+  );
+});
+
+export default AppStoreColor;

package/src/Components/Icons/16x16/Apple.tsx

@@ -3,10 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const Apple = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      clipRule="evenodd"
-      d="M10 2.533c.8-.933.667-1.866.667-1.866s-1.2 0-2.067 1c-.8.866-.6 1.666-.6 1.666s1.067.134 2-.8Zm1.6 5.4C11.6 6.2 13 5.467 13 5.467S12.267 4.2 10.467 4.2c-1.067 0-1.867.6-2.334.6-.533 0-1.266-.533-2.266-.533-1.534 0-3.134 1.333-3.134 3.933-.066 2.533 1.867 5.8 3.4 5.8.534 0 1.334-.533 2.134-.533.8 0 1.4.533 2.133.533 1.667 0 2.867-3.4 2.867-3.4S11.6 9.867 11.6 7.933Zm-.2 3.667c-.4.667-.8 1.067-.933 1.067-.067 0-.2 0-.467-.134-.067 0-.067 0-.133-.066-.667-.267-1-.334-1.534-.334-.533 0-1 .134-1.666.334-.467.2-.6.2-.534.2-.6 0-2.133-2.534-2.133-4.534 0-1.6.867-2.6 1.8-2.6.2 0 .467.067.8.2-.067 0 .533.2.667.267.333.067.533.133.866.133.267 0 .534-.066.867-.2.133-.066.533-.2.533-.2.4-.133.667-.2.934-.2.2 0 .4 0 .533.067a4.042 4.042 0 0 0-.733 2.333c0 1.267.466 2.267 1.333 3l.133.134c-.2.2-.266.333-.333.533Z"
+      d="M10.667.667S10.8 1.6 10 2.533c-.933.934-2 .8-2 .8s-.2-.8.6-1.666c.867-1 2.067-1 2.067-1ZM13 5.467s-1.4.733-1.4 2.466c0 1.934 1.667 2.667 1.667 2.667S12.067 14 10.4 14c-.733 0-1.333-.533-2.133-.533S6.667 14 6.133 14c-1.533 0-3.466-3.267-3.4-5.8 0-2.6 1.6-3.933 3.134-3.933 1 0 1.733.533 2.266.533.467 0 1.267-.6 2.334-.6C12.267 4.2 13 5.467 13 5.467Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/BitbucketBlue.tsx

@@ -6,23 +6,23 @@ const BitbucketBlue = forwardRef<IconProps, 'svg'>((props, ref) => {
   return (
     <Icon ref={ref} viewBox="0 0 16 16" {...props}>
       <path
-        d="M1.766 2a.427.427 0 0 0-.427.496l1.813 11.009a.58.58 0 0 0 .568.484h8.7a.427.427 0 0 0 .428-.358L14.66 2.498a.428.428 0 0 0-.427-.496L1.766 2Zm7.636 7.957H6.625l-.751-3.928h4.201l-.673 3.928Z"
+        d="M1.44942 1.69995C1.16969 1.69995 0.959884 1.95638 1.0065 2.21281L2.89475 13.7754C2.94137 14.0785 3.1978 14.2882 3.50085 14.2882H12.639C12.8489 14.2882 13.0353 14.1251 13.082 13.9153L14.9935 2.23612C15.0402 1.95638 14.8303 1.72327 14.5506 1.72327L1.44942 1.69995ZM9.46867 10.0455H6.55468L5.78538 5.91938H10.1913L9.46867 10.0455Z"
         fill="#2684FF"
       />
       <path
-        d="M14.084 6.029h-4.01l-.672 3.928H6.625l-3.279 3.892c.104.09.237.14.374.14h8.702a.427.427 0 0 0 .428-.358l1.234-7.602Z"
+        d="M14.3641 5.91938H10.168L9.46867 10.0455H6.55468L3.12783 14.1251C3.12783 14.1251 3.29101 14.265 3.52413 14.265H12.6623C12.8721 14.265 13.0586 14.1018 13.1052 13.8919L14.3641 5.91938Z"
         fill={`url(#${iconPrefix}__a)`}
       />
       <defs>
         <linearGradient
           gradientUnits="userSpaceOnUse"
           id={`${iconPrefix}__a`}
-          x1={15.011}
-          x2={8.385}
-          y1={7.129}
-          y2={12.3}
+          x1={15.3456}
+          x2={8.39201}
+          y1={7.08207}
+          y2={12.5101}
         >
-          <stop offset={0.18} stopColor="#0052CC" />
+          <stop offset={0.176} stopColor="#0052CC" />
           <stop offset={1} stopColor="#2684FF" />
         </linearGradient>
       </defs>

package/src/Components/Icons/16x16/BitbucketNeutral.tsx

@@ -0,0 +1,33 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+import { useIconId } from '../utils';
+
+const BitbucketNeutral = forwardRef<IconProps, 'svg'>((props, ref) => {
+  const iconPrefix = useIconId();
+  return (
+    <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+      <path
+        d="M1.44944 1.69995C1.16969 1.69995 0.959884 1.95638 1.0065 2.21281L2.89475 13.7754C2.94137 14.0785 3.19782 14.2883 3.50087 14.2883H12.639C12.8489 14.2883 13.0353 14.1251 13.082 13.9153L14.9935 2.23612C15.0402 1.95638 14.8303 1.72327 14.5506 1.72327L1.44944 1.69995ZM9.46867 10.0455H6.55468L5.78538 5.91938H10.1913L9.46867 10.0455Z"
+        fill="#7A869A"
+      />
+      <path
+        d="M14.3641 5.91937H10.168L9.46867 10.0455H6.55468L3.12783 14.1251C3.12783 14.1251 3.29102 14.265 3.52414 14.265H12.6624C12.8721 14.265 13.0586 14.1017 13.1053 13.892L14.3641 5.91937Z"
+        fill={`url(#${iconPrefix}__a)`}
+      />
+      <defs>
+        <linearGradient
+          gradientUnits="userSpaceOnUse"
+          id={`${iconPrefix}__a`}
+          x1={15.3473}
+          x2={8.39364}
+          y1={7.08207}
+          y2={12.5101}
+        >
+          <stop offset={0.176} stopColor="#344563" />
+          <stop offset={1} stopColor="#7A869A" />
+        </linearGradient>
+      </defs>
+    </Icon>
+  );
+});
+
+export default BitbucketNeutral;

package/src/Components/Icons/16x16/BitbucketPlain.tsx

@@ -4,7 +4,7 @@ const BitbucketPlain = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
-      d="M9.402 9.956H6.625l-.752-3.928h4.201l-.672 3.928ZM1.766 2a.427.427 0 0 0-.427.496l1.813 11.008a.58.58 0 0 0 .568.485h8.7a.427.427 0 0 0 .427-.36l1.813-11.13a.427.427 0 0 0-.427-.496L1.766 2Z"
+      d="M9.47232 10.0545H6.55665L5.76718 5.92995H10.1788L9.47232 10.0545ZM1.45424 1.69999C1.20663 1.69685 1.00321 1.89511 1.00007 2.14272C0.999618 2.16874 1.00141 2.19475 1.00567 2.22032L2.90983 13.7798C2.95872 14.0718 3.21037 14.2865 3.50642 14.2889H12.6414C12.8637 14.2919 13.0546 14.1315 13.09 13.9121L14.9941 2.22256C15.0338 1.9781 14.8676 1.74754 14.6232 1.70806C14.5976 1.7038 14.5716 1.70178 14.5456 1.70223L1.45424 1.69999Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/BitbucketShadedWhite.tsx

@@ -6,28 +6,24 @@ const BitbucketShadedWhite = forwardRef<IconProps, 'svg'>((props, ref) => {
   return (
     <Icon ref={ref} viewBox="0 0 16 16" {...props}>
       <path
-        clipRule="evenodd"
-        d="M9.402 9.956H6.625l-.752-3.928h4.201l-.672 3.928ZM1.766 2a.427.427 0 0 0-.427.496l1.813 11.008a.58.58 0 0 0 .568.485h8.7a.427.427 0 0 0 .427-.36l1.813-11.13a.427.427 0 0 0-.427-.496L1.766 2Z"
-        fill="#fff"
-        fillRule="evenodd"
+        d="M14.3873 5.91932H10.1912L9.49189 10.0455H6.57796L3.15119 14.125C3.15119 14.125 3.31436 14.2649 3.54747 14.2649H12.6856C12.8954 14.2649 13.0819 14.1017 13.1285 13.8919L14.3873 5.91932Z"
+        fill={`url(#${iconPrefix}__a)`}
       />
       <path
-        clipRule="evenodd"
-        d="m10.061 6-.673 3.928H6.612l-3.279 3.891c.104.09.237.14.374.141h8.712a.428.428 0 0 0 .417-.358L14.094 6H10.06Z"
-        fill={`url(#${iconPrefix}__a)`}
-        fillRule="evenodd"
+        d="M1.44941 1.69995C1.16966 1.69995 0.959885 1.95638 1.00651 2.21281L2.89475 13.7754C2.91806 13.9153 2.988 14.0551 3.10456 14.1484C3.10456 14.1484 3.26773 14.2882 3.50085 14.2882L7.04422 10.0455H6.55468L5.78538 5.91938L10.1912 5.91932H14.3873L14.9935 2.21281C15.0402 1.93307 14.8303 1.69995 14.5506 1.69995H1.44941Z"
+        fill="white"
       />
       <defs>
         <linearGradient
           gradientUnits="userSpaceOnUse"
           id={`${iconPrefix}__a`}
-          x1={11.127}
-          x2={16.101}
-          y1={15.296}
-          y2={7.24}
+          x1={15.6896}
+          x2={6.58189}
+          y1={4.47522}
+          y2={9.56762}
         >
-          <stop stopColor="#fff" stopOpacity={0.1} />
-          <stop offset={1} stopColor="#184AB8" />
+          <stop offset={0.0718327} stopColor="#fff" stopOpacity={0.4} />
+          <stop offset={1} stopColor="#fff" />
         </linearGradient>
       </defs>
     </Icon>

package/src/Components/Icons/16x16/Doc.tsx

@@ -2,9 +2,12 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Doc = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M5.5 5.75H10.5V4.25H5.5V5.75Z" fill="currentColor" />
+    <path d="M10.5 8.75H5.5V7.25H10.5V8.75Z" fill="currentColor" />
+    <path d="M5.5 11.75H8.5V10.25H5.5V11.75Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M12 1.333H4c-.733 0-1.333.6-1.333 1.334v10.666c0 .734.6 1.334 1.333 1.334h8c.733 0 1.333-.6 1.333-1.334V2.667c0-.734-.6-1.334-1.333-1.334Zm-8 12V2.667h8v10.666H4ZM5.333 4h5.334v1.333H5.333V4ZM10 6.667H5.333V8H10V6.667Zm-4.667 2h4V10h-4V8.667Zm5.334 2H5.333V12h5.334v-1.333Z"
+      d="M2.5 2.5C2.5 1.67157 3.17157 1 4 1H12C12.8284 1 13.5 1.67157 13.5 2.5V13.5C13.5 14.3284 12.8284 15 12 15H4C3.17157 15 2.5 14.3284 2.5 13.5V2.5ZM4 2.5H12V13.5H4L4 2.5Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/16x16/GitlabColor.tsx

@@ -3,27 +3,20 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const GitlabColor = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      d="m14.096 9.06-.716-2.307-1.418-4.577a.256.256 0 0 0-.089-.127.237.237 0 0 0-.286 0 .256.256 0 0 0-.09.127L10.08 6.75H5.371L3.954 2.176a.256.256 0 0 0-.09-.128.237.237 0 0 0-.286 0 .256.256 0 0 0-.089.128L2.074 6.75l-.716 2.31a.535.535 0 0 0 0 .316.511.511 0 0 0 .176.256l6.192 4.717 6.191-4.717a.512.512 0 0 0 .178-.255.537.537 0 0 0 .001-.316"
-      fill="#ED720C"
+      d="M14.767 6.59695L14.7473 6.54665L12.8418 1.57366C12.803 1.4762 12.7344 1.39351 12.6457 1.33748C12.557 1.2824 12.4535 1.25587 12.3492 1.26147C12.2449 1.26708 12.1448 1.30455 12.0625 1.36883C11.9811 1.43495 11.9221 1.52454 11.8934 1.62542L10.6068 5.56182H5.39687L4.11025 1.62542C4.08235 1.52399 4.02317 1.43395 3.94113 1.3681C3.85882 1.30382 3.75876 1.26635 3.65447 1.26075C3.55019 1.25514 3.44669 1.28167 3.35796 1.33675C3.26948 1.39301 3.2009 1.47562 3.16187 1.57293L1.25271 6.54374L1.23376 6.59404C0.959454 7.31076 0.925596 8.09723 1.13729 8.83487C1.34898 9.57252 1.79476 10.2213 2.40739 10.6835L2.41395 10.6886L2.43145 10.701L5.33418 12.8748L6.77024 13.9617L7.64499 14.6221C7.74732 14.6998 7.87226 14.7419 8.00073 14.7419C8.1292 14.7419 8.25414 14.6998 8.35646 14.6221L9.23122 13.9617L10.6673 12.8748L13.5875 10.6879L13.5948 10.6821C14.2061 10.2198 14.6508 9.57164 14.8622 8.83499C15.0735 8.09834 15.0401 7.31299 14.767 6.59695Z"
+      fill="#E24329"
     />
-    <path d="M7.727 14.345 10.08 6.75H5.373l2.354 7.595Z" fill="#D45202" />
-    <path d="M7.726 14.345 5.371 6.75H2.076l5.65 7.595Z" fill="#ED720C" />
     <path
-      d="M2.073 6.752 1.357 9.06a.535.535 0 0 0 0 .316.511.511 0 0 0 .177.255l6.193 4.718-5.654-7.597Z"
-      fill="#FD9730"
+      d="M14.767 6.59695L14.7473 6.54665C13.8188 6.73723 12.9439 7.13052 12.185 7.69841L8 10.8628C9.42512 11.941 10.6658 12.8777 10.6658 12.8777L13.586 10.6908L13.5933 10.685C14.2055 10.2227 14.6509 9.57415 14.8626 8.83688C15.0742 8.0996 15.0407 7.31351 14.767 6.59695Z"
+      fill="#FC6D26"
     />
     <path
-      d="M2.074 6.752h3.3l-1.42-4.574a.257.257 0 0 0-.09-.127.238.238 0 0 0-.286 0 .256.256 0 0 0-.089.127L2.074 6.752Z"
-      fill="#D45202"
+      d="M5.33418 12.8777L6.77024 13.9646L7.64499 14.625C7.74732 14.7027 7.87226 14.7448 8.00073 14.7448C8.1292 14.7448 8.25414 14.7027 8.35646 14.625L9.23122 13.9646L10.6673 12.8777C10.6673 12.8777 9.42512 11.9381 8 10.8628C6.57488 11.9381 5.33418 12.8777 5.33418 12.8777Z"
+      fill="#FCA326"
     />
-    <path d="M7.727 14.345 10.08 6.75h3.3l-5.654 7.595Z" fill="#ED720C" />
     <path
-      d="m13.38 6.752.716 2.308a.533.533 0 0 1 0 .316.51.51 0 0 1-.177.255l-6.192 4.714 5.65-7.593h.002Z"
-      fill="#FD9730"
-    />
-    <path
-      d="M13.38 6.752h-3.298l1.417-4.574a.256.256 0 0 1 .09-.127.237.237 0 0 1 .285 0 .256.256 0 0 1 .09.127l1.417 4.574Z"
-      fill="#D45202"
+      d="M3.81429 7.69841C3.05602 7.12935 2.18127 6.73504 1.25271 6.54374L1.23376 6.59404C0.959454 7.31076 0.925596 8.09723 1.13729 8.83487C1.34898 9.57252 1.79476 10.2213 2.40739 10.6835L2.41395 10.6886L2.43145 10.701L5.33418 12.8748C5.33418 12.8748 6.57342 11.9381 8 10.8599L3.81429 7.69841Z"
+      fill="#FC6D26"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/GitlabPlain.tsx

@@ -3,10 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const GitlabPlain = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      clipRule="evenodd"
-      d="m14.399 8.736-.716-2.202-1.418-4.366a.244.244 0 0 0-.464 0l-1.418 4.366h-4.71L4.255 2.168a.244.244 0 0 0-.464 0L2.373 6.534l-.716 2.202c-.065.2.006.421.177.545l6.194 4.5 6.194-4.5a.487.487 0 0 0 .177-.545"
+      d="M14.7675 6.59716L14.7478 6.54685L12.8422 1.57368C12.8035 1.4762 12.7348 1.39352 12.6461 1.33748C12.5574 1.2824 12.4539 1.25587 12.3496 1.26147C12.2453 1.26708 12.1453 1.30455 12.0629 1.36883C11.9815 1.43495 11.9225 1.52455 11.8938 1.62543L10.6071 5.56199H5.39704L4.11037 1.62543C4.08246 1.524 4.02328 1.43395 3.94124 1.3681C3.85893 1.30382 3.75887 1.26635 3.65458 1.26075C3.55028 1.25514 3.44678 1.28167 3.35805 1.33675C3.26957 1.39302 3.20098 1.47563 3.16195 1.57295L1.25272 6.54394L1.23377 6.59424C0.959453 7.31099 0.925593 8.09749 1.1373 8.83516C1.349 9.57283 1.79479 10.2217 2.40745 10.6839L2.41401 10.689L2.4315 10.7014L5.33435 12.8752L6.77046 13.9622L7.64525 14.6226C7.74757 14.7003 7.87252 14.7424 8.001 14.7424C8.12947 14.7424 8.25442 14.7003 8.35674 14.6226L9.23153 13.9622L10.6676 12.8752L13.588 10.6883L13.5953 10.6824C14.2066 10.2201 14.6513 9.57196 14.8627 8.83528C15.0741 8.0986 15.0407 7.31322 14.7675 6.59716Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/GitlabShadedWhite.tsx

@@ -3,45 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const GitlabShadedWhite = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      clipRule="evenodd"
-      d="m2.373 6.56-.716 2.202c-.065.2.006.421.177.545l6.194 4.5L2.373 6.56Z"
+      d="M14.7675 6.59716L14.7478 6.54685L12.8422 1.57368C12.8035 1.4762 12.7348 1.39352 12.6461 1.33748C12.5574 1.2824 12.4539 1.25587 12.3496 1.26147C12.2453 1.26708 12.1453 1.30455 12.0629 1.36883C11.9815 1.43495 11.9225 1.52455 11.8938 1.62543L10.6071 5.56199H5.39704L4.11037 1.62543C4.08246 1.524 4.02328 1.43395 3.94124 1.3681C3.85893 1.30382 3.75887 1.26635 3.65458 1.26075C3.55029 1.25514 3.44678 1.28167 3.35805 1.33675C3.26957 1.39302 3.20098 1.47563 3.16195 1.57295L1.25272 6.54394L1.23377 6.59424C0.959453 7.31099 0.925593 8.09749 1.1373 8.83516C1.349 9.57283 1.79479 10.2217 2.40745 10.6839L2.41401 10.689L2.4315 10.7014L5.33435 12.8752L6.77046 13.9622L7.64525 14.6226C7.74758 14.7003 7.87252 14.7424 8.001 14.7424C8.12947 14.7424 8.25442 14.7003 8.35675 14.6226L9.23153 13.9622L10.6676 12.8752L13.588 10.6883L13.5953 10.6824C14.2066 10.2201 14.6513 9.57196 14.8627 8.83528C15.0741 8.0986 15.0407 7.31322 14.7675 6.59716Z"
       fill="#fff"
-      fillOpacity={0.55}
-      fillRule="evenodd"
-    />
-    <path
-      clipRule="evenodd"
-      d="m13.683 6.56.716 2.202a.488.488 0 0 1-.177.545l-6.194 4.5 5.655-7.247Z"
-      fill="#fff"
-      fillOpacity={0.55}
-      fillRule="evenodd"
-    />
-    <path clipRule="evenodd" d="m8.028 13.807 2.355-7.247h-4.71l2.355 7.247Z" fill="#fff" fillRule="evenodd" />
-    <path
-      clipRule="evenodd"
-      d="M8.028 13.807 5.673 6.56h-3.3l5.655 7.247Z"
-      fill="#fff"
-      fillOpacity={0.8}
-      fillRule="evenodd"
-    />
-    <path
-      clipRule="evenodd"
-      d="M2.373 6.56h3.3L4.255 2.194a.244.244 0 0 0-.464 0L2.373 6.56Z"
-      fill="#fff"
-      fillRule="evenodd"
-    />
-    <path
-      clipRule="evenodd"
-      d="m8.028 13.807 2.355-7.247h3.3l-5.655 7.247Z"
-      fill="#fff"
-      fillOpacity={0.8}
-      fillRule="evenodd"
-    />
-    <path
-      clipRule="evenodd"
-      d="M13.683 6.56h-3.3L11.8 2.194a.244.244 0 0 1 .464 0l1.418 4.366Z"
-      fill="#fff"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/Go.tsx

@@ -3,26 +3,22 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const Go = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      d="M8.333 9.833A.664.664 0 0 1 8 9.744a.667.667 0 0 1-1-.577V8.91a.666.666 0 0 1 .333-1.244h1.334A.667.667 0 0 1 9 8.91v.256a.667.667 0 0 1-.667.666Z"
+      clipRule="evenodd"
+      d="M9.75223 6.46104C9.51331 6.52172 9.3166 6.57396 9.1163 6.62715C8.95657 6.66956 8.79457 6.71258 8.60708 6.76096L8.59581 6.76398C8.50419 6.78859 8.49464 6.79116 8.4094 6.6928C8.30715 6.57692 8.23217 6.50194 8.08903 6.43378C7.6596 6.22247 7.2438 6.28382 6.85527 6.53602C6.39175 6.83594 6.15318 7.27901 6.16 7.83114C6.16681 8.37645 6.54171 8.82633 7.08021 8.90131C7.54372 8.96265 7.93225 8.79906 8.23899 8.45143C8.28449 8.39581 8.32624 8.33645 8.37259 8.27056C8.38871 8.24763 8.40544 8.22384 8.42303 8.19922H7.10747C6.96433 8.19922 6.93025 8.11061 6.97796 7.99473C7.06657 7.78342 7.23017 7.42897 7.3256 7.25174C7.34605 7.21085 7.39376 7.14268 7.49601 7.14268H9.68965C9.78817 6.83057 9.94802 6.53565 10.1612 6.25659C10.6588 5.60222 11.2587 5.2614 12.0698 5.11825C12.7651 4.99556 13.4195 5.06372 14.0125 5.46589C14.551 5.83397 14.885 6.33157 14.9736 6.98594C15.0895 7.90615 14.8236 8.65595 14.1897 9.29669C13.7398 9.75339 13.1877 10.0397 12.5538 10.1692C12.4329 10.1916 12.3119 10.2022 12.1929 10.2127C12.1308 10.2181 12.0692 10.2235 12.0085 10.2305C11.3882 10.2169 10.8224 10.0397 10.3453 9.63069C10.0097 9.3406 9.7785 8.98406 9.66363 8.56898C9.58391 8.72997 9.4886 8.88414 9.37733 9.03082C8.88655 9.67837 8.24581 10.0805 7.43466 10.1896C6.76665 10.2782 6.14636 10.1487 5.60105 9.73972C5.09664 9.358 4.81035 8.85359 4.73537 8.22649C4.64676 7.4835 4.86489 6.8155 5.31477 6.22929C5.79873 5.59536 6.43947 5.1932 7.22335 5.05005C7.86409 4.93418 8.47756 5.00916 9.02969 5.38406C9.39096 5.62263 9.64998 5.94982 9.82039 6.34517C9.86129 6.40651 9.83402 6.4406 9.75223 6.46104ZM13.626 7.40383C13.6274 7.42672 13.6288 7.45085 13.6308 7.47672C13.5967 8.06293 13.3036 8.49918 12.7651 8.77865C12.4038 8.96269 12.0289 8.98314 11.654 8.81955C11.1632 8.60142 10.9042 8.06293 11.0269 7.53125C11.1769 6.89051 11.5858 6.48835 12.2198 6.3452C12.8673 6.19524 13.4876 6.57696 13.6103 7.25178C13.62 7.30004 13.6228 7.34831 13.626 7.40383Z"
       fill="currentColor"
+      fillRule="evenodd"
     />
     <path
-      clipRule="evenodd"
-      d="M8 5.667a1.667 1.667 0 1 1-3.333 0 1.667 1.667 0 0 1 3.333 0Zm-2 0a.333.333 0 1 0 .667 0 .333.333 0 0 0-.667 0Z"
+      d="M2.05656 6.58387C2.0293 6.58387 2.02248 6.57024 2.03611 6.54979L2.17926 6.36575C2.19289 6.3453 2.22697 6.33167 2.25424 6.33167H4.68768C4.71495 6.33167 4.72177 6.35211 4.70813 6.37256L4.59225 6.54979C4.57862 6.57024 4.54454 6.59069 4.52409 6.59069L2.05656 6.58387Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
     <path
-      clipRule="evenodd"
-      d="M9.667 7.333a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Zm0-1.333a.333.333 0 1 1 0-.667.333.333 0 0 1 0 .667Z"
+      d="M1.02727 7.21095C1 7.21095 0.993184 7.19731 1.00682 7.17686L1.14996 6.99282C1.16359 6.97237 1.19767 6.95874 1.22494 6.95874H4.33321C4.36047 6.95874 4.37411 6.97919 4.36729 6.99964L4.31276 7.16323C4.30594 7.1905 4.27868 7.20413 4.25141 7.20413L1.02727 7.21095Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
     <path
-      clipRule="evenodd"
-      d="M2.667 7V4.97c0-.36.07-.749.23-1.133a.676.676 0 0 1-.032-.03l-.667-.666a.667.667 0 1 1 .943-.943l.521.521C4.478 1.927 5.854 1.331 8 1.331c.033 0 .065 0 .097.003 2.09.017 3.437.607 4.24 1.386l.525-.525a.667.667 0 0 1 .943.943l-.667.667a.667.667 0 0 1-.034.032c.158.384.23.773.23 1.133V7H14a.667.667 0 1 1 0 1.333h-.653c.041.477.167.839.298 1.213.173.498.355 1.02.355 1.869 0 .518-.254 1.053-.733 1.536l.51.508a.667.667 0 0 1-.944.943l-.658-.658c-.989.53-2.353.893-4.022.92a2.428 2.428 0 0 1-.094.003H7.94l-.094-.002c-1.605-.027-2.926-.363-3.905-.86l-.568.569a.667.667 0 1 1-.943-.943l.392-.392C2.286 12.534 2 11.965 2 11.415c0-.85.182-1.37.355-1.87.13-.373.256-.735.298-1.212H2A.667.667 0 1 1 2 7h.667Zm5.34 6.333h.052l.071-.001c1.503-.026 2.763-.356 3.622-.882.63-.384.915-.788.915-1.035 0-.51-.064-.804-.26-1.369l-.062-.178C12.106 9.176 12 8.685 12 8V4.97c0-1.227-1.207-2.28-3.975-2.305H8c-2.767 0-4 1.061-4 2.305V8c0 .685-.106 1.176-.345 1.868l-.062.178c-.196.565-.26.86-.26 1.369 0 .247.285.65.914 1.035.86.526 2.12.856 3.651.883h.108Z"
+      d="M2.65647 7.79712C2.64284 7.81757 2.64966 7.83802 2.67692 7.83802L4.16289 7.84484C4.18334 7.84484 4.21061 7.82439 4.21061 7.79712L4.22424 7.63353C4.22424 7.60626 4.21061 7.58582 4.18334 7.58582H2.82007C2.7928 7.58582 2.76554 7.60626 2.7519 7.62671L2.65647 7.79712Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/GooglePlay.tsx

@@ -0,0 +1,21 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const GooglePlay = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M10.5636 11.2707L8.00004 8.70714L2.32628 14.3809C2.35025 14.4117 2.37539 14.4418 2.40164 14.4709C2.56397 14.6508 2.76501 14.7916 2.98963 14.8827C3.21425 14.9737 3.45659 15.0126 3.69841 14.9964C3.94024 14.9802 4.17523 14.9094 4.38571 14.7892L10.5636 11.2707Z"
+      fill="currentColor"
+    />
+    <path
+      d="M11.4682 10.761L8.70715 8.00004L11.4495 5.25767L13.8675 6.64257H13.8588C14.1383 6.79096 14.367 7.01966 14.5154 7.2992C14.6105 7.47988 14.669 7.67757 14.6874 7.88092C14.7059 8.08427 14.684 8.28926 14.623 8.48411C14.5619 8.67896 14.463 8.85984 14.3319 9.01634C14.2007 9.17283 14.0399 9.30187 13.8588 9.39604L11.4682 10.761Z"
+      fill="currentColor"
+    />
+    <path
+      d="M10.5503 4.74268L8.00004 7.29293L2.32554 1.61843C2.41146 1.50735 2.51223 1.40743 2.62574 1.32173C2.90314 1.1123 3.24142 0.999314 3.589 1C3.87678 1.00098 4.15918 1.078 4.4076 1.22326L10.5503 4.74268Z"
+      fill="currentColor"
+    />
+    <path d="M2 2.70711V13.293L7.29293 8.00004L2 2.70711Z" fill="currentColor" />
+  </Icon>
+));
+
+export default GooglePlay;

package/src/Components/Icons/16x16/GooglePlayColor.tsx

@@ -0,0 +1,24 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const GooglePlayColor = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M7.92532 7.68676L2.05253 13.8396C2.11847 14.0733 2.23698 14.2889 2.399 14.4698C2.56102 14.6507 2.76225 14.7922 2.98732 14.8834C3.21239 14.9746 3.45534 15.0131 3.69758 14.9961C3.93983 14.979 4.17497 14.9068 4.38502 14.7849L10.993 11.0214L7.92532 7.68676Z"
+      fill="#EA4335"
+    />
+    <path
+      d="M13.8638 6.64086L11.0061 5.00418L7.78966 7.8268L11.0193 11.0126L13.855 9.39346C14.1062 9.26192 14.3167 9.06413 14.4635 8.82152C14.6103 8.57891 14.6879 8.30074 14.6879 8.01716C14.6879 7.73358 14.6103 7.45541 14.4635 7.2128C14.3167 6.97019 14.1062 6.7724 13.855 6.64086H13.8638Z"
+      fill="#FBBC04"
+    />
+    <path
+      d="M2.05253 2.16406C2.01703 2.29529 1.99937 2.43071 2.00002 2.56666V13.437C2.00037 13.5729 2.01802 13.7082 2.05253 13.8396L8.12663 7.8443L2.05253 2.16406Z"
+      fill="#4285F4"
+    />
+    <path
+      d="M7.96909 8.00184L11.0061 5.00418L4.4069 1.22319C4.15863 1.07778 3.87627 1.00078 3.58856 1C3.24109 0.999315 2.90292 1.11226 2.6256 1.32163C2.34828 1.531 2.14704 1.82531 2.05253 2.15968L7.96909 8.00184Z"
+      fill="#34A853"
+    />
+  </Icon>
+));
+
+export default GooglePlayColor;

package/src/Components/Icons/16x16/XTwitter.tsx

@@ -0,0 +1,12 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const XTwitter = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M9.3319 6.92804L14.5437 1H13.3087L8.78326 6.14724L5.16883 1H1L6.46574 8.78354L1 15H2.2351L7.01406 9.56434L10.8312 15H15L9.3319 6.92804ZM7.64026 8.85211L7.08646 8.07705L2.68013 1.90978H4.57717L8.13314 6.88696L8.68693 7.66202L13.3093 14.1316H11.4122L7.64026 8.85211Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default XTwitter;

package/src/Components/Icons/16x16/index.ts

@@ -8,6 +8,8 @@ export { default as Android } from './Android';
 export { default as App } from './App';
 export { default as AppleFill } from './AppleFill';
 export { default as Apple } from './Apple';
+export { default as AppStore } from './AppStore';
+export { default as AppStoreColor } from './AppStoreColor';
 export { default as ArrowMoveLeft } from './ArrowMoveLeft';
 export { default as ArrowMoveDown } from './ArrowMoveDown';
 export { default as ArrowMoveUp } from './ArrowMoveUp';
@@ -24,6 +26,7 @@ export { default as Bell } from './Bell';
 export { default as BitbotError } from './BitbotError';
 export { default as Bitbot } from './Bitbot';
 export { default as BitbucketBlue } from './BitbucketBlue';
+export { default as BitbucketNeutral } from './BitbucketNeutral';
 export { default as BitbucketPlain } from './BitbucketPlain';
 export { default as BitbucketShadedWhite } from './BitbucketShadedWhite';
 export { default as Book } from './Book';
@@ -71,6 +74,7 @@ export { default as Cordova } from './Cordova';
 export { default as Cpu } from './Cpu';
 export { default as Creditcard } from './Creditcard';
 export { default as Credits } from './Credits';
+export { default as CrossCircle } from './CrossCircle';
 export { default as Cycle } from './Cycle';
 export { default as DeleteNope } from './DeleteNope';
 export { default as Deployment } from './Deployment';
@@ -82,6 +86,7 @@ export { default as DropdownArrows } from './DropdownArrows';
 export { default as Dudes } from './Dudes';
 export { default as Duplicate } from './Duplicate';
 export { default as Enterprise } from './Enterprise';
+export { default as ErrorCircleFilled } from './ErrorCircleFilled';
 export { default as ErrorGeneral } from './ErrorGeneral';
 export { default as Expand } from './Expand';
 export { default as Fastlane } from './Fastlane';
@@ -98,6 +103,8 @@ export { default as Fullscreen } from './Fullscreen';
 export { default as Gauge } from './Gauge';
 export { default as Github } from './Github';
 export { default as GitlabColor } from './GitlabColor';
+export { default as GooglePlay } from './GooglePlay';
+export { default as GooglePlayColor } from './GooglePlayColor';
 export { default as GitlabPlain } from './GitlabPlain';
 export { default as GitlabShadedWhite } from './GitlabShadedWhite';
 export { default as Globe } from './Globe';
@@ -225,5 +232,4 @@ export { default as Workflow } from './Workflow';
 export { default as Wow } from './Wow';
 export { default as WrappedLines } from './WrappedLines';
 export { default as Xamarin } from './Xamarin';
-export { default as ErrorCircleFilled } from './ErrorCircleFilled';
-export { default as CrossCircle } from './CrossCircle';
+export { default as XTwitter } from './XTwitter';

package/src/Components/Icons/24x24/Android.tsx

@@ -3,10 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const Android = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
-      clipRule="evenodd"
-      d="M9.8 4.999c.7-.3 1.4-.4 2.2-.4.7 0 1.3.1 1.9.3l1.6-1.6c.4-.399 1-.399 1.4 0 .4.4.4 1 0 1.4l-1.2 1.2c1.4 1.099 2.3 2.798 2.3 4.697H6c0-1.8.8-3.398 2.1-4.498L6.7 4.7c-.4-.4-.4-1 0-1.4.4-.399 1-.399 1.4 0L9.8 5ZM8 16.592H7c-.6 0-1-.4-1-1v-3.997h12v3.998c0 .6-.4 1-1 1h-1v2.998c0 .5-.4.999-1 .999s-1-.4-1-1v-2.998h-4v2.999c0 .5-.4.999-1 .999s-1-.4-1-1v-2.998Zm13-4.997v4.098c0 .5-.4 1-1 1s-1-.4-1-1v-4.098c0-.5.4-1 1-1s1 .4 1 1Zm-17-1c.6 0 1 .4 1 1v3.998c0 .5-.4 1-1 1s-1-.4-1-1v-3.998c0-.6.4-1 1-1Zm11-.999c.6 0 1-.4 1-1 0-.499-.4-.999-1-.999s-1 .5-1 1c0 .6.4 1 1 1Zm-6 0c.6 0 1-.4 1-1 0-.499-.4-.999-1-.999s-1 .5-1 1c0 .6.4 1 1 1Z"
+      d="M16.6026 14.2183C16.4378 14.2183 16.2768 14.1706 16.1398 14.0813C16.0028 13.992 15.896 13.8651 15.833 13.7165C15.7699 13.568 15.7534 13.4045 15.7855 13.2468C15.8176 13.0891 15.8969 12.9442 16.0134 12.8305C16.1298 12.7168 16.2782 12.6393 16.4398 12.6079C16.6013 12.5765 16.7688 12.5926 16.921 12.6541C17.0732 12.7156 17.2033 12.8198 17.2948 12.9534C17.3864 13.0871 17.4352 13.2443 17.4353 13.4051C17.435 13.6206 17.3472 13.8273 17.1911 13.9797C17.035 14.1322 16.8234 14.2179 16.6026 14.2183ZM7.39745 14.2183C7.23272 14.2183 7.07168 14.1706 6.9347 14.0813C6.79772 13.992 6.69094 13.8651 6.62787 13.7165C6.56481 13.568 6.54828 13.4045 6.58039 13.2468C6.61249 13.0891 6.69179 12.9442 6.80825 12.8305C6.92471 12.7168 7.0731 12.6393 7.23465 12.6079C7.39621 12.5765 7.56367 12.5926 7.71587 12.6541C7.86807 12.7156 7.99817 12.8198 8.08972 12.9534C8.18126 13.0871 8.23014 13.2443 8.23017 13.4051C8.22996 13.6207 8.14217 13.8273 7.98606 13.9798C7.82995 14.1322 7.61826 14.218 7.39745 14.2183ZM16.9012 9.32136L18.5655 6.50746C18.5883 6.46902 18.6031 6.42659 18.6091 6.38257C18.615 6.33856 18.612 6.29383 18.6003 6.25094C18.5886 6.20805 18.5683 6.16784 18.5406 6.1326C18.5129 6.09737 18.4784 6.06779 18.4391 6.04557C18.3997 6.02335 18.3562 6.00892 18.3111 6.0031C18.266 5.99728 18.2202 6.00018 18.1763 6.01165C18.1323 6.02312 18.0911 6.04292 18.055 6.06992C18.0189 6.09693 17.9886 6.13061 17.9659 6.16905L16.2805 9.01849C14.9917 8.44431 13.5443 8.12459 11.9998 8.12459C10.4554 8.12459 9.00811 8.44477 7.71933 9.01849L6.03412 6.16905C6.01139 6.1306 5.98112 6.0969 5.94505 6.06988C5.90897 6.04285 5.8678 6.02302 5.82387 6.01153C5.77995 6.00003 5.73414 5.9971 5.68905 6.00289C5.64397 6.00867 5.60049 6.02308 5.5611 6.04527C5.52172 6.06746 5.4872 6.097 5.45951 6.13221C5.43182 6.16743 5.41151 6.20762 5.39974 6.2505C5.38796 6.29337 5.38495 6.33809 5.39088 6.3821C5.39681 6.42611 5.41157 6.46855 5.4343 6.507L7.09879 9.32136C4.24078 10.8388 2.28594 13.6631 2 17H22C21.7137 13.6631 19.7591 10.8388 16.9012 9.32136Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/24x24/AppStore.tsx

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const AppStore = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      clipRule="evenodd"
+      d="M6.04 2H17.96C20.1925 2 22 3.8075 22.0025 6.04V17.96C22.0025 20.1925 20.1925 22 17.9625 22H6.04C3.8075 22 2 20.1925 2 17.9625V6.04C2 3.8075 3.8075 2 6.04 2ZM12.32 5.89504L11.915 6.59504L11.5175 5.89254C11.2625 5.45504 10.71 5.30754 10.2725 5.55754C9.83499 5.81254 9.68749 6.36504 9.93749 6.80254L10.865 8.41254L7.89499 13.56H5.57499C5.06999 13.56 4.66499 13.965 4.66499 14.47C4.66499 14.975 5.06999 15.38 5.57499 15.38H13.85C14.2475 14.635 13.735 13.56 12.82 13.56H9.99749L13.9 6.80504C14.15 6.36754 14.0025 5.81004 13.565 5.56004C13.1275 5.31004 12.57 5.45754 12.32 5.89504ZM7.52999 17.835L8.40499 16.3175C7.93249 15.7475 7.33499 15.5725 6.59999 15.8L5.94999 16.925C5.69999 17.3625 5.84749 17.92 6.28499 18.17C6.72249 18.42 7.27999 18.2725 7.52999 17.835ZM18.3075 13.565H15.94C15.7587 13.2511 15.5843 12.949 15.4168 12.659C14.4829 11.0415 13.7641 9.79669 13.2575 8.92754C12.72 9.37504 12.175 10.695 12.9375 12.01C13.2682 12.5837 13.6732 13.285 14.1523 14.1143C14.7524 15.1533 15.4686 16.3933 16.3 17.835C16.555 18.2725 17.1075 18.42 17.545 18.17C17.9825 17.915 18.13 17.3625 17.88 16.925L16.9925 15.385H18.3075C18.8125 15.385 19.2175 14.98 19.2175 14.475C19.2175 13.97 18.8125 13.565 18.3075 13.565Z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
+  </Icon>
+));
+
+export default AppStore;

package/src/Components/Icons/24x24/AppStoreColor.tsx

@@ -0,0 +1,26 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+import { useIconId } from '../utils';
+
+const AppStoreColor = forwardRef<IconProps, 'svg'>((props, ref) => {
+  const iconPrefix = useIconId();
+  return (
+    <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+      <path
+        d="M17.96 2H6.04C3.8075 2 2 3.8075 2 6.04V17.9625C2 20.1925 3.8075 22 6.04 22H17.9625C20.1925 22 22.0025 20.1925 22.0025 17.96V6.04C22 3.8075 20.1925 2 17.96 2Z"
+        fill={`url(#${iconPrefix}__a)`}
+      />
+      <path
+        d="M11.9162 6.595L12.3213 5.895C12.5713 5.4575 13.1289 5.31 13.5664 5.56C14.004 5.81 14.1515 6.3675 13.9015 6.805L9.9985 13.56H12.8214C13.7365 13.56 14.249 14.635 13.8515 15.38H5.57545C5.07038 15.38 4.66533 14.975 4.66533 14.47C4.66533 13.965 5.07038 13.56 5.57545 13.56H7.89574L10.8661 8.4125L9.93849 6.8025C9.68846 6.365 9.83598 5.8125 10.2735 5.5575C10.7111 5.3075 11.2637 5.455 11.5187 5.8925L11.9162 6.595ZM8.4058 16.3175L7.53069 17.835C7.28066 18.2725 6.72309 18.42 6.28553 18.17C5.84798 17.92 5.70046 17.3625 5.95049 16.925L6.60057 15.8C7.33567 15.5725 7.93324 15.7475 8.4058 16.3175ZM15.9417 13.565H18.3095C18.8146 13.565 19.2197 13.97 19.2197 14.475C19.2197 14.98 18.8146 15.385 18.3095 15.385H16.9944L17.882 16.925C18.132 17.3625 17.9845 17.915 17.5469 18.17C17.1094 18.42 16.5568 18.2725 16.3018 17.835C14.8066 15.2425 13.684 13.3025 12.9389 12.01C12.1763 10.695 12.7213 9.375 13.2589 8.9275C13.8565 9.9525 14.7491 11.5 15.9417 13.565Z"
+        fill="#fff"
+      />
+      <defs>
+        <linearGradient gradientUnits="userSpaceOnUse" id={`${iconPrefix}__a`} x1={12.0012} x2={12.0012} y1={2} y2={22}>
+          <stop stopColor="#18BFFB" />
+          <stop offset={1} stopColor="#2072F3" />
+        </linearGradient>
+      </defs>
+    </Icon>
+  );
+});
+
+export default AppStoreColor;

package/src/Components/Icons/24x24/Apple.tsx

@@ -3,10 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const Apple = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
-      clipRule="evenodd"
-      d="M15 3.8C16.2 2.4 16 1 16 1s-1.8 0-3.1 1.5C11.7 3.8 12 5 12 5s1.6.2 3-1.2Zm2.4 8.1c0-2.6 2.1-3.7 2.1-3.7s-1.1-1.9-3.8-1.9c-1.6 0-2.8.9-3.5.9-.8 0-1.9-.8-3.4-.8-2.3 0-4.7 2-4.7 5.9C4 16.1 6.9 21 9.2 21c.8 0 2-.8 3.2-.8 1.2 0 2.1.8 3.2.8 2.5 0 4.3-5.1 4.3-5.1s-2.5-1.1-2.5-4Zm-.3 5.5c-.6 1-1.2 1.6-1.4 1.6-.1 0-.3 0-.7-.2-.1 0-.1 0-.2-.1-1-.4-1.5-.5-2.3-.5-.8 0-1.5.2-2.5.5-.7.3-.9.3-.8.3-.9 0-3.2-3.8-3.2-6.8 0-2.4 1.3-3.9 2.7-3.9.3 0 .7.1 1.2.3-.1 0 .8.3 1 .4.5.1.8.2 1.3.2.4 0 .8-.1 1.3-.3.2-.1.8-.3.8-.3.6-.2 1-.3 1.4-.3.3 0 .6 0 .8.1-.7 1-1.1 2.2-1.1 3.5 0 1.9.7 3.4 2 4.5l.2.2c-.3.3-.4.5-.5.8Z"
+      d="M16 1s.2 1.4-1 2.8C13.6 5.2 12 5 12 5s-.3-1.2.9-2.5C14.2 1 16 1 16 1ZM19.5 8.2s-2.1 1.1-2.1 3.7c0 2.9 2.5 4 2.5 4S18.1 21 15.6 21c-1.1 0-2-.8-3.2-.8-1.2 0-2.4.8-3.2.8-2.3 0-5.2-4.9-5.1-8.7 0-3.9 2.4-5.9 4.7-5.9 1.5 0 2.6.8 3.4.8.7 0 1.9-.9 3.5-.9 2.7 0 3.8 1.9 3.8 1.9Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/24x24/BitbucketBlue.tsx

@@ -6,23 +6,23 @@ const BitbucketBlue = forwardRef<IconProps, 'svg'>((props, ref) => {
   return (
     <Icon ref={ref} viewBox="0 0 24 24" {...props}>
       <path
-        d="M2.65 3a.64.64 0 0 0-.642.743l2.72 16.514a.871.871 0 0 0 .853.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.7a.64.64 0 0 0-.64-.743L2.649 3Zm11.453 11.935H9.938L8.81 9.043h6.303l-1.01 5.892Z"
+        d="M2.64203 3C2.24241 3 1.94269 3.36633 2.00929 3.73265L4.70679 20.2506C4.77339 20.6836 5.13972 20.9833 5.57265 20.9833H18.6272C18.9269 20.9833 19.1934 20.7502 19.2599 20.4504L21.9907 3.76596C22.0574 3.36633 21.7576 3.03331 21.358 3.03331L2.64203 3ZM14.0981 14.9223H9.93526L8.83626 9.02776H15.1304L14.0981 14.9223Z"
         fill="#2684FF"
       />
       <path
-        d="M21.127 9.043h-6.014l-1.01 5.892H9.938L5.02 20.773c.156.135.355.21.56.211h13.054a.641.641 0 0 0 .64-.538l1.852-11.403Z"
+        d="M21.0915 9.02776H15.0971L14.0981 14.9223H9.93526L5.03976 20.7502C5.03976 20.7502 5.27287 20.95 5.6059 20.95H18.6604C18.9602 20.95 19.2266 20.7169 19.2932 20.4171L21.0915 9.02776Z"
         fill={`url(#${iconPrefix}__a)`}
       />
       <defs>
         <linearGradient
           gradientUnits="userSpaceOnUse"
           id={`${iconPrefix}__a`}
-          x1={22.517}
-          x2={12.578}
-          y1={10.693}
-          y2={18.45}
+          x1={22.4938}
+          x2={12.56}
+          y1={10.6887}
+          y2={18.443}
         >
-          <stop offset={0.18} stopColor="#0052CC" />
+          <stop offset={0.176} stopColor="#0052CC" />
           <stop offset={1} stopColor="#2684FF" />
         </linearGradient>
       </defs>

package/src/Components/Icons/24x24/BitbucketNeutral.tsx

@@ -0,0 +1,33 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+import { useIconId } from '../utils';
+
+const BitbucketNeutral = forwardRef<IconProps, 'svg'>((props, ref) => {
+  const iconPrefix = useIconId();
+  return (
+    <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+      <path
+        d="M2.64205 3C2.24242 3 1.94269 3.36633 2.00929 3.73266L4.70678 20.2507C4.77339 20.6836 5.13975 20.9834 5.57267 20.9834H18.6272C18.9269 20.9834 19.1934 20.7502 19.2599 20.4505L21.9907 3.76596C22.0574 3.36633 21.7576 3.03331 21.3579 3.03331L2.64205 3ZM14.0981 14.9223H9.93526L8.83626 9.02776H15.1304L14.0981 14.9223Z"
+        fill="#7A869A"
+      />
+      <path
+        d="M21.0916 9.02774H15.0971L14.0981 14.9223H9.93526L5.03976 20.7502C5.03976 20.7502 5.27289 20.95 5.60592 20.95H18.6605C18.9602 20.95 19.2266 20.7168 19.2933 20.4172L21.0916 9.02774Z"
+        fill={`url(#${iconPrefix}__a)`}
+      />
+      <defs>
+        <linearGradient
+          gradientUnits="userSpaceOnUse"
+          id={`${iconPrefix}__a`}
+          x1={22.4961}
+          x2={12.5623}
+          y1={10.6887}
+          y2={18.443}
+        >
+          <stop offset={0.176} stopColor="#344563" />
+          <stop offset={1} stopColor="#7A869A" />
+        </linearGradient>
+      </defs>
+    </Icon>
+  );
+});
+
+export default BitbucketNeutral;

package/src/Components/Icons/24x24/BitbucketPlain.tsx

@@ -4,7 +4,7 @@ const BitbucketPlain = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
       clipRule="evenodd"
-      d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892ZM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513c.069.417.428.723.851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3Z"
+      d="M14.1024 14.9342H9.93749L8.80975 9.0424H15.1116L14.1024 14.9342ZM2.64886 3.00005C2.29516 2.99557 2.00458 3.27878 2.0001 3.63248C1.99946 3.66964 2.00202 3.70681 2.00811 3.74333L4.72812 20.2557C4.79797 20.6728 5.15743 20.9794 5.58033 20.9829H18.6294C18.9469 20.9871 19.2195 20.758 19.2701 20.4447L21.9902 3.74654C22.0469 3.39732 21.8095 3.06797 21.4602 3.01159C21.4237 3.0055 21.3866 3.00262 21.3494 3.00326L2.64886 3.00005Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/24x24/BitbucketShadedWhite.tsx

@@ -7,46 +7,24 @@ const BitbucketShadedWhite = forwardRef<IconProps, 'svg'>((props, ref) => {
   return (
     <Icon ref={ref} viewBox="0 0 24 24" {...props}>
       <path
-        clipRule="evenodd"
-        d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892ZM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513c.069.417.428.723.851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3Z"
-        fill="#fff"
-        fillRule="evenodd"
+        d="M21.1247 9.02767H15.1303L14.1313 14.9222H9.96851L5.07312 20.75C5.07312 20.75 5.30622 20.9499 5.63925 20.9499H18.6937C18.9934 20.9499 19.2599 20.7168 19.3264 20.417L21.1247 9.02767Z"
+        fill={`url(#${iconPrefix}__a)`}
       />
       <path
-        clipRule="evenodd"
-        d="m15.092 9-1.01 5.892H9.919L5 20.729c.156.135.355.21.56.212H18.63a.641.641 0 0 0 .625-.538L21.14 9h-6.048Z"
-        fill={`url(#${iconPrefix}__a)`}
-        fillRule="evenodd"
+        d="M2.64201 3C2.24238 3 1.94269 3.36633 2.00929 3.73265L4.70678 20.2506C4.74008 20.4504 4.84 20.6503 5.00651 20.7834C5.00651 20.7834 5.23961 20.9833 5.57264 20.9833L10.6346 14.9223H9.93526L8.83626 9.02776L15.1303 9.02767H21.1247L21.9907 3.73265C22.0574 3.33303 21.7576 3 21.3579 3H2.64201Z"
+        fill="white"
       />
-      <mask
-        height={12}
-        id={`${iconPrefix}__b`}
-        maskUnits="userSpaceOnUse"
-        style={{
-          maskType: 'alpha',
-        }}
-        width={17}
-        x={5}
-        y={9}
-      >
-        <path
-          clipRule="evenodd"
-          d="m15.092 9-1.01 5.892H9.919L5 20.729c.156.135.355.21.56.212H18.63a.641.641 0 0 0 .625-.538L21.14 9h-6.048Z"
-          fill="#fff"
-          fillRule="evenodd"
-        />
-      </mask>
       <defs>
         <linearGradient
           gradientUnits="userSpaceOnUse"
           id={`${iconPrefix}__a`}
-          x1={16.69}
-          x2={24.152}
-          y1={22.945}
-          y2={10.86}
+          x1={22.9852}
+          x2={9.97413}
+          y1={6.96468}
+          y2={14.2395}
         >
-          <stop stopColor="#fff" stopOpacity={0.1} />
-          <stop offset={1} stopColor="#184AB8" />
+          <stop offset={0.0718327} stopColor="#fff" stopOpacity={0.4} />
+          <stop offset={1} stopColor="#fff" />
         </linearGradient>
       </defs>
     </Icon>

package/src/Components/Icons/24x24/Doc.tsx

@@ -2,9 +2,12 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Doc = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path d="M8 8H16V6H8V8Z" fill="currentColor" />
+    <path d="M16 13H8V11H16V13Z" fill="currentColor" />
+    <path d="M8 18H13V16H8V18Z" fill="currentColor" />
     <path
       clipRule="evenodd"
-      d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2ZM6 20V4h12v16H6ZM8 6h8v2H8V6Zm7 4H8v2h7v-2Zm-7 3h6v2H8v-2Zm8 3H8v2h8v-2Z"
+      d="M4 4C4 2.89543 4.89543 2 6 2H18C19.1046 2 20 2.89543 20 4V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4ZM6 4H18V20H6V4Z"
       fill="currentColor"
       fillRule="evenodd"
     />

package/src/Components/Icons/24x24/GitlabColor.tsx

@@ -3,27 +3,20 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const GitlabColor = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
-      d="M21.144 13.591 20.07 10.13l-2.126-6.867a.385.385 0 0 0-.134-.19.356.356 0 0 0-.43 0 .385.385 0 0 0-.133.19l-2.126 6.862H8.057L5.93 3.263a.384.384 0 0 0-.134-.19.356.356 0 0 0-.43 0 .384.384 0 0 0-.133.19l-2.123 6.862-1.074 3.466a.802.802 0 0 0 0 .474c.047.154.14.288.265.383l9.288 7.075 9.286-7.075a.767.767 0 0 0 .267-.383.803.803 0 0 0 .001-.474"
-      fill="#ED720C"
+      d="M21.6671 9.9942L21.639 9.92234L18.9168 2.81807C18.8614 2.67883 18.7634 2.56071 18.6367 2.48067C18.5099 2.40198 18.3621 2.36408 18.2131 2.37209C18.0641 2.3801 17.9212 2.43362 17.8036 2.52545C17.6873 2.6199 17.6029 2.7479 17.562 2.89201L15.724 8.51544H8.28124L6.44322 2.89201C6.40335 2.74711 6.31881 2.61848 6.20162 2.5244C6.08402 2.43258 5.94109 2.37905 5.79211 2.37105C5.64312 2.36304 5.49527 2.40094 5.36851 2.47963C5.24212 2.56 5.14414 2.67801 5.08838 2.81703L2.36102 9.91818L2.33394 9.99003C1.94208 11.0139 1.89371 12.1375 2.19613 13.1912C2.49855 14.245 3.13537 15.1719 4.01056 15.8322L4.01993 15.8394L4.04493 15.8571L8.19169 18.9625L10.2432 20.5152L11.4928 21.4587C11.639 21.5697 11.8175 21.6298 12.001 21.6298C12.1846 21.6298 12.3631 21.5697 12.5092 21.4587L13.7589 20.5152L15.8104 18.9625L19.9821 15.8384L19.9926 15.8301C20.8658 15.1697 21.5011 14.2438 21.8031 13.1914C22.105 12.139 22.0573 11.0171 21.6671 9.9942Z"
+      fill="#E24329"
     />
-    <path d="m11.59 21.517 3.532-11.392H8.06l3.53 11.392Z" fill="#D45202" />
-    <path d="M11.59 21.517 8.057 10.125H3.114l8.476 11.392Z" fill="#ED720C" />
     <path
-      d="M3.11 10.128 2.036 13.59a.802.802 0 0 0 0 .473c.047.154.14.289.265.384l9.29 7.076-8.48-11.395Z"
-      fill="#FD9730"
+      d="M21.6671 9.9942L21.639 9.92234C20.3126 10.1946 19.0627 10.7564 17.9785 11.5677L12 16.0883C14.0359 17.6285 15.8083 18.9667 15.8083 18.9667L19.9801 15.8426L19.9905 15.8342C20.865 15.1739 21.5013 14.2473 21.8037 13.1941C22.106 12.1408 22.0581 11.0179 21.6671 9.9942Z"
+      fill="#FC6D26"
     />
     <path
-      d="M3.112 10.128h4.95l-2.13-6.861a.385.385 0 0 0-.135-.19.356.356 0 0 0-.43 0 .385.385 0 0 0-.133.19l-2.122 6.861Z"
-      fill="#D45202"
+      d="M8.19169 18.9667L10.2432 20.5194L11.4928 21.4629C11.639 21.5739 11.8175 21.6339 12.001 21.6339C12.1846 21.6339 12.3631 21.5739 12.5092 21.4629L13.7589 20.5194L15.8104 18.9667C15.8104 18.9667 14.0359 17.6244 12 16.0883C9.96411 17.6244 8.19169 18.9667 8.19169 18.9667Z"
+      fill="#FCA326"
     />
-    <path d="m11.59 21.517 3.532-11.392h4.95L11.59 21.517Z" fill="#ED720C" />
     <path
-      d="m20.07 10.128 1.074 3.462a.801.801 0 0 1 0 .474.764.764 0 0 1-.265.383l-9.289 7.07 8.477-11.389h.002Z"
-      fill="#FD9730"
-    />
-    <path
-      d="M20.072 10.128h-4.95l2.127-6.861a.383.383 0 0 1 .134-.19.356.356 0 0 1 .429 0c.063.046.11.113.134.19l2.126 6.861Z"
-      fill="#D45202"
+      d="M6.02042 11.5677C4.93717 10.7548 3.68753 10.1915 2.36102 9.91818L2.33394 9.99003C1.94208 11.0139 1.89371 12.1375 2.19613 13.1912C2.49855 14.245 3.13537 15.1719 4.01056 15.8322L4.01993 15.8394L4.04493 15.8571L8.19169 18.9625C8.19169 18.9625 9.96203 17.6244 12 16.0842L6.02042 11.5677Z"
+      fill="#FC6D26"
     />
   </Icon>
 ));

package/src/Components/Icons/24x24/GitlabPlain.tsx

@@ -3,10 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const GitlabPlain = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
-      clipRule="evenodd"
-      d="M21.598 13.104 20.525 9.8l-2.128-6.547a.366.366 0 0 0-.695 0L15.574 9.8H8.51L6.382 3.253a.366.366 0 0 0-.695 0L3.559 9.8l-1.073 3.304a.731.731 0 0 0 .265.818l9.291 6.75 9.29-6.75a.731.731 0 0 0 .266-.818"
+      d="M21.6678 9.99449L21.6397 9.92263L18.9175 2.81809C18.8621 2.67884 18.764 2.56072 18.6373 2.48067C18.5106 2.40198 18.3627 2.36408 18.2137 2.37209C18.0647 2.3801 17.9218 2.43363 17.8042 2.52545C17.6879 2.61991 17.6035 2.74791 17.5626 2.89203L15.7245 8.51568H8.28148L6.44339 2.89203C6.40352 2.74713 6.31898 2.61849 6.20178 2.52441C6.08418 2.43258 5.94124 2.37905 5.79225 2.37105C5.64326 2.36304 5.49541 2.40094 5.36864 2.47963C5.24224 2.56 5.14426 2.67802 5.0885 2.81705L2.36103 9.91847L2.33396 9.99032C1.94208 11.0142 1.8937 12.1378 2.19614 13.1916C2.49857 14.2455 3.13541 15.1724 4.01064 15.8327L4.02001 15.84L4.045 15.8577L8.19192 18.9632L10.2435 20.5159L11.4932 21.4594C11.6394 21.5704 11.8179 21.6305 12.0014 21.6305C12.185 21.6305 12.3635 21.5704 12.5096 21.4594L13.7593 20.5159L15.8109 18.9632L19.9828 15.8389L19.9933 15.8306C20.8665 15.1702 21.5019 14.2442 21.8038 13.1918C22.1058 12.1394 22.0581 11.0174 21.6678 9.99449Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/24x24/GitlabShadedWhite.tsx

@@ -3,38 +3,8 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const GitlabShadedWhite = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
-      clipRule="evenodd"
-      d="m3.56 9.84-1.074 3.303a.731.731 0 0 0 .266.818l9.29 6.75L3.559 9.839ZM20.525 9.84l1.073 3.303a.731.731 0 0 1-.265.818l-9.291 6.75 8.483-10.872Z"
+      d="M21.6679 9.99459L21.6397 9.92274L18.9175 2.81819C18.8621 2.67895 18.764 2.56083 18.6373 2.48078C18.5106 2.40208 18.3627 2.36418 18.2137 2.37219C18.0647 2.3802 17.9218 2.43373 17.8042 2.52556C17.6879 2.62002 17.6035 2.74802 17.5626 2.89213L15.7245 8.51578H8.28149L6.44339 2.89213C6.40352 2.74723 6.31898 2.61859 6.20178 2.52451C6.08418 2.43269 5.94124 2.37916 5.79225 2.37115C5.64326 2.36314 5.49541 2.40104 5.36864 2.47973C5.24224 2.56011 5.14426 2.67813 5.0885 2.81715L2.36103 9.91857L2.33396 9.99043C1.94208 11.0144 1.8937 12.1379 2.19614 13.1917C2.49857 14.2456 3.13541 15.1725 4.01064 15.8328L4.02001 15.8401L4.045 15.8578L8.19192 18.9633L10.2435 20.516L11.4932 21.4595C11.6394 21.5705 11.8179 21.6306 12.0014 21.6306C12.185 21.6306 12.3635 21.5705 12.5096 21.4595L13.7593 20.516L15.8109 18.9633L19.9828 15.839L19.9933 15.8307C20.8665 15.1703 21.5019 14.2443 21.8038 13.1919C22.1058 12.1395 22.0581 11.0175 21.6679 9.99459Z"
       fill="#fff"
-      fillOpacity={0.55}
-      fillRule="evenodd"
-    />
-    <path clipRule="evenodd" d="m12.042 20.71 3.532-10.87H8.51l3.532 10.87Z" fill="#fff" fillRule="evenodd" />
-    <path
-      clipRule="evenodd"
-      d="M12.042 20.71 8.51 9.84H3.56l8.482 10.87Z"
-      fill="#fff"
-      fillOpacity={0.8}
-      fillRule="evenodd"
-    />
-    <path
-      clipRule="evenodd"
-      d="M3.56 9.84h4.95L6.382 3.291a.366.366 0 0 0-.695 0L3.559 9.839Z"
-      fill="#fff"
-      fillRule="evenodd"
-    />
-    <path
-      clipRule="evenodd"
-      d="m12.042 20.71 3.532-10.87h4.95l-8.482 10.87Z"
-      fill="#fff"
-      fillOpacity={0.8}
-      fillRule="evenodd"
-    />
-    <path
-      clipRule="evenodd"
-      d="M20.525 9.84h-4.95l2.127-6.548a.366.366 0 0 1 .695 0l2.128 6.547Z"
-      fill="#fff"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/24x24/Go.tsx

@@ -3,26 +3,22 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const Go = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
-      d="M12.5 14.75a.996.996 0 0 1-.5-.134 1 1 0 0 1-1.5-.866v-.384A1 1 0 0 1 11 11.5h2a1 1 0 0 1 .5 1.866v.384a1 1 0 0 1-1 1Z"
+      clipRule="evenodd"
+      d="M13.5947 10.3245C13.3665 10.3851 13.1351 10.4465 12.8672 10.5157L12.8511 10.52C12.7203 10.5551 12.7066 10.5588 12.5848 10.4183C12.4388 10.2527 12.3317 10.1456 12.1272 10.0483C11.5137 9.74639 10.9197 9.83402 10.3646 10.1943C9.70249 10.6228 9.36167 11.2557 9.3714 12.0445C9.38114 12.8235 9.91671 13.4662 10.686 13.5733C11.3482 13.6609 11.9032 13.4272 12.3414 12.9306C12.4064 12.8512 12.466 12.7664 12.5322 12.6723C12.5553 12.6395 12.5792 12.6055 12.6043 12.5703H10.7249C10.5204 12.5703 10.4718 12.4437 10.5399 12.2782C10.6665 11.9763 10.9002 11.47 11.0365 11.2168C11.0658 11.1583 11.1339 11.061 11.28 11.061H14.4137C14.5545 10.6151 14.7828 10.1938 15.0874 9.79511C15.7983 8.8603 16.6552 8.37341 17.814 8.16892C18.8072 7.99364 19.742 8.09102 20.5892 8.66554C21.3585 9.19138 21.8356 9.90223 21.9622 10.837C22.1278 12.1516 21.748 13.2228 20.8424 14.1381C20.1997 14.7905 19.4109 15.1995 18.5053 15.3845C18.3326 15.4165 18.1598 15.4317 17.9899 15.4466C17.9011 15.4544 17.8132 15.4622 17.7263 15.4722C16.8402 15.4527 16.032 15.1995 15.3503 14.6153C14.8709 14.2008 14.5407 13.6915 14.3766 13.0986C14.2627 13.3285 14.1265 13.5488 13.9676 13.7583C13.2665 14.6834 12.3511 15.2579 11.1923 15.4137C10.2381 15.5403 9.35193 15.3553 8.57292 14.771C7.85233 14.2257 7.44335 13.5051 7.33623 12.6093C7.20964 11.5479 7.52125 10.5936 8.16393 9.75612C8.85531 8.85052 9.77065 8.276 10.8905 8.07151C11.8058 7.90597 12.6822 8.01308 13.471 8.54865C13.9871 8.88947 14.3571 9.35688 14.6005 9.92166C14.659 10.0093 14.62 10.058 14.5032 10.0872C14.1619 10.1739 13.8808 10.2485 13.5947 10.3245ZM20.0371 11.434C20.039 11.4667 20.041 11.5012 20.0439 11.5382C19.9952 12.3756 19.5765 12.9988 18.8072 13.398C18.2911 13.661 17.7555 13.6902 17.22 13.4565C16.5189 13.1449 16.1488 12.3756 16.3241 11.6161C16.5383 10.7007 17.1226 10.1262 18.0282 9.9217C18.9533 9.70747 19.8394 10.2528 20.0147 11.2168C20.0285 11.2858 20.0325 11.3547 20.0371 11.434Z"
       fill="currentColor"
+      fillRule="evenodd"
     />
     <path
-      clipRule="evenodd"
-      d="M12 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm-3 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Z"
+      d="M3.50929 10.2625C3.47034 10.2625 3.4606 10.243 3.48007 10.2138L3.68457 9.95091C3.70404 9.9217 3.75273 9.90222 3.79168 9.90222H7.26803C7.30698 9.90222 7.31672 9.93143 7.29724 9.96065L7.1317 10.2138C7.11223 10.243 7.06354 10.2723 7.03432 10.2723L3.50929 10.2625Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
     <path
-      clipRule="evenodd"
-      d="M14.5 11a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Z"
+      d="M2.03895 11.1584C2 11.1584 1.99026 11.1389 2.00974 11.1097L2.21423 10.8468C2.2337 10.8176 2.28239 10.7981 2.32134 10.7981H6.76172C6.80067 10.7981 6.82015 10.8273 6.81041 10.8565L6.73251 11.0902C6.72277 11.1292 6.68382 11.1487 6.64487 11.1487L2.03895 11.1584Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
     <path
-      clipRule="evenodd"
-      d="M4 10.5V7.455c0-.54.106-1.123.344-1.7a1.016 1.016 0 0 1-.047-.044l-1-1a1 1 0 1 1 1.414-1.414l.782.782C6.717 2.891 8.78 1.997 12 1.997c.05 0 .098.001.146.004 3.135.026 5.155.91 6.36 2.079l.787-.787a1 1 0 1 1 1.414 1.414l-1 1a.991.991 0 0 1-.052.048c.239.577.345 1.16.345 1.7V10.5h1a1 1 0 0 1 0 2h-.979c.062.716.25 1.258.446 1.819.26.748.533 1.53.533 2.803 0 .778-.38 1.58-1.099 2.304l.763.763a1 1 0 0 1-1.414 1.415l-.987-.988c-1.484.796-3.53 1.339-6.034 1.381a3.86 3.86 0 0 1-.14.003h-.177c-.048 0-.095 0-.141-.003-2.407-.04-4.39-.544-5.858-1.289l-.852.853a1 1 0 0 1-1.415-1.415l.589-.588C3.429 18.801 3 17.948 3 17.122c0-1.273.272-2.055.533-2.803.195-.561.384-1.103.446-1.819H3a1 1 0 1 1 0-2h1Zm8.01 9.5h.079l.106-.002c2.255-.039 4.144-.534 5.434-1.323C18.572 18.1 19 17.494 19 17.122c0-.764-.095-1.205-.39-2.052l-.092-.267C18.159 13.763 18 13.027 18 12V7.455c0-1.841-1.81-3.42-5.962-3.457A.69.69 0 0 0 12 3.997c-4.15 0-6 1.592-6 3.458V12c0 1.027-.16 1.763-.518 2.803l-.093.267C5.095 15.917 5 16.358 5 17.122c0 .371.428.977 1.371 1.553 1.29.79 3.179 1.284 5.476 1.324l.065.001h.097Z"
+      d="M4.36631 11.9958C4.34683 12.0251 4.35657 12.0543 4.39552 12.0543L6.51833 12.064C6.54754 12.064 6.58649 12.0348 6.58649 11.9958L6.60597 11.7621C6.60597 11.7232 6.58649 11.694 6.54754 11.694H4.60001C4.56106 11.694 4.52211 11.7232 4.50263 11.7524L4.36631 11.9958Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/24x24/GooglePlay.tsx

@@ -0,0 +1,24 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const GooglePlay = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M15.3813 16.5884L11.5 12.7071L3.31368 20.8935C3.3888 21.018 3.47585 21.1355 3.57386 21.2442C3.80576 21.5013 4.09296 21.7024 4.41384 21.8324C4.73473 21.9625 5.08093 22.018 5.42639 21.9949C5.77186 21.9718 6.10757 21.8706 6.40825 21.6989L15.3813 16.5884Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.2876 16.0805L12.2071 12L16.2611 7.94608L19.9536 10.0609H19.9411C20.3404 10.2729 20.6671 10.5996 20.8791 10.9989C21.015 11.2571 21.0985 11.5395 21.1249 11.83C21.1512 12.1205 21.1199 12.4133 21.0328 12.6917C20.9456 12.97 20.8043 13.2284 20.6169 13.452C20.4296 13.6756 20.1999 13.8599 19.9411 13.9944L16.2876 16.0805Z"
+      fill="currentColor"
+    />
+    <path
+      d="M15.362 7.43099L11.5 11.2929L3.31314 3.10603C3.46251 2.85683 3.65917 2.63692 3.894 2.45962C4.29029 2.16043 4.77354 1.99902 5.27009 2C5.6812 2.00141 6.08463 2.11143 6.43952 2.31894L15.362 7.43099Z"
+      fill="currentColor"
+    />
+    <path
+      d="M3.0002 4.20731C3.00006 4.2178 2.99999 4.22829 3 4.23878V19.7728C3 19.7795 3.00002 19.7862 3.00008 19.7929L10.7929 12L3.0002 4.20731Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default GooglePlay;

package/src/Components/Icons/24x24/GooglePlayColor.tsx

@@ -0,0 +1,24 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const GooglePlayColor = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M11.4647 11.5525L3.07504 20.3423C3.16925 20.6762 3.33855 20.9841 3.57 21.2426C3.80146 21.501 4.08893 21.7031 4.41046 21.8334C4.73199 21.9637 5.07905 22.0188 5.42512 21.9944C5.77119 21.97 6.1071 21.8668 6.40717 21.6927L15.8471 16.3163L11.4647 11.5525Z"
+      fill="#EA4335"
+    />
+    <path
+      d="M19.9482 10.0584L15.8659 7.72026L11.2709 11.7526L15.8847 16.3038L19.9357 13.9907C20.2946 13.8027 20.5952 13.5202 20.805 13.1736C21.0147 12.827 21.1256 12.4296 21.1256 12.0245C21.1256 11.6194 21.0147 11.222 20.805 10.8754C20.5952 10.5288 20.2946 10.2463 19.9357 10.0584H19.9482Z"
+      fill="#FBBC04"
+    />
+    <path
+      d="M3.07504 3.66294C3.02433 3.85042 2.9991 4.04388 3.00002 4.23809V19.7672C3.00053 19.9613 3.02574 20.1546 3.07504 20.3423L11.7523 11.7776L3.07504 3.66294Z"
+      fill="#4285F4"
+    />
+    <path
+      d="M11.5273 12.0026L15.8659 7.72026L6.43843 2.31884C6.08376 2.11112 5.68038 2.00111 5.26937 2C4.77298 1.99902 4.28988 2.16038 3.89371 2.45948C3.49755 2.75857 3.21005 3.17901 3.07504 3.65669L11.5273 12.0026Z"
+      fill="#34A853"
+    />
+  </Icon>
+));
+
+export default GooglePlayColor;

package/src/Components/Icons/24x24/XTwitter.tsx

@@ -0,0 +1,12 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const XTwitter = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M13.9027 10.4686L21.3482 2H19.5838L13.1189 9.3532L7.95547 2H2L9.8082 13.1193L2 22H3.76443L10.5915 14.2348L16.0445 22H22L13.9027 10.4686ZM11.4861 13.2173L10.695 12.1101L4.40018 3.29968H7.11025L12.1902 10.4099L12.9813 11.5172L19.5847 20.7594H16.8746L11.4861 13.2173Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default XTwitter;

package/src/Components/Icons/24x24/index.ts

@@ -8,6 +8,8 @@ export { default as Android } from './Android';
 export { default as App } from './App';
 export { default as AppleFill } from './AppleFill';
 export { default as Apple } from './Apple';
+export { default as AppStore } from './AppStore';
+export { default as AppStoreColor } from './AppStoreColor';
 export { default as ArrowMoveLeft } from './ArrowMoveLeft';
 export { default as ArrowMoveDown } from './ArrowMoveDown';
 export { default as ArrowMoveUp } from './ArrowMoveUp';
@@ -24,6 +26,7 @@ export { default as Bell } from './Bell';
 export { default as BitbotError } from './BitbotError';
 export { default as Bitbot } from './Bitbot';
 export { default as BitbucketBlue } from './BitbucketBlue';
+export { default as BitbucketNeutral } from './BitbucketNeutral';
 export { default as BitbucketPlain } from './BitbucketPlain';
 export { default as BitbucketShadedWhite } from './BitbucketShadedWhite';
 export { default as Book } from './Book';
@@ -71,6 +74,7 @@ export { default as Cordova } from './Cordova';
 export { default as Cpu } from './Cpu';
 export { default as Creditcard } from './Creditcard';
 export { default as Credits } from './Credits';
+export { default as CrossCircle } from './CrossCircle';
 export { default as Cycle } from './Cycle';
 export { default as DeleteNope } from './DeleteNope';
 export { default as Deployment } from './Deployment';
@@ -82,6 +86,7 @@ export { default as DropdownArrows } from './DropdownArrows';
 export { default as Dudes } from './Dudes';
 export { default as Duplicate } from './Duplicate';
 export { default as Enterprise } from './Enterprise';
+export { default as ErrorCircleFilled } from './ErrorCircleFilled';
 export { default as ErrorGeneral } from './ErrorGeneral';
 export { default as Expand } from './Expand';
 export { default as Fastlane } from './Fastlane';
@@ -103,6 +108,8 @@ export { default as GitlabShadedWhite } from './GitlabShadedWhite';
 export { default as Globe } from './Globe';
 export { default as Go } from './Go';
 export { default as GoogleColor } from './GoogleColor';
+export { default as GooglePlay } from './GooglePlay';
+export { default as GooglePlayColor } from './GooglePlayColor';
 export { default as Gradle } from './Gradle';
 export { default as Group } from './Group';
 export { default as Heart } from './Heart';
@@ -225,5 +232,4 @@ export { default as Workflow } from './Workflow';
 export { default as Wow } from './Wow';
 export { default as WrappedLines } from './WrappedLines';
 export { default as Xamarin } from './Xamarin';
-export { default as ErrorCircleFilled } from './ErrorCircleFilled';
-export { default as CrossCircle } from './CrossCircle';
+export { default as XTwitter } from './XTwitter';