@toptal/picasso-pictograms 5.4.0 → 5.5.0

package/src/Pictogram/PriorityIncidentBlue64.tsx

@@ -0,0 +1,76 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgPriorityIncidentBlue64 = forwardRef(function SvgPriorityIncidentBlue64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#183A9C'
+          d='M22 5.03c-.17 0-.33-.03-.5-.03C12.39 5 5 12.39 5 21.5c0 .17.02.33.03.5H22V5.03ZM38.22 48.52l-1.15-8.06a3.466 3.466 0 1 1 6.86 0l-1.15 8.06a2.304 2.304 0 0 1-4.56 0ZM63.05 59.08 63 59H17.8l-.05.08c-1.13 1.96.28 4.42 2.55 4.42h40.2c2.27 0 3.68-2.45 2.55-4.42Z'
+          opacity={0.15}
+        />
+        <path
+          fill='#183A9C'
+          d='M40.5 59.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='m42.48 23.5 20.57 35.59c1.13 1.96-.28 4.42-2.55 4.42H20.3c-2.27 0-3.68-2.45-2.55-4.42L38.32 23.5c.92-1.6 3.23-1.6 4.16 0Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='m38.22 48.52-1.15-8.06a3.466 3.466 0 1 1 6.86 0l-1.15 8.06a2.304 2.304 0 0 1-4.56 0ZM40.5 59.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM21.5 12v9.5H5'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M27.91 41.5c-2.02.65-4.18 1-6.41 1-11.6 0-21-9.4-21-21s9.4-21 21-21c10.74 0 19.59 8.06 20.85 18.46'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M19 56.5H7.5V37M41 7.5h15.5V42'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgPriorityIncidentBlue64.displayName = 'SvgPriorityIncidentBlue64'
+export default SvgPriorityIncidentBlue64

package/src/Pictogram/PriorityIncidentWhite64.tsx

@@ -0,0 +1,75 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgPriorityIncidentWhite64 = forwardRef(
+  function SvgPriorityIncidentWhite64(props: Props, ref: Ref<SVGSVGElement>) {
+    const { className, style = {}, scale, base, 'data-testid': testId } = props
+    const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+    const svgStyle = {
+      minWidth: `${scaledSize}px`,
+      minHeight: `${scaledSize}px`,
+      ...style,
+    }
+
+    return (
+      <svg
+        fill='none'
+        viewBox='0 0 64 64'
+        className={className}
+        style={svgStyle}
+        ref={ref}
+        data-testid={testId}
+      >
+        <g clipPath='url(#a)'>
+          <path
+            fill='#000'
+            d='M22 5.03c-.17 0-.33-.03-.5-.03C12.39 5 5 12.39 5 21.5c0 .17.02.33.03.5H22V5.03ZM38.22 48.52l-1.15-8.06a3.466 3.466 0 1 1 6.86 0l-1.15 8.06a2.304 2.304 0 0 1-4.56 0ZM63.05 59.08 63 59H17.8l-.05.08c-1.13 1.96.28 4.42 2.55 4.42h40.2c2.27 0 3.68-2.45 2.55-4.42Z'
+            opacity={0.3}
+          />
+          <path
+            fill='#000'
+            d='M40.5 59.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'
+            opacity={0.3}
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='m42.48 23.5 20.57 35.59c1.13 1.96-.28 4.42-2.55 4.42H20.3c-2.27 0-3.68-2.45-2.55-4.42L38.32 23.5c.92-1.6 3.23-1.6 4.16 0Z'
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='m38.22 48.52-1.15-8.06a3.466 3.466 0 1 1 6.86 0l-1.15 8.06a2.304 2.304 0 0 1-4.56 0ZM40.5 59.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM21.5 12v9.5H5'
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='M27.91 41.5c-2.02.65-4.18 1-6.41 1-11.6 0-21-9.4-21-21s9.4-21 21-21c10.74 0 19.59 8.06 20.85 18.46'
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='M19 56.5H7.5V37M41 7.5h15.5V42'
+          />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgPriorityIncidentWhite64.displayName = 'SvgPriorityIncidentWhite64'
+export default SvgPriorityIncidentWhite64

package/src/Pictogram/ProductManagementBlue64.tsx

@@ -0,0 +1,67 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgProductManagementBlue64 = forwardRef(
+  function SvgProductManagementBlue64(props: Props, ref: Ref<SVGSVGElement>) {
+    const { className, style = {}, scale, base, 'data-testid': testId } = props
+    const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+    const svgStyle = {
+      minWidth: `${scaledSize}px`,
+      minHeight: `${scaledSize}px`,
+      ...style,
+    }
+
+    return (
+      <svg
+        fill='none'
+        viewBox='0 0 64 64'
+        className={className}
+        style={svgStyle}
+        ref={ref}
+        data-testid={testId}
+      >
+        <g clipPath='url(#a)'>
+          <path
+            fill='#183A9E'
+            d='M17.188 55.156H.5V63.5h16.688v-8.344ZM40.343 55.156H23.656V63.5h16.687v-8.344ZM63.5 55.156H46.812V63.5H63.5v-8.344ZM32 15.173A7.336 7.336 0 1 0 32 .5a7.336 7.336 0 0 0 0 14.673Z'
+            opacity={0.15}
+          />
+          <path
+            fill='#183A9E'
+            d='M32 15.173a14.812 14.812 0 0 0-14.813 14.813h29.625A14.814 14.814 0 0 0 32 15.173Z'
+            opacity={0.15}
+          />
+          <path
+            fill='#204ECF'
+            d='M17.688 64H0V46.312h17.688V64ZM1 63h15.688V47.312H1V63ZM40.843 64H23.156V46.312h17.687V64Zm-16.687-1h15.687V47.312H24.156V63ZM64 64H46.312V46.312H64V64Zm-16.688-1H63V47.312H47.312V63ZM32 15.673a7.837 7.837 0 1 1 7.836-7.837A7.846 7.846 0 0 1 32 15.673ZM32 1a6.837 6.837 0 1 0 6.836 6.836A6.844 6.844 0 0 0 32 1Z'
+          />
+          <path
+            fill='#204ECF'
+            d='M47.312 29.985h-1a14.312 14.312 0 1 0-28.624 0h-1a15.312 15.312 0 1 1 30.624 0ZM32.5 29.985h-1v16.827h1V29.985Z'
+          />
+          <path
+            fill='#204ECF'
+            d='M55.656 46.813h-1V39.25H9.343v7.562h-1V38.25h47.313v8.562Z'
+          />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgProductManagementBlue64.displayName = 'SvgProductManagementBlue64'
+export default SvgProductManagementBlue64

package/src/Pictogram/ProductManagementWhite64.tsx

@@ -0,0 +1,67 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgProductManagementWhite64 = forwardRef(
+  function SvgProductManagementWhite64(props: Props, ref: Ref<SVGSVGElement>) {
+    const { className, style = {}, scale, base, 'data-testid': testId } = props
+    const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+    const svgStyle = {
+      minWidth: `${scaledSize}px`,
+      minHeight: `${scaledSize}px`,
+      ...style,
+    }
+
+    return (
+      <svg
+        fill='none'
+        viewBox='0 0 64 64'
+        className={className}
+        style={svgStyle}
+        ref={ref}
+        data-testid={testId}
+      >
+        <g clipPath='url(#a)'>
+          <path
+            fill='#231F20'
+            d='M17.188 55.156H.5V63.5h16.688v-8.344ZM40.343 55.156H23.656V63.5h16.687v-8.344ZM63.5 55.156H46.812V63.5H63.5v-8.344ZM32 15.173A7.336 7.336 0 1 0 32 .5a7.336 7.336 0 0 0 0 14.673Z'
+            opacity={0.3}
+          />
+          <path
+            fill='#231F20'
+            d='M32 15.173a14.812 14.812 0 0 0-14.813 14.813h29.625A14.814 14.814 0 0 0 32 15.173Z'
+            opacity={0.3}
+          />
+          <path
+            fill='#fff'
+            d='M17.688 64H0V46.312h17.688V64ZM1 63h15.688V47.312H1V63ZM40.843 64H23.156V46.312h17.687V64Zm-16.687-1h15.687V47.312H24.156V63ZM64 64H46.312V46.312H64V64Zm-16.688-1H63V47.312H47.312V63ZM32 15.673a7.837 7.837 0 1 1 7.836-7.837A7.846 7.846 0 0 1 32 15.673ZM32 1a6.837 6.837 0 1 0 6.836 6.836A6.844 6.844 0 0 0 32 1Z'
+          />
+          <path
+            fill='#fff'
+            d='M47.312 29.985h-1a14.312 14.312 0 1 0-28.624 0h-1a15.312 15.312 0 1 1 30.624 0ZM32.5 29.985h-1v16.827h1V29.985Z'
+          />
+          <path
+            fill='#fff'
+            d='M55.656 46.813h-1V39.25H9.343v7.562h-1V38.25h47.313v8.562Z'
+          />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgProductManagementWhite64.displayName = 'SvgProductManagementWhite64'
+export default SvgProductManagementWhite64

package/src/Pictogram/ProfileUpdatedBlue64.tsx

@@ -0,0 +1,66 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgProfileUpdatedBlue64 = forwardRef(function SvgProfileUpdatedBlue64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#183A9C'
+          d='M28.05 29H12.5c0-4.69 3.81-8.5 8.5-8.5 4.25 0 7.76 3.12 8.39 7.2 3.25-2.9 7.42-4.77 12.03-5.12.04-.52.08-1.05.08-1.58 0-.48-.02-.96-.05-1.44C40.71 8.91 31.84.5 21 .5S.5 9.68.5 21 9.68 41.5 21 41.5c.53 0 1.06-.04 1.58-.08.37-4.79 2.38-9.12 5.47-12.42ZM21 7.5c3.04 0 5.5 2.46 5.5 5.5s-2.46 5.5-5.5 5.5-5.5-2.46-5.5-5.5 2.46-5.5 5.5-5.5ZM34.33 43 31 46.33l8 8 16-16L51.67 35 39 47.67 34.33 43Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M21 18.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM12.5 29c0-4.69 3.81-8.5 8.5-8.5 4.69 0 8.5 3.81 8.5 8.5'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M22.58 41.44c-.52.04-1.05.06-1.58.06C9.68 41.5.5 32.32.5 21S9.68.5 21 .5s19.71 8.41 20.45 19.06M34.33 43 31 46.33l8 8 16-16L51.67 35 39 47.67 34.33 43Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M43 63.5c11.322 0 20.5-9.178 20.5-20.5S54.322 22.5 43 22.5 22.5 31.678 22.5 43 31.678 63.5 43 63.5Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgProfileUpdatedBlue64.displayName = 'SvgProfileUpdatedBlue64'
+export default SvgProfileUpdatedBlue64

package/src/Pictogram/ProfileUpdatedWhite64.tsx

@@ -0,0 +1,66 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgProfileUpdatedWhite64 = forwardRef(function SvgProfileUpdatedWhite64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#000'
+          d='M28.05 29H12.5c0-4.69 3.81-8.5 8.5-8.5 4.25 0 7.76 3.12 8.39 7.2 3.25-2.9 7.42-4.77 12.03-5.12.04-.52.08-1.05.08-1.58 0-.48-.02-.96-.05-1.44C40.71 8.91 31.84.5 21 .5S.5 9.68.5 21 9.68 41.5 21 41.5c.53 0 1.06-.04 1.58-.08.37-4.79 2.38-9.12 5.47-12.42ZM21 7.5c3.04 0 5.5 2.46 5.5 5.5s-2.46 5.5-5.5 5.5-5.5-2.46-5.5-5.5 2.46-5.5 5.5-5.5ZM34.33 43 31 46.33l8 8 16-16L51.67 35 39 47.67 34.33 43Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M21 18.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM12.5 29c0-4.69 3.81-8.5 8.5-8.5 4.25 0 7.77 3.12 8.4 7.19'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M22.58 41.44c-.52.04-1.05.06-1.58.06C9.68 41.5.5 32.32.5 21S9.68.5 21 .5s19.71 8.41 20.45 19.06M34.33 43 31 46.33l8 8 16-16L51.67 35 39 47.67 34.33 43Z'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M43 63.5c11.322 0 20.5-9.178 20.5-20.5S54.322 22.5 43 22.5 22.5 31.678 22.5 43 31.678 63.5 43 63.5Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgProfileUpdatedWhite64.displayName = 'SvgProfileUpdatedWhite64'
+export default SvgProfileUpdatedWhite64

package/src/Pictogram/ProjectManagerBlue64.tsx

@@ -0,0 +1,66 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgProjectManagerBlue64 = forwardRef(function SvgProjectManagerBlue64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#183A9C'
+          d='M15.05 29c-.67 1.88-1.05 3.89-1.05 6h36c0-2.11-.38-4.12-1.05-6h-33.9ZM53 47h-9.5v3.5h-4V47h-15v3.5h-4V47H11v13.75c0 1.24 1.01 2.25 2.25 2.25h37.51c1.24 0 2.25-1.01 2.25-2.25V47H53Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M49.22 32C47.8 23.77 40.64 17.5 32 17.5c-8.64 0-15.8 6.27-17.22 14.5M32 17.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17ZM50.5 34.5h-37a3 3 0 0 0-3 3v23a3 3 0 0 0 3 3h37a3 3 0 0 0 3-3v-23a3 3 0 0 0-3-3Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M20.5 47.5h-7c-1.66 0-3-1.34-3-3v-7c0-1.66 1.34-3 3-3h37c1.66 0 3 1.34 3 3v7c0 1.66-1.34 3-3 3h-7M39.5 47.5h-15M37.5 34v-2.5c0-1.66-1.34-3-3-3h-5c-1.66 0-3 1.34-3 3V34'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M24.5 44.5h-4v6h4v-6ZM43.5 44.5h-4v6h4v-6Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgProjectManagerBlue64.displayName = 'SvgProjectManagerBlue64'
+export default SvgProjectManagerBlue64

package/src/Pictogram/ProjectManagerWhite64.tsx

@@ -0,0 +1,66 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgProjectManagerWhite64 = forwardRef(function SvgProjectManagerWhite64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#000'
+          d='M15.05 29c-.67 1.88-1.05 3.89-1.05 6h36c0-2.11-.38-4.12-1.05-6h-33.9ZM53 47h-9.5v3.5h-4V47h-15v3.5h-4V47H11v13.75c0 1.24 1.01 2.25 2.25 2.25h37.51c1.24 0 2.25-1.01 2.25-2.25V47H53Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M49.22 32C47.8 23.77 40.64 17.5 32 17.5c-8.64 0-15.8 6.27-17.22 14.5M32 17.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17ZM50.5 34.5h-37a3 3 0 0 0-3 3v23a3 3 0 0 0 3 3h37a3 3 0 0 0 3-3v-23a3 3 0 0 0-3-3Z'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M20.5 47.5h-7c-1.66 0-3-1.34-3-3v-7c0-1.66 1.34-3 3-3h37c1.66 0 3 1.34 3 3v7c0 1.66-1.34 3-3 3h-7M39.5 47.5h-15M37.5 34v-2.5c0-1.66-1.34-3-3-3h-5c-1.66 0-3 1.34-3 3V34'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M24.5 44.5h-4v6h4v-6ZM43.5 44.5h-4v6h4v-6Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgProjectManagerWhite64.displayName = 'SvgProjectManagerWhite64'
+export default SvgProjectManagerWhite64

package/src/Pictogram/RefreshSettingsBlue64.tsx

@@ -0,0 +1,71 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+
+const SIZE = 64
+
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgRefreshSettingsBlue64 = forwardRef(function SvgRefreshSettingsBlue64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#183A9C'
+          d='M43.5 32c0-.84-.1-1.66-.27-2.44l5.36-3.09c-.76-2.26-1.96-4.31-3.51-6.06l-5.36 3.09c-1.21-1.1-2.64-1.94-4.23-2.45v-6.19c-1.13-.23-2.3-.35-3.5-.35-1.2 0-2.37.12-3.5.35v6.19a11.51 11.51 0 0 0-4.22 2.45l-5.36-3.09a17.49 17.49 0 0 0-3.51 6.06l5.36 3.09c-.17.79-.27 1.6-.27 2.44 0 .84.1 1.66.27 2.44l-5.36 3.09c.76 2.26 1.96 4.31 3.51 6.06l5.36-3.09c1.2 1.1 2.64 1.94 4.22 2.45v6.19c1.13.23 2.3.35 3.5.35 1.2 0 2.37-.12 3.5-.35v-6.19c1.59-.51 3.02-1.36 4.23-2.45l5.36 3.09a17.49 17.49 0 0 0 3.51-6.06l-5.36-3.09c.17-.79.27-1.6.27-2.44ZM32 36.5c-2.49 0-4.5-2.01-4.5-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M32 36.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='m45.08 20.41-5.36 3.09c-1.21-1.1-2.64-1.94-4.23-2.45v-6.19c-1.13-.23-2.3-.35-3.5-.35-1.2 0-2.37.12-3.5.35v6.19a11.51 11.51 0 0 0-4.22 2.45l-5.36-3.09a17.49 17.49 0 0 0-3.51 6.06l5.36 3.09c-.17.79-.27 1.6-.27 2.44 0 .84.1 1.66.27 2.44l-5.36 3.09c.76 2.26 1.96 4.31 3.51 6.06l5.36-3.09c1.2 1.1 2.64 1.94 4.22 2.45v6.19c1.13.23 2.3.35 3.5.35 1.2 0 2.37-.12 3.5-.35v-6.19c1.59-.51 3.02-1.36 4.23-2.45l5.36 3.09a17.49 17.49 0 0 0 3.51-6.06l-5.36-3.09c.17-.79.27-1.6.27-2.44 0-.84-.1-1.66-.27-2.44l5.36-3.09c-.76-2.26-1.96-4.31-3.51-6.06Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M60.07 17.7c2.19 4.29 3.43 9.15 3.43 14.3 0 17.4-14.1 31.5-31.5 31.5-8.7 0-16.57-3.53-22.27-9.23M3.93 46.3A31.364 31.364 0 0 1 .5 32C.5 14.6 14.6.5 32 .5c8.7 0 16.57 3.53 22.27 9.23'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M54.5 1v9.5H45M9.5 63v-9.5H19'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgRefreshSettingsBlue64.displayName = 'SvgRefreshSettingsBlue64'
+export default SvgRefreshSettingsBlue64