box-ui-elements-mlh/src/illustration/Handshake56.js.flow

Box UI Elements

// @flow
/* eslint-disable react/jsx-sort-props */
import * as React from 'react';
import * as vars from '../styles/variables';
import AccessibleSVG from '../icons/accessible-svg';
import type { Icon } from '../icons/flowTypes';

/**
 * This is an auto-generated component and should not be edited
 * manually in contributor pull requests.
 *
 * If you have problems with this component:
 * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
 *
 * If there are missing features in this component:
 * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
 */

const Handshake56 = (props: Icon) => (
    <AccessibleSVG width={56} height={56} viewBox="0 0 56 56" {...props}>
        <g fill="none" fillRule="evenodd">
            <path
                fill={vars.white}
                fillRule="nonzero"
                d="M35.387 13.764L46.917 26l-3.272 3.23-7.766-7.766A5.006 5.006 0 0032.343 20h-1.686a5.004 5.004 0 00-3.536 1.464l-2.828 2.829a1.829 1.829 0 01-2.586-2.586l4.829-4.828a2.996 2.996 0 012.12-.879h2.687c1.326 0 2.486-.677 3.423-1.615l.62-.621z"
            />
            <path
                fill={vars.bdlBoxBlue10}
                d="M12 40a6 6 0 110 12 6 6 0 010-12zM44 4c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4z"
            />
            <path
                fill={vars.bdlBoxBlue10}
                fillRule="nonzero"
                d="M22.346 14.361L9.293 26.48l2.81 2.81a3.5 3.5 0 014.855 3.753 3.5 3.5 0 014 4 3.5 3.5 0 014 4 3.5 3.5 0 013.577 5.201l1.203 1.201a1.843 1.843 0 002.72-2.482l-.113-.124-2.017-2.015a1.009 1.009 0 01.773-1.719l.118.014c.157.028.308.094.44.196l.095.084 2.017 2.015a1.843 1.843 0 002.72-2.482l-.113-.123-2.017-2.016a1.007 1.007 0 01.773-1.718l.118.014c.157.028.308.093.44.195l.095.084 2.017 2.016a1.843 1.843 0 002.72-2.482l-.113-.124-3.025-3.023a1.007 1.007 0 01.772-1.719l.119.014a.998.998 0 01.44.196l.095.084 3.024 3.023c.72.72 1.888.72 2.608 0 .68-.68.664-1.69.06-2.414l-.113-.124L41 29.427l.003-.004-6.54-6.544a2.993 2.993 0 00-1.923-.872L32.343 22h-1.686c-.73 0-1.431.266-1.977.743l-.144.136-2.829 2.828a3.828 3.828 0 01-5.564-5.256l.15-.158 3.992-3.993-1.939-1.939z"
            />
            <path
                fill={vars.bdlBoxBlue}
                fillRule="nonzero"
                d="M19.552 8.747l.14.132 6.055 6.055a5 5 0 012.648-.927l.262-.007h2.686c.73 0 1.337-.346 1.867-.837l.142-.138 4.164-4.163a2.941 2.941 0 014.018-.133l.141.133 10.463 10.463a2.941 2.941 0 01.133 4.018l-.133.141-2.863 2.863-4.189 4.222.783.753a3.856 3.856 0 010 5.456 3.851 3.851 0 01-2.907 1.126 3.844 3.844 0 01-1.126 2.905 3.85 3.85 0 01-2.907 1.125 3.84 3.84 0 01-1.125 2.905 3.853 3.853 0 01-2.908 1.126 3.836 3.836 0 01-1.125 2.905 3.861 3.861 0 01-5.3.15l-.16-.15-1.241-1.241a3.5 3.5 0 01-5.028-3.672 3.5 3.5 0 01-4-4 3.5 3.5 0 01-4-4 3.5 3.5 0 01-3.472-5.373l-6.691-6.69a3 3 0 01-.135-4.099l.183-.19 11.6-10.8a2.999 2.999 0 014.025-.058zm2.794 5.614L9.293 26.48l2.81 2.81a3.5 3.5 0 014.855 3.753 3.5 3.5 0 014 4 3.5 3.5 0 014 4 3.5 3.5 0 013.577 5.201l1.203 1.201a1.843 1.843 0 002.72-2.482l-.113-.124-2.017-2.015a1.009 1.009 0 01.773-1.719l.118.014c.157.028.308.094.44.196l.095.084 2.017 2.015a1.843 1.843 0 002.72-2.482l-.113-.123-2.017-2.016a1.007 1.007 0 01.773-1.718l.118.014c.157.028.308.093.44.195l.095.084 2.017 2.016a1.843 1.843 0 002.72-2.482l-.113-.124-3.025-3.023a1.007 1.007 0 01.772-1.719l.119.014a.998.998 0 01.44.196l.095.084 3.024 3.023c.72.72 1.888.72 2.608 0 .68-.68.664-1.69.06-2.414l-.113-.124L41 29.427l.003-.004-6.54-6.544a2.993 2.993 0 00-1.923-.872L32.343 22h-1.686c-.73 0-1.431.266-1.977.743l-.144.136-2.829 2.828a3.828 3.828 0 01-5.564-5.256l.15-.158 3.992-3.993-1.939-1.939zM25.5 43a1.5 1.5 0 10.53 2.904 1.005 1.005 0 01.821-.757A1.5 1.5 0 0025.5 43zm-4-4a1.5 1.5 0 10.001 3.001A1.5 1.5 0 0021.5 39zm-4-4a1.5 1.5 0 10.001 3.001A1.5 1.5 0 0017.5 35zm-4-4a1.5 1.5 0 10.001 3.001A1.5 1.5 0 0013.5 31zm33.103-4.69L34.721 14.429l.045-.044c-.879.88-1.953 1.53-3.176 1.607l-.247.008h-2.686c-.73 0-1.431.266-1.977.743l-.144.136-4.829 4.828a1.829 1.829 0 002.463 2.698l.123-.112 2.828-2.829a5 5 0 013.271-1.457l.265-.007h1.686c1.238 0 2.428.459 3.344 1.282l.192.182L42.414 28l1.254 1.206 2.935-2.896zm-29.62-16.12l-.094.078L5.293 21.065a1 1 0 00-.083 1.32l.083.095 3.293 3.293 13.052-12.12-3.36-3.36a1 1 0 00-1.294-.103zm22.012-.023l-.093.081-3.474 3.473 11.85 11.85 3.474-3.473a.982.982 0 00.081-1.295l-.081-.092-10.463-10.463a.981.981 0 00-1.294-.081z"
            />
            <circle cx={21.5} cy={40.5} r={1.5} fill={vars.white} />
            <circle cx={25.5} cy={44.5} r={1.5} fill={vars.white} />
            <circle cx={13.5} cy={32.5} r={1.5} fill={vars.white} />
            <circle cx={17.5} cy={36.5} r={1.5} fill={vars.white} />
            <path
                fill={vars.white}
                fillRule="nonzero"
                d="M16.984 10.19l-.095.078L5.293 21.065a1 1 0 00-.083 1.32l.083.095 3.293 3.293 13.052-12.12-3.36-3.36a1 1 0 00-1.294-.103z"
            />
            <path
                fill={vars.bdlBoxBlue10}
                fillRule="nonzero"
                d="M38.995 10.167l-.093.081-3.474 3.473 11.85 11.85 3.474-3.473a.982.982 0 00.081-1.295l-.081-.092-10.463-10.463a.981.981 0 00-1.294-.081z"
            />
            <circle cx={47.5} cy={22.5} r={1} fill={vars.bdlBoxBlue} />
            <circle cx={8.5} cy={22.5} r={1} fill={vars.bdlBoxBlue} />
        </g>
    </AccessibleSVG>
);

export default Handshake56;