@toptal/picasso-pictograms 5.4.0 → 5.5.0

package/src/Pictogram/ChecklistInventoryBlue64.tsx

@@ -0,0 +1,82 @@
+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 SvgChecklistInventoryBlue64 = forwardRef(
+  function SvgChecklistInventoryBlue64(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='M49 47h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m42.5 50.5 2 2 4-4' />
+          <path
+            fill='#183A9C'
+            d='M57 58H7v5h50v-5ZM23 9h-8v8h8V9ZM46 .8V12h11.2L46 .8Z'
+            opacity={0.15}
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M57.5 12.41 45.57.5H7.5v63h50V12.41Z'
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M45.5 1v11.5H57M16.5 12.5l2 2 4-4'
+          />
+          <path fill='#183A9C' d='M23 22h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m16.5 25.5 2 2 4-4' />
+          <path fill='#183A9C' d='M23 34h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m16.5 37.5 2 2 4-4' />
+          <path fill='#183A9C' d='M23 47h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m16.5 50.5 2 2 4-4' />
+          <path fill='#183A9C' d='M36 47h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m29.5 50.5 2 2 4-4' />
+          <path fill='#183A9C' d='M36 34h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m29.5 37.5 2 2 4-4' />
+          <path fill='#183A9C' d='M36 22h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m29.5 25.5 2 2 4-4' />
+          <path fill='#183A9C' d='M36 9h-8v8h8V9Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m29.5 12.5 2 2 4-4' />
+          <path fill='#183A9C' d='M49 17h-8V9h5v3h3v5Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m42.5 12.5 2 2 2-2' />
+          <path fill='#183A9C' d='M49 22h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m42.5 25.5 2 2 4-4' />
+          <path fill='#183A9C' d='M49 34h-8v8h8v-8Z' opacity={0.15} />
+          <path stroke='#204ECD' strokeMiterlimit={10} d='m42.5 37.5 2 2 4-4' />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgChecklistInventoryBlue64.displayName = 'SvgChecklistInventoryBlue64'
+export default SvgChecklistInventoryBlue64

package/src/Pictogram/ChecklistInventoryWhite64.tsx

@@ -0,0 +1,85 @@
+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 SvgChecklistInventoryWhite64 = forwardRef(
+  function SvgChecklistInventoryWhite64(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='M49 47h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m42.5 50.5 2 2 4-4' />
+          <path
+            fill='#000'
+            d='M57 58H7v5h50v-5ZM23 9h-8v8h8V9ZM46 .8V12h11.2L46 .8Z'
+            opacity={0.3}
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='M57.5 12.41 45.57.5H7.5v63h50V12.41Z'
+          />
+          <path fill='#000' d='M49 17h-8V9h5v3h3v5Z' opacity={0.3} />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='M45.5 1v11.5H57M16.5 12.5l2 2 4-4'
+          />
+          <path fill='#000' d='M23 22h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m16.5 25.5 2 2 4-4' />
+          <path fill='#000' d='M23 34h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m16.5 37.5 2 2 4-4' />
+          <path fill='#000' d='M23 47h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m16.5 50.5 2 2 4-4' />
+          <path fill='#000' d='M36 47h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m29.5 50.5 2 2 4-4' />
+          <path fill='#000' d='M36 34h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m29.5 37.5 2 2 4-4' />
+          <path fill='#000' d='M36 22h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m29.5 25.5 2 2 4-4' />
+          <path fill='#000' d='M36 9h-8v8h8V9Z' opacity={0.3} />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='m29.5 12.5 2 2 4-4M42.5 12.5l2 2 2-2'
+          />
+          <path fill='#000' d='M49 22h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m42.5 25.5 2 2 4-4' />
+          <path fill='#000' d='M49 34h-8v8h8v-8Z' opacity={0.3} />
+          <path stroke='#fff' strokeMiterlimit={10} d='m42.5 37.5 2 2 4-4' />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgChecklistInventoryWhite64.displayName = 'SvgChecklistInventoryWhite64'
+export default SvgChecklistInventoryWhite64

package/src/Pictogram/CodeWebBlue64.tsx

@@ -0,0 +1,56 @@
+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 SvgCodeWebBlue64 = forwardRef(function SvgCodeWebBlue64(
+  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='M37 50H27v5h10v-5ZM16 49h47V6H50L16 49Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M63.5 5.5H.5v44h63v-44ZM20 63.5h24M26.5 61V49.5h11V61M13 12.5h6M29 12.5h10M22 12.5h4M42 12.5h4M13 17.5h3M30 17.5h5M19 17.5h8M13 22.5h9M32 22.5h7M25 22.5h4M13 27.5h4M31 27.5h4M20 27.5h8M38 27.5h8M13 32.5h11M34 32.5h7M27 32.5h4M13 37.5h2M30 37.5h7M18 37.5h9M40 37.5h2M13 42.5h5M8 12.5h2M8 17.5h2M8 22.5h2M8 27.5h2M8 32.5h2M8 37.5h2M8 42.5h2'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgCodeWebBlue64.displayName = 'SvgCodeWebBlue64'
+export default SvgCodeWebBlue64

package/src/Pictogram/CodeWebWhite64.tsx

@@ -0,0 +1,56 @@
+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 SvgCodeWebWhite64 = forwardRef(function SvgCodeWebWhite64(
+  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='M37 50H27v5h10v-5ZM16 49h47V6H50L16 49Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M63.5 5.5H.5v44h63v-44ZM20 63.5h24M26.5 61V49.5h11V61M13 12.5h6M29 12.5h10M22 12.5h4M42 12.5h4M13 17.5h3M30 17.5h5M19 17.5h8M13 22.5h9M32 22.5h7M25 22.5h4M13 27.5h4M31 27.5h4M20 27.5h8M38 27.5h8M13 32.5h11M34 32.5h7M27 32.5h4M13 37.5h2M30 37.5h7M18 37.5h9M40 37.5h2M13 42.5h5M8 12.5h2M8 17.5h2M8 22.5h2M8 27.5h2M8 32.5h2M8 37.5h2M8 42.5h2'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgCodeWebWhite64.displayName = 'SvgCodeWebWhite64'
+export default SvgCodeWebWhite64

package/src/Pictogram/ConversationSuccessBlue64.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 SvgConversationSuccessBlue64 = forwardRef(
+  function SvgConversationSuccessBlue64(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='M55 53H4.5l-.09-2.05L6 50h49v3Z'
+            opacity={0.15}
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M4.5 45V8.5c0-1.1.9-2 2-2h51c1.1 0 2 .9 2 2V24M59.5 30v25.5c0 1.1-.9 2-2 2h-51c-1.1 0-2-.9-2-2V50'
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M23.88 34.5H9.5v10.33l-7 4.67h52v-15H40.06M40.17 29.5H61.5l-7-4.67V14.5h-45v15h14.36'
+          />
+          <path
+            fill='#183A9C'
+            d='M40.5 32c0 .34-.02.67-.05 1H59.5v-2.1L58 30H40.29c.14.65.21 1.31.21 2ZM23.5 32c0-.69.08-1.35.21-2H9v3h14.55c-.03-.33-.05-.66-.05-1Z'
+            opacity={0.15}
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M32 40.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Z'
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='m37 29-6.5 6.5L28 33'
+          />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgConversationSuccessBlue64.displayName = 'SvgConversationSuccessBlue64'
+export default SvgConversationSuccessBlue64

package/src/Pictogram/ConversationSuccessWhite64.tsx

@@ -0,0 +1,74 @@
+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 SvgConversationSuccessWhite64 = forwardRef(
+  function SvgConversationSuccessWhite64(
+    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='M40.5 32c0 .34-.02.67-.05 1H59.5v-3H40.29c.14.65.21 1.31.21 2ZM55 53H4.5v-3H55v3Z'
+            opacity={0.3}
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='M4.5 45V8.5c0-1.1.9-2 2-2h51c1.1 0 2 .9 2 2V24M59.5 30v25.5c0 1.1-.9 2-2 2h-51c-1.1 0-2-.9-2-2V50'
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='M23.88 34.5H9.5v10.33l-7 4.67h52v-15H40.06M40.17 29.5H61.5l-7-4.67V14.5h-45v15h14.36'
+          />
+          <path
+            fill='#000'
+            d='M23.5 32c0-.69.08-1.35.21-2H9v3h14.55c-.03-.33-.05-.66-.05-1Z'
+            opacity={0.3}
+          />
+          <path
+            stroke='#fff'
+            strokeMiterlimit={10}
+            d='M32 40.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Z'
+          />
+          <path stroke='#fff' strokeMiterlimit={10} d='m37 29-6.5 6.5L28 33' />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgConversationSuccessWhite64.displayName = 'SvgConversationSuccessWhite64'
+export default SvgConversationSuccessWhite64

package/src/Pictogram/CriticalTimeBlue64.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 SvgCriticalTimeBlue64 = forwardRef(function SvgCriticalTimeBlue64(
+  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='M48.5 27.5c-6.63 0-12-5.37-12-12 0-2.4.71-4.64 1.93-6.52-2.35-.7-4.84-1.08-7.43-1.04v24.05H6.95C6.69 46.61 19.24 58.37 34.13 56.8c11.34-1.2 20.48-10.34 21.68-21.69.35-3.33.03-6.54-.84-9.52-1.87 1.2-4.08 1.9-6.47 1.9v.01Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M58.66 22.3c1.19 3.17 1.84 6.61 1.84 10.2 0 16.02-12.98 29-29 29s-29-12.98-29-29 12.98-29 29-29c2.41 0 4.76.29 7 .85'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M5 32.5h26.5V20M53 32.5h5M31.5 6v5M31.5 54v5M48.5 27.5c6.627 0 12-5.373 12-12s-5.373-12-12-12-12 5.373-12 12 5.373 12 12 12Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='m48.5 10-2 5.5h4l-2 5.5'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgCriticalTimeBlue64.displayName = 'SvgCriticalTimeBlue64'
+export default SvgCriticalTimeBlue64

package/src/Pictogram/CriticalTimeWhite64.tsx

@@ -0,0 +1,62 @@
+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 SvgCriticalTimeWhite64 = forwardRef(function SvgCriticalTimeWhite64(
+  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='M48.5 27.5c-6.63 0-12-5.37-12-12 0-2.4.71-4.64 1.93-6.52-2.35-.7-4.84-1.08-7.43-1.04v24.05H6.95C6.69 46.61 19.24 58.37 34.13 56.8c11.34-1.2 20.48-10.34 21.68-21.69.35-3.33.03-6.54-.84-9.52-1.87 1.2-4.08 1.9-6.47 1.9v.01Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M58.66 22.3c1.19 3.17 1.84 6.61 1.84 10.2 0 16.02-12.98 29-29 29s-29-12.98-29-29 12.98-29 29-29c2.41 0 4.76.29 7 .85'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M5 32.5h26.5V20M53 32.5h5M31.5 6v5M31.5 54v5M48.5 27.5c6.627 0 12-5.373 12-12s-5.373-12-12-12-12 5.373-12 12 5.373 12 12 12Z'
+        />
+        <path stroke='#fff' strokeMiterlimit={10} d='m48.5 10-2 5.5h4l-2 5.5' />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgCriticalTimeWhite64.displayName = 'SvgCriticalTimeWhite64'
+export default SvgCriticalTimeWhite64

package/src/Pictogram/DashboardSettingsBlue64.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 SvgDashboardSettingsBlue64 = forwardRef(
+  function SvgDashboardSettingsBlue64(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='M17 36H6v22h11V36ZM44 36h-9v22h9V36ZM43.13 23l.5.66c-.84 1.13-1.84 2.13-2.97 2.97l-2.68-2.04c-1.06.66-2.22 1.14-3.43 1.42l-.45 3.34c-1.39.2-2.81.2-4.2 0l-.45-3.34c-1.21-.28-2.37-.76-3.42-1.42l-2.68 2.04c-.86-.64-1.64-1.37-2.34-2.18v7.56h37v-9H43.14l-.01-.01Z'
+            opacity={0.15}
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M16.28 23.5H6.5v8h9.78v-8ZM29.5 36.5h-8v21h8v-21ZM57.5 36.5h-8v21h8v-21Z'
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M50 15.5h11.5c1.1 0 2 .9 2 2v44c0 1.1-.9 2-2 2h-59c-1.1 0-2-.9-2-2v-44c0-1.1.9-2 2-2H14'
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='M34.1.65c-1.39-.2-2.81-.2-4.2 0l-.45 3.34c-1.21.28-2.37.76-3.43 1.42l-2.68-2.04c-1.13.84-2.13 1.84-2.97 2.97l2.04 2.68c-.66 1.06-1.14 2.22-1.42 3.43l-3.34.45c-.2 1.39-.2 2.81 0 4.2l3.34.45c.28 1.21.76 2.37 1.42 3.43l-2.04 2.68c.84 1.13 1.84 2.13 2.97 2.97l2.68-2.04c1.06.66 2.21 1.14 3.42 1.42l.45 3.34c1.39.2 2.81.2 4.2 0l.45-3.34c1.21-.28 2.37-.76 3.43-1.42l2.68 2.04c1.13-.84 2.13-1.84 2.97-2.97l-2.04-2.68c.66-1.06 1.14-2.22 1.42-3.43l3.34-.45c.2-1.39.2-2.81 0-4.2L43 12.45c-.28-1.21-.76-2.37-1.42-3.43l2.04-2.68c-.84-1.13-1.84-2.13-2.97-2.97l-2.68 2.04c-1.06-.66-2.22-1.14-3.43-1.42L34.09.65h.01Z'
+            clipRule='evenodd'
+          />
+          <path
+            stroke='#204ECD'
+            strokeMiterlimit={10}
+            d='m27 15 3.5 3.5L37 12'
+          />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+
+SvgDashboardSettingsBlue64.displayName = 'SvgDashboardSettingsBlue64'
+export default SvgDashboardSettingsBlue64