UNPKG

box-ui-elements-mlh

Version:
102 lines (97 loc) 9.59 kB
// @flow import * as React from 'react'; import AccessibleSVG from '../accessible-svg'; import type { Icon } from '../flowTypes'; const IconToolbox = ({ className = '', color = '#0061D5', height = 150, title, width = 150 }: Icon) => ( <AccessibleSVG className={`icon-toolbox ${className}`} height={height} title={title} viewBox="0 0 150 150" width={width} > <g fill="none" fillRule="evenodd"> <path className="fill-color" d="M87 13.134v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.005 1.005 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49.506.506 0 0 1-.5-.505v-.629a1.005 1.005 0 0 1-.366-.366h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm-75.5 83.5v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.005 1.005 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49.506.506 0 0 1-.5-.505v-.629a1.005 1.005 0 0 1-.366-.366h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm126 15v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.005 1.005 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49.506.506 0 0 1-.5-.505v-.629a1.005 1.005 0 0 1-.366-.366h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm-79 23.5v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.005 1.005 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49.506.506 0 0 1-.5-.505v-.629a1.005 1.005 0 0 1-.366-.366h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm-25-107.5v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.005 1.005 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49.506.506 0 0 1-.5-.505v-.629a1.005 1.005 0 0 1-.366-.366h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm99 18v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.005 1.005 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49.506.506 0 0 1-.5-.505v-.629a1.005 1.005 0 0 1-.366-.366h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zM27.937 35.709v-.402a.313.313 0 0 1 .625 0v.402a.628.628 0 0 1 .23.228h.401c.17 0 .307.145.307.313a.308.308 0 0 1-.307.313h-.402a.628.628 0 0 1-.229.228v.402a.313.313 0 0 1-.625.004v-.406a.628.628 0 0 1-.228-.228h-.402A.313.313 0 0 1 27 36.25c0-.173.134-.313.307-.313h.402a.628.628 0 0 1 .229-.228zm-11.5 75v-.402a.313.313 0 0 1 .625 0v.402a.628.628 0 0 1 .23.228h.401c.17 0 .307.145.307.313a.308.308 0 0 1-.307.313h-.402a.628.628 0 0 1-.229.228v.402a.313.313 0 0 1-.625.004v-.406a.628.628 0 0 1-.228-.228h-.402a.313.313 0 0 1-.307-.313c0-.173.134-.313.307-.313h.402a.628.628 0 0 1 .229-.228zm60 20.5v-.402a.313.313 0 0 1 .626 0v.402a.628.628 0 0 1 .228.228h.402c.17 0 .307.145.307.313a.308.308 0 0 1-.307.313h-.402a.628.628 0 0 1-.228.228v.402a.313.313 0 0 1-.626.004v-.406a.628.628 0 0 1-.228-.228h-.402a.313.313 0 0 1-.307-.313c0-.173.134-.313.307-.313h.402a.628.628 0 0 1 .228-.228zm47-12v-.402a.313.313 0 0 1 .626 0v.402a.628.628 0 0 1 .228.228h.402c.17 0 .307.145.307.313a.308.308 0 0 1-.307.313h-.402a.628.628 0 0 1-.228.228v.402a.313.313 0 0 1-.626.004v-.406a.628.628 0 0 1-.228-.228h-.402a.313.313 0 0 1-.307-.313c0-.173.134-.313.307-.313h.402a.628.628 0 0 1 .228-.228z" fill={color} /> <path className="fill-color" d="M75 59c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16zm0-5c6.25 0 11.317-4.925 11.317-11S81.25 32 75 32s-11.317 4.925-11.317 11S68.75 54 75 54z" fill="#FFF" stroke={color} strokeWidth="2" /> <path className="fill-color" d="M43.596 62c-.535 0-1.238-.606-1.574-1.353l-6.876-15.294c-.339-.754-.068-1.353.599-1.353h78.511c.669 0 .935.606.599 1.353l-6.876 15.294c-.34.754-1.04 1.353-1.574 1.353.533 0 1.235.599 1.574 1.353l6.876 15.294c.336.747.07 1.353-.599 1.353H35.745c-.667 0-.938-.599-.599-1.353l6.876-15.294c.336-.747 1.039-1.353 1.574-1.353z" fill="#FFF" stroke={color} strokeWidth="2" /> <path className="fill-color" d="M110.29 47c.648 0 .958.513.69 1.149l-4.443 10.395c-.275.634-.945 1.148-1.498 1.148H45.037c-.552 0-1.222-.513-1.498-1.148l-4.443-10.395c-.267-.635.041-1.149.69-1.149h70.504zm0 30H39.787c-.65 0-.958-.514-.69-1.149l4.442-10.395c.276-.635.946-1.148 1.498-1.148h60.002c.553 0 1.223.514 1.498 1.148l4.443 10.395c.268.636-.042 1.149-.69 1.149z" fill={color} fillOpacity=".1" /> <rect className="fill-color" fill="#FFF" height="30" rx="1.5" stroke={color} strokeWidth="2" width="44" x="53" y="52" /> <path className="fill-color" d="M98.891 66.866l6.278-17.25s-6.746.356-9.044 6.67c-2.297 6.312 2.766 10.58 2.766 10.58z" fill="#FFF" stroke={color} strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" /> <path className="fill-color" d="M104.931 70.785l-9.2 27.507c-.7 2.093-3.376 3.022-5.966 2.08-2.594-.945-4.045-3.369-3.233-5.428L97.16 67.975c-3.014-2.701-4.38-6.936-3.303-11.003l11.25 4.095a1.003 1.003 0 0 0 1.29-.593l3.7-10.168c4.5 2.639 6.62 8.184 4.775 13.25-1.576 4.331-5.594 7.068-9.94 7.229zm-63.224-12.46A12.316 12.316 0 0 1 44.9 57a3.198 3.198 0 0 0 6.198 0c1.136.293 2.209.742 3.194 1.324a3.198 3.198 0 0 0 4.383 4.383A12.316 12.316 0 0 1 60 65.9a3.198 3.198 0 0 0 0 6.198 12.316 12.316 0 0 1-1.324 3.194 3.198 3.198 0 0 0-4.383 4.383A12.316 12.316 0 0 1 51.1 81a3.198 3.198 0 0 0-6.198 0 12.316 12.316 0 0 1-3.194-1.324 3.198 3.198 0 0 0-4.383-4.383A12.316 12.316 0 0 1 36 72.1a3.198 3.198 0 0 0 0-6.198 12.316 12.316 0 0 1 1.324-3.194 3.198 3.198 0 0 0 4.383-4.383zM48 73.13a4.13 4.13 0 1 0 0-8.26 4.13 4.13 0 0 0 0 8.26z" fill="#FFF" stroke={color} strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" /> <path className="fill-color" d="M94.008 85.296l4.104-11.276a1 1 0 1 1 1.88.684L95.888 85.98a1 1 0 1 1-1.88-.684zM63 65.504L69 62v1.777c0 .127-.03.244-.089.351a.753.753 0 0 1-.281.277l-2.104 1.264a2.367 2.367 0 0 1-.407.195c-.144.052-.294.1-.452.144.158.044.308.09.452.137.143.046.279.108.407.186l2.104 1.272a.764.764 0 0 1 .281.273c.06.105.089.22.089.347V70l-6-3.496v-1zm10.722 5.661a1.338 1.338 0 0 1-.264.361 1.56 1.56 0 0 1-.36.263c-.133.07-.275.123-.427.158-.15.035-.3.053-.449.053H71l5.26-11.21c.123-.256.311-.452.564-.587.253-.135.546-.203.88-.203h1.222l-5.204 11.165zM87 66.505L81 70v-1.777c0-.127.03-.242.089-.347a.764.764 0 0 1 .281-.273l2.104-1.272c.124-.078.258-.14.404-.186.145-.047.297-.093.455-.137a6.558 6.558 0 0 1-.455-.144 2.098 2.098 0 0 1-.404-.195l-2.104-1.264a.753.753 0 0 1-.281-.277.715.715 0 0 1-.089-.351V62l6 3.504v1z" fill={color} fillRule="nonzero" /> <path className="fill-color" d="M36.147 79h77.706c.66 0 1.173.535 1.146 1.197l-1.506 37.606c-.026.661-.56 1.197-1.195 1.197H37.702c-.634 0-1.169-.535-1.195-1.197l-1.506-37.606A1.139 1.139 0 0 1 36.147 79zm1.396-42h74.913c.636 0 1.26.537 1.393 1.198l1.127 5.604c.133.662-.294 1.198-.959 1.198H35.983c-.663 0-1.092-.537-.959-1.198l1.127-5.604c.133-.662.754-1.198 1.392-1.198z" fill="#FFF" stroke={color} strokeWidth="2" /> <path className="fill-color" d="M42 81.997c0-1.103.893-1.997 1.995-1.997h14.01c1.102 0 1.995.896 1.995 1.997v5.006A1.996 1.996 0 0 1 58.005 89h-14.01A1.997 1.997 0 0 1 42 87.003v-5.006zm48 0c0-1.103.893-1.997 1.995-1.997h14.01c1.102 0 1.995.896 1.995 1.997v5.006A1.996 1.996 0 0 1 106.005 89h-14.01A1.997 1.997 0 0 1 90 87.003v-5.006zM38.99 101s9.687 5 23.798 5c5.631 0 7.846-6.388 21.01-7.753 6.159-.639 11.883 3.13 17.527 3.7 5.643.572 9.685-.947 9.685-.947a.96.96 0 0 1 .961 1l-.4 14c-.016.552-.476 1-1.006 1h-71.13c-.54 0-.99-.445-1.006-1l-.4-14a.968.968 0 0 1 .961-1z" fill={color} fillOpacity=".1" /> <path className="fill-color" d="M43 42.198c0-.662.532-1.198 1.203-1.198h13.594A1.2 1.2 0 0 1 59 42.198v2.604c0 .662-.532 1.198-1.203 1.198H44.203A1.2 1.2 0 0 1 43 44.802v-2.604zm48 0c0-.662.532-1.198 1.203-1.198h13.594A1.2 1.2 0 0 1 107 42.198v2.604c0 .662-.532 1.198-1.203 1.198H92.203A1.2 1.2 0 0 1 91 44.802v-2.604zm-48 37c0-.662.532-1.198 1.203-1.198h13.594A1.2 1.2 0 0 1 59 79.198v5.604c0 .662-.532 1.198-1.203 1.198H44.203A1.2 1.2 0 0 1 43 84.802v-5.604zm48 0c0-.662.532-1.198 1.203-1.198h13.594A1.2 1.2 0 0 1 107 79.198v5.604c0 .662-.532 1.198-1.203 1.198H92.203A1.2 1.2 0 0 1 91 84.802v-5.604z" fill="#FFF" stroke={color} strokeWidth="2" /> </g> </AccessibleSVG> ); export default IconToolbox;