box-ui-elements-mlh/es/icons/states/SetDefaultAppState.js.flow

Box UI Elements

// @flow
import * as React from 'react';

import { bdlBoxBlue } from '../../styles/variables';
import AccessibleSVG from '../accessible-svg';

import type { Icon } from '../flowTypes';

const SetDefaultAppState = ({ className = '', color = bdlBoxBlue, height = 160, title, width = 305 }: Icon) => (
    <AccessibleSVG
        className={`icon-set-default-app ${className}`}
        height={height}
        title={title}
        viewBox="0 0 110 58.28"
        width={width}
    >
        <path className="fill-color" d="M6 0h76v42H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6z" fill={color} fillOpacity=".1" />
        <path
            className="fill-color"
            d="M103 42H7a7 7 0 0 1-7-7V7a7 7 0 0 1 7-7h96a7 7 0 0 1 7 7v28a7 7 0 0 1-7 7zM7 2a5 5 0 0 0-5 5v28a5 5 0 0 0 5 5h96a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5z"
            fill={color}
        />
        <path
            className="fill-color"
            d="M91 18h6.71a1 1 0 0 1 1 1 .94.94 0 0 1-.24.64l-3.35 4a1 1 0 0 1-1.41.12l-.12-.12-3.36-4a1 1 0 0 1 .13-1.41A1 1 0 0 1 91 18z"
            fill={color}
        />
        <rect fill="#fff" height={22} rx={4} ry={4} width={22} x={9} y={10} />
        <path
            className="fill-color"
            d="M27 33H13a5 5 0 0 1-5-5V14a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14a5 5 0 0 1-5 5zM13 11a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V14a3 3 0 0 0-3-3z"
            fill={color}
        />
        <path
            className="fill-color"
            d="M13.71 27a1 1 0 0 1 0-1.41L24.31 15l1.42 1.41L15.12 27a1 1 0 0 1-1.41 0z"
            fill={color}
        />
        <path
            className="fill-color"
            d="M25 15a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1 1 1 0 0 1-1-1V15zm-11 1a1 1 0 0 1 1-1h9v2h-9a1 1 0 0 1-1-1zM80 0h2v42h-2zM43 18h26a3 3 0 0 1 3 3 3 3 0 0 1-3 3H43a3 3 0 0 1-3-3 3 3 0 0 1 3-3z"
            fill={color}
        />
        <path
            d="M45 48.27c-.74-.85-2.48-2.37-3.06-3.2a2.64 2.64 0 0 1-.56-1.78 2.26 2.26 0 0 1 2-2.38 4.33 4.33 0 0 1 2.48 1 12.61 12.61 0 0 1 1.43 1.26c.33.33.43.47.79.85s.65.77.39.16c-.28-.9-.75-2.46-1.27-3.81-.4-1-.48-1.19-.83-2s-.58-1.42-.94-2.3c-.26-.63-.74-1.92-.94-2.66-.28-1-.62-2.67-.18-3.54a1.83 1.83 0 0 1 2.07-.79c.94.34 1.66 1.65 2 2.17a16.27 16.27 0 0 1 1.5 3.52c.61 1.88 1.58 4.48 1.7 5-.08-.7-.49-2.13-.5-2.81a2 2 0 0 1 .83-1.69 3 3 0 0 1 1.5-.37 2.13 2.13 0 0 1 1.43.72A11.64 11.64 0 0 1 56.06 39a14.81 14.81 0 0 1-.06-3.1 2.17 2.17 0 0 1 1-1.09 4.05 4.05 0 0 1 1.59-.3 2.41 2.41 0 0 1 1.28.72 11.6 11.6 0 0 1 1.17 3c.08.26 0-.75.24-1.46.46-1.32 2.8-2 3.35.64.26 1.22.24 1.17.39 2s.25 1.55.33 2.26A25.74 25.74 0 0 1 65.5 45a11.9 11.9 0 0 1-.62 2.78 14 14 0 0 0-1.37 3.74 8.85 8.85 0 0 0 .15 1.84 10.61 10.61 0 0 0 .5 1.82S54 57 52.21 57.28l-.33-1.85s-5.57-5.67-6.88-7.16z"
            fill="#fff"
        />
        <path
            className="fill-color"
            d="M52.21 58.28a1 1 0 0 1-1-.83L51 55.91c-1.05-1.08-5.52-5.64-6.7-7-.29-.33-.73-.76-1.19-1.21a19.06 19.06 0 0 1-1.94-2.07 3.66 3.66 0 0 1-.74-2.31 3.25 3.25 0 0 1 2.94-3.43A5.24 5.24 0 0 1 46.39 41l-.12-.33c-.34-.85-.44-1.09-.68-1.62l-.13-.3c-.25-.56-.43-1-.63-1.51l-.33-.82c-.28-.69-.76-2-1-2.77-.52-1.93-.56-3.36-.1-4.26a2.83 2.83 0 0 1 3.3-1.28 5.39 5.39 0 0 1 2.41 2.45l.08.13a16.89 16.89 0 0 1 1.6 3.74 3.58 3.58 0 0 1 .11.35 2.18 2.18 0 0 1 .49-.37 3.75 3.75 0 0 1 2-.49 3.12 3.12 0 0 1 2 .91 2.89 2.89 0 0 1 1.17-1 5.14 5.14 0 0 1 2-.37 3.3 3.3 0 0 1 2 1.08 3.8 3.8 0 0 1 .45.74 2.82 2.82 0 0 1 2-.72 2.89 2.89 0 0 1 2.52 2.58c.22 1.05.24 1.18.33 1.7l.06.33c.17.94.26 1.55.34 2.32a26.89 26.89 0 0 1 .18 3.52 12.9 12.9 0 0 1-.69 3.07 13.17 13.17 0 0 0-1.3 3.39 6.14 6.14 0 0 0 .07 1.19c0 .14 0 .3.08.52a8.86 8.86 0 0 0 .43 1.59 1 1 0 0 1-.76 1.33c-.41.08-10.18 1.82-12 2.11zm-8.69-16.37h-.07a1.29 1.29 0 0 0-1.08 1.34 1.78 1.78 0 0 0 .39 1.25 19.4 19.4 0 0 0 1.7 1.79c.5.49 1 1 1.29 1.32 1.28 1.45 6.79 7.06 6.85 7.11a1.08 1.08 0 0 1 .27.53l.15.87c2.38-.41 7.55-1.33 9.84-1.74a7.77 7.77 0 0 1-.19-.91c0-.19 0-.33-.06-.45a7.56 7.56 0 0 1-.1-1.52A13.11 13.11 0 0 1 64 47.36a10.76 10.76 0 0 0 .53-2.45 22.77 22.77 0 0 0-.17-3.15c-.08-.72-.16-1.3-.32-2.2l-.04-.33c-.08-.5-.11-.62-.32-1.62-.06-.29-.25-1-.69-1a.82.82 0 0 0-.73.48 3.75 3.75 0 0 0-.14 1c0 .89-.53 1.13-.92 1.17a1.08 1.08 0 0 1-1.09-.77 10 10 0 0 0-1-2.63 1.8 1.8 0 0 0-.58-.35 2.92 2.92 0 0 0-1.14.23 1.16 1.16 0 0 0-.39.47 7.25 7.25 0 0 0 0 1.66 10.09 10.09 0 0 1 .06 1.13 1 1 0 0 1-.89 1c-.34 0-.92 0-1.14-1a8 8 0 0 0-1-2.76 1.23 1.23 0 0 0-.68-.32 1.92 1.92 0 0 0-1 .25 1.1 1.1 0 0 0-.31.79 9.19 9.19 0 0 0 .26 1.47c.1.47.2.92.23 1.24a1 1 0 0 1-2 .32c0-.25-.43-1.32-.76-2.26s-.64-1.84-.91-2.67a15.68 15.68 0 0 0-1.4-3.31l-.09-.15c-.23-.38-.85-1.41-1.38-1.6a.87.87 0 0 0-.84.31 5.15 5.15 0 0 0 .25 2.82c.18.66.64 1.88.9 2.54l.34.84c.19.48.36.91.6 1.44l.13.3c.25.55.36.8.71 1.71.5 1.3.95 2.74 1.24 3.7l.05.13a1.08 1.08 0 1 1-1.83 1.12l-.23-.25-.37-.4c-.12-.13-.22-.25-.39-.41l-.21-.21a8.94 8.94 0 0 0-1.08-.94 3.91 3.91 0 0 0-1.74-.79z"
            fill={color}
        />
    </AccessibleSVG>
);

export default SetDefaultAppState;