@toptal/picasso-pictograms 5.4.0 → 5.5.0

package/src/Pictogram/WalletMoneyBlue64.tsx

@@ -0,0 +1,61 @@
+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 SvgWalletMoneyBlue64 = forwardRef(function SvgWalletMoneyBlue64(
+  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='M1.03 52.89v7c0 1.16.94 2.11 2.11 2.11h58.89v-6H3.76c-1.51 0-2.73-1.39-2.73-3.11ZM53.03 46.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM46.03.82l-43.95 16c-2.53.93-1.86 4.68.83 4.68h43.12V.82Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M53.03 46.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.53 18V.82l-43.45 16c-2.53.93-1.86 4.68.83 4.68h59.62v41H3.25c-1.5 0-2.72-1.22-2.72-2.72V19.32M45.53 10.66 16.1 21.5'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWalletMoneyBlue64.displayName = 'SvgWalletMoneyBlue64'
+export default SvgWalletMoneyBlue64

package/src/Pictogram/WalletMoneyWhite64.tsx

@@ -0,0 +1,61 @@
+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 SvgWalletMoneyWhite64 = forwardRef(function SvgWalletMoneyWhite64(
+  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='M1.03 52.89v7c0 1.16.94 2.11 2.11 2.11h58.89v-6H3.76c-1.51 0-2.73-1.39-2.73-3.11ZM53.03 46.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM46.03.82l-43.95 16c-2.53.93-1.86 4.68.83 4.68h43.12V.82Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M53.03 46.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M45.53 18V.82l-43.45 16c-2.53.93-1.86 4.68.83 4.68h59.62v41H3.25c-1.5 0-2.72-1.22-2.72-2.72V19.32M45.53 10.66 16.1 21.5'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWalletMoneyWhite64.displayName = 'SvgWalletMoneyWhite64'
+export default SvgWalletMoneyWhite64

package/src/Pictogram/WebCodeBlue64.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 SvgWebCodeBlue64 = forwardRef(function SvgWebCodeBlue64(
+  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='M50 55H13v5h37v-5Z' opacity={0.15} />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M62.5 3.5H.5v51h62v-51Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='m19 23-8.5 8.5L19 40M44 40l8.5-8.5L44 23M24 46l15-29M13 60.5h37'
+        />
+        <path
+          fill='#183A9C'
+          d='M1 4v7h61V4H1Zm3.5 5C3.67 9 3 8.33 3 7.5S3.67 6 4.5 6 6 6.67 6 7.5 5.33 9 4.5 9Zm5 0C8.67 9 8 8.33 8 7.5S8.67 6 9.5 6s1.5.67 1.5 1.5S10.33 9 9.5 9Zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 6 14.5 6s1.5.67 1.5 1.5S15.33 9 14.5 9Z'
+          opacity={0.15}
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWebCodeBlue64.displayName = 'SvgWebCodeBlue64'
+export default SvgWebCodeBlue64

package/src/Pictogram/WebCodeWhite64.tsx

@@ -0,0 +1,58 @@
+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 SvgWebCodeWhite64 = forwardRef(function SvgWebCodeWhite64(
+  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='M50 55H13v5h37v-5Z' opacity={0.3} />
+        <path stroke='#fff' strokeMiterlimit={10} d='M62.5 3.5H.5v51h62v-51Z' />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='m19 23-8.5 8.5L19 40M44 40l8.5-8.5L44 23M24 46l15-29M13 60.5h37'
+        />
+        <path
+          fill='#000'
+          d='M1 4v7h61V4H1Zm3.5 5C3.67 9 3 8.33 3 7.5S3.67 6 4.5 6 6 6.67 6 7.5 5.33 9 4.5 9Zm5 0C8.67 9 8 8.33 8 7.5S8.67 6 9.5 6s1.5.67 1.5 1.5S10.33 9 9.5 9Zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 6 14.5 6s1.5.67 1.5 1.5S15.33 9 14.5 9Z'
+          opacity={0.3}
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWebCodeWhite64.displayName = 'SvgWebCodeWhite64'
+export default SvgWebCodeWhite64

package/src/Pictogram/WebErrorBlue64.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 SvgWebErrorBlue64 = forwardRef(function SvgWebErrorBlue64(
+  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='M4.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM14.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M60.5 7.5h-57a3 3 0 0 0-3 3v43a3 3 0 0 0 3 3h57a3 3 0 0 0 3-3v-43a3 3 0 0 0-3-3Z'
+        />
+        <path
+          fill='#183A9C'
+          d='M16.33 43.66c-.59 1.04.16 2.34 1.36 2.34h28.22c1.2 0 1.95-1.29 1.36-2.34l-.26-.46H16.59l-.26.46Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='m33.15 18.13 14.3 26.44c.47.87-.16 1.93-1.15 1.93H17.69c-.99 0-1.62-1.06-1.15-1.93l14.3-26.44c.49-.91 1.81-.91 2.3 0h.01Z'
+        />
+        <path
+          fill='#183A9C'
+          d='m30.31 34.01-.5-4.03a2.206 2.206 0 1 1 4.38 0l-.5 4.03c-.11.85-.83 1.49-1.69 1.49s-1.58-.64-1.69-1.49ZM32 43.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='m30.31 34.01-.5-4.03a2.206 2.206 0 1 1 4.38 0l-.5 4.03c-.11.85-.83 1.49-1.69 1.49s-1.58-.64-1.69-1.49ZM32 43.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWebErrorBlue64.displayName = 'SvgWebErrorBlue64'
+export default SvgWebErrorBlue64

package/src/Pictogram/WebErrorWhite64.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 SvgWebErrorWhite64 = forwardRef(function SvgWebErrorWhite64(
+  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='M4.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM14.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M60.5 7.5h-57a3 3 0 0 0-3 3v43a3 3 0 0 0 3 3h57a3 3 0 0 0 3-3v-43a3 3 0 0 0-3-3Z'
+        />
+        <path
+          fill='#000'
+          d='M16.33 43.66c-.59 1.04.16 2.34 1.36 2.34h28.22c1.2 0 1.95-1.29 1.36-2.34l-.26-.46H16.59l-.26.46Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='m33.15 18.13 14.3 26.44c.47.87-.16 1.93-1.15 1.93H17.69c-.99 0-1.62-1.06-1.15-1.93l14.3-26.44c.49-.91 1.81-.91 2.3 0h.01Z'
+        />
+        <path
+          fill='#000'
+          d='m30.31 34.01-.5-4.03a2.206 2.206 0 1 1 4.38 0l-.5 4.03c-.11.85-.83 1.49-1.69 1.49s-1.58-.64-1.69-1.49ZM32 43.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='m30.31 34.01-.5-4.03a2.206 2.206 0 1 1 4.38 0l-.5 4.03c-.11.85-.83 1.49-1.69 1.49s-1.58-.64-1.69-1.49ZM32 43.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWebErrorWhite64.displayName = 'SvgWebErrorWhite64'
+export default SvgWebErrorWhite64

package/src/Pictogram/WebLinkBlue64.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 SvgWebLinkBlue64 = forwardRef(function SvgWebLinkBlue64(
+  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='M4.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM14.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM58 31.5h-5.78c-1.14-5.15-5.73-9-11.22-9h-2.5v5H41c2.7 0 5.02 1.65 6 4h-3a2.5 2.5 0 0 0 0 5h3c-.98 2.35-3.3 4-6 4H23c-2.7 0-5.02-1.65-6-4h3a2.5 2.5 0 0 0 0-5h-3c.98-2.35 3.3-4 6-4h2.5v-5H23c-5.49 0-10.08 3.85-11.22 9H6v5h5.78c1.14 5.15 5.73 9 11.22 9h18c5.49 0 10.08-3.85 11.22-9H58v-5Z'
+          opacity={0.15}
+        />
+        <path
+          fill='#183A9C'
+          d='M32 35.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM32 27.5c-.85 0-1.55-.65-1.62-1.49L29.71 18c-.11-1.34.95-2.49 2.29-2.49 1.35 0 2.4 1.15 2.29 2.49l-.67 8.01A1.63 1.63 0 0 1 32 27.5Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M60.5 7.5h-57a3 3 0 0 0-3 3v43a3 3 0 0 0 3 3h57a3 3 0 0 0 3-3v-43a3 3 0 0 0-3-3Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M47 36.5c-.98 2.35-3.3 4-6 4H23c-2.69 0-5-1.64-5.99-3.97M52.22 31.46C51.06 26.33 46.48 22.5 41 22.5h-2.5v5H41c2.66 0 4.96 1.6 5.96 3.9'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M11.77 36.5c1.14 5.15 5.73 9 11.23 9h18c5.49 0 10.09-3.85 11.23-9M17.01 31.48c.98-2.34 3.3-3.98 5.99-3.98h2.5v-5H23c-5.49 0-10.09 3.85-11.23 9M58 36.5H44a2.5 2.5 0 0 1 0-5h14M6 36.5h14a2.5 2.5 0 0 0 0-5H6M32 35.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM32 27.5c-.85 0-1.55-.65-1.62-1.49L29.71 18c-.11-1.34.95-2.49 2.29-2.49 1.35 0 2.4 1.15 2.29 2.49l-.67 8.01A1.63 1.63 0 0 1 32 27.5Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWebLinkBlue64.displayName = 'SvgWebLinkBlue64'
+export default SvgWebLinkBlue64

package/src/Pictogram/WebLinkWhite64.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 SvgWebLinkWhite64 = forwardRef(function SvgWebLinkWhite64(
+  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='M4.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM14.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM58 31.5h-5.78c-1.14-5.15-5.73-9-11.22-9h-2.5v5H41c2.7 0 5.02 1.65 6 4h-3a2.5 2.5 0 0 0 0 5h3c-.98 2.35-3.3 4-6 4H23c-2.7 0-5.02-1.65-6-4h3a2.5 2.5 0 0 0 0-5h-3c.98-2.35 3.3-4 6-4h2.5v-5H23c-5.49 0-10.08 3.85-11.22 9H6v5h5.78c1.14 5.15 5.73 9 11.22 9h18c5.49 0 10.08-3.85 11.22-9H58v-5Z'
+          opacity={0.3}
+        />
+        <path
+          fill='#000'
+          d='M32 35.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM32 27.5c-.85 0-1.55-.65-1.62-1.49L29.71 18c-.11-1.34.95-2.49 2.29-2.49 1.35 0 2.4 1.15 2.29 2.49l-.67 8.01A1.63 1.63 0 0 1 32 27.5Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M60.5 7.5h-57a3 3 0 0 0-3 3v43a3 3 0 0 0 3 3h57a3 3 0 0 0 3-3v-43a3 3 0 0 0-3-3Z'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M47 36.5c-.98 2.35-3.3 4-6 4H23c-2.69 0-5-1.64-5.99-3.97M52.22 31.46C51.06 26.33 46.48 22.5 41 22.5h-2.5v5H41c2.66 0 4.96 1.6 5.96 3.9'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M11.77 36.5c1.14 5.15 5.73 9 11.23 9h18c5.49 0 10.09-3.85 11.23-9M17.01 31.48c.98-2.34 3.3-3.98 5.99-3.98h2.5v-5H23c-5.49 0-10.09 3.85-11.23 9M58 36.5H44a2.5 2.5 0 0 1 0-5h14M6 36.5h14a2.5 2.5 0 0 0 0-5H6M32 35.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM32 27.5c-.85 0-1.55-.65-1.62-1.49L29.71 18c-.11-1.34.95-2.49 2.29-2.49 1.35 0 2.4 1.15 2.29 2.49l-.67 8.01A1.63 1.63 0 0 1 32 27.5Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWebLinkWhite64.displayName = 'SvgWebLinkWhite64'
+export default SvgWebLinkWhite64

package/src/Pictogram/WinnerChampionBlue64.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 SvgWinnerChampionBlue64 = forwardRef(function SvgWinnerChampionBlue64(
+  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='m60 38-7 21H42V27h-3l-7 32H21V49h-3l-7 10H1v4h62V38h-3ZM21.6 9.05 32 12.38l10.4-3.33-5.2 5.07 1.23 7.16-6.43-8.9v5.52l-6.43 3.38 1.23-7.16-5.2-5.07Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M42.5 37.5v-11h-21v22H.5v15h63v-26h-21ZM21.5 49v10M42.5 38v21M32 1.49 35.21 8l7.19 1.05-5.2 5.07 1.23 7.16L32 17.9l-6.43 3.38 1.23-7.16-5.2-5.07L28.79 8 32 1.49Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWinnerChampionBlue64.displayName = 'SvgWinnerChampionBlue64'
+export default SvgWinnerChampionBlue64

package/src/Pictogram/WinnerChampionWhite64.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 SvgWinnerChampionWhite64 = forwardRef(function SvgWinnerChampionWhite64(
+  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='m60 38-7 21H42V27h-3l-7 32H21V49h-3l-7 10H1v4h62V38h-3ZM21.6 9.05 32 12.38l10.4-3.33-5.2 5.07 1.23 7.16-6.43-8.9v5.52l-6.43 3.38 1.23-7.16-5.2-5.07Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M42.5 37.5v-11h-21v22H.5v15h63v-26h-21ZM21.5 49v10M42.5 38v21M32 1.49 35.21 8l7.19 1.05-5.2 5.07 1.23 7.16L32 17.9l-6.43 3.38 1.23-7.16-5.2-5.07L28.79 8 32 1.49Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+SvgWinnerChampionWhite64.displayName = 'SvgWinnerChampionWhite64'
+export default SvgWinnerChampionWhite64