@krowdy/kds-assets
Version:
React components that implement Google's Material Design.
189 lines (156 loc) • 14.1 kB
JavaScript
import React from 'react';
import Svg from '../../Svg';
import useGetColor from '../../useGetColor';
var _ref = /*#__PURE__*/React.createElement("path", {
d: "M353.019 244.157H53.838a.505.505 0 01-.508-.507.507.507 0 01.508-.508h299.181a.508.508 0 010 1.015z",
fill: "#D1D3D4"
});
var _ref2 = /*#__PURE__*/React.createElement("path", {
d: "M337.52 56.19v150.828a11.431 11.431 0 01-11.429 11.439H80.766a11.429 11.429 0 01-11.43-11.439V56.189a11.44 11.44 0 0111.43-11.439H326.09a11.44 11.44 0 0111.429 11.44z",
fill: "#fff"
});
var _ref3 = /*#__PURE__*/React.createElement("path", {
d: "M326.091 218.975H80.765a11.949 11.949 0 01-11.936-11.947V56.189a11.947 11.947 0 0111.937-11.946H326.09a11.946 11.946 0 0111.936 11.946v150.829a11.938 11.938 0 01-3.491 8.451 11.951 11.951 0 01-8.445 3.506zM80.765 45.258a10.941 10.941 0 00-10.92 10.931v150.829a10.94 10.94 0 0010.92 10.942h245.326a10.939 10.939 0 0010.921-10.932V56.189a10.94 10.94 0 00-10.921-10.931H80.765z",
fill: "#262626"
});
var _ref4 = /*#__PURE__*/React.createElement("path", {
d: "M337.52 56.19v8.17H69.337v-8.17a11.44 11.44 0 0111.429-11.44H326.09a11.44 11.44 0 0111.429 11.44z",
fill: "#262626"
});
var _ref5 = /*#__PURE__*/React.createElement("path", {
d: "M337.52 64.807H69.337a.447.447 0 01-.447-.447v-8.17a11.896 11.896 0 0111.876-11.886H326.09a11.895 11.895 0 0111.876 11.885v8.171a.446.446 0 01-.447.447zm-267.737-.894h267.29V56.19a10.999 10.999 0 00-10.982-10.992H80.766a11.003 11.003 0 00-10.983 10.992v7.724z",
fill: "#262626"
});
var _ref6 = /*#__PURE__*/React.createElement("path", {
d: "M81.75 57.295a2.74 2.74 0 100-5.48 2.74 2.74 0 000 5.48zM90.966 57.295a2.74 2.74 0 100-5.48 2.74 2.74 0 000 5.48zM100.182 57.295a2.74 2.74 0 100-5.48 2.74 2.74 0 000 5.48z",
fill: "#fff"
});
var _ref7 = /*#__PURE__*/React.createElement("path", {
d: "M107.054 109.667h199.214a1.5 1.5 0 011.5 1.5v18.442a1.5 1.5 0 01-1.5 1.5H107.054a1.5 1.5 0 01-1.5-1.5v-18.442a1.5 1.5 0 011.5-1.5z",
stroke: "#262626"
});
var _ref8 = /*#__PURE__*/React.createElement("path", {
d: "M281.715 131.327a.546.546 0 01-.362-.142.46.46 0 01-.145-.341c.101-7.81.193-19.662 0-20.741a.495.495 0 010-.18.468.468 0 01.1-.251.517.517 0 01.227-.165.548.548 0 01.546.085c.192.18.406.388.142 21.271a.448.448 0 01-.15.332.535.535 0 01-.358.132zM293.499 123.448a4.92 4.92 0 01-4.34-7.244 4.927 4.927 0 015.771-2.389 4.925 4.925 0 013.469 5.194 4.92 4.92 0 01-4.9 4.439zm0-8.81a3.885 3.885 0 00-2.75 6.648 3.975 3.975 0 005.511 0 3.892 3.892 0 00.838-4.245 3.897 3.897 0 00-3.599-2.403z",
fill: "#262626"
});
var _ref9 = /*#__PURE__*/React.createElement("path", {
d: "M301.63 127.163a.517.517 0 01-.366-.152l-5.004-5.004a.516.516 0 01-.15-.36.503.503 0 01.511-.506c.134 0 .263.052.36.146l5.004 5.004a.518.518 0 010 .72.503.503 0 01-.355.152zM121.561 152.08l-3.299-4.402-5.909 4.429 3.299 4.402 5.909-4.429z",
fill: "#262626"
});
var _ref10 = /*#__PURE__*/React.createElement("path", {
d: "M117.487 153.738l-1.959-2.615a3 3 0 00-4.2-.601l-28.336 21.236a3 3 0 00-.601 4.2l1.96 2.614a3 3 0 004.2.602l28.335-21.237a2.999 2.999 0 00.601-4.199z",
fill: "#fff"
});
var _ref11 = /*#__PURE__*/React.createElement("path", {
clipRule: "evenodd",
d: "M116.687 154.337l-1.959-2.614a2 2 0 00-2.8-.401l-28.336 21.237a2 2 0 00-.4 2.799l1.959 2.615a2 2 0 002.8.401l28.335-21.237a2 2 0 00.401-2.8zm-1.159-3.214l1.959 2.615a2.999 2.999 0 01-.601 4.199L88.55 179.174a3 3 0 01-4.2-.602l-1.959-2.614a3 3 0 01.601-4.2l28.336-21.236a3 3 0 014.2.601z",
fill: "#262626",
fillRule: "evenodd"
});
var _ref12 = /*#__PURE__*/React.createElement("path", {
d: "M138.113 159.273a23.203 23.203 0 11-.012-46.407 23.203 23.203 0 01.012 46.407zm-.071-45.675a22.327 22.327 0 00-20.174 31.816 22.329 22.329 0 0042.537-8.911 22.325 22.325 0 00-4.458-13.973 22.323 22.323 0 00-17.905-8.963v.031zm0 41.269a18.924 18.924 0 01-15.225-7.571 18.968 18.968 0 0123.612-28.384 18.972 18.972 0 013.369 31.826 18.965 18.965 0 01-11.756 4.129zm-14.372-8.18a17.917 17.917 0 008.387 6.142 17.916 17.916 0 0019.277-4.932 17.915 17.915 0 004.406-9.415 17.927 17.927 0 00-18.654-20.465 17.924 17.924 0 00-9.783 3.518 17.952 17.952 0 00-6.984 11.808c-.674 4.705.505 9.536 3.351 13.344z",
fill: "#262626"
});
var _ref13 = /*#__PURE__*/React.createElement("path", {
d: "M94.823 172.721l5.573 5.755s7.896-11.774 7.744-13.144a23.92 23.92 0 01.589-7.399.556.556 0 01.203-.386c.284-.183.588.203.7.528.254.771.274 1.624.508 2.365 1.258-.721 2.476-1.594 3.714-2.375 2.03-1.289 1.421 3.664 1.249 4.344-.447 1.827-1.299 3.969-2.903 5.075 0 0-9.511 21.173-11.571 20.939-2.06-.233-10.15-9.388-10.15-9.388l4.344-6.314z",
fill: "#fff"
});
var _ref14 = /*#__PURE__*/React.createElement("path", {
d: "M100.67 188.941h-.061c-2.142-.243-9.135-7.998-10.506-9.551a.518.518 0 010-.629l4.385-6.324a.532.532 0 01.376-.223.58.58 0 01.406.152l5.136 5.309c3.633-5.461 7.287-11.429 7.308-12.302-.186-2.533.016-5.08.599-7.552a1.003 1.003 0 01.426-.71.764.764 0 01.7-.071 1.411 1.411 0 01.751.873c.137.43.235.872.295 1.319 0 .142 0 .284.071.426.588-.365 1.177-.761 1.756-1.136.578-.376.893-.599 1.35-.883a1.226 1.226 0 011.492-.092c1.309.934.538 4.943.527 4.984a9.484 9.484 0 01-2.984 5.298c-3.664 7.978-9.876 21.112-12.027 21.112zm-9.541-9.926c3.126 3.491 8.272 8.769 9.591 8.911 1.259-.355 6.628-10.779 11.064-20.635a.566.566 0 01.172-.213c1.523-1.076 2.304-3.197 2.7-4.791.224-.913.356-3.572-.132-3.918 0 0-.172 0-.365.122l-1.33.873c-.781.518-1.583 1.015-2.395 1.523a.546.546 0 01-.437 0 .553.553 0 01-.304-.325 9.63 9.63 0 01-.254-1.198 7.322 7.322 0 00-.233-1.106 23.383 23.383 0 00-.518 6.993c.152 1.441-5.958 10.678-7.826 13.479a.546.546 0 01-.385.224.518.518 0 01-.406-.153l-5.136-5.308-3.806 5.522z",
fill: "#262626"
});
var _ref15 = /*#__PURE__*/React.createElement("path", {
d: "M58.141 255.21s-1.888 5.38-1.086 5.837c.802.456 18.027 0 17.001-1.015-1.025-1.015-5.623-4.517-5.623-4.517",
fill: "#fff"
});
var _ref16 = /*#__PURE__*/React.createElement("path", {
d: "M61.227 261.747c-1.48.08-2.965-.009-4.425-.264-.813-.487-.518-2.649.862-6.445a.528.528 0 01.66-.304.49.49 0 01.329.455.497.497 0 01-.035.194c-.852 2.345-1.41 4.679-1.258 5.238 1.492.334 13.195 0 15.895-.64-1.482-1.289-5.075-3.989-5.075-4.06a.516.516 0 01-.102-.71.501.501 0 01.532-.188.515.515 0 01.179.086c.192.142 4.618 3.471 5.663 4.507a.608.608 0 01.061.832c-.71.893-8.252 1.299-13.286 1.299z",
fill: "#262626"
});
var _ref17 = /*#__PURE__*/React.createElement("path", {
d: "M70.463 154.857c-.802.112-1.624.112-2.568.203-.944.091-2.03 0-2.212-.903-.183-.904.629-1.502.304-2.182-.1-.18-.235-.338-.396-.467a8.122 8.122 0 01-.609-11.226.447.447 0 01-.599-.315c-.049-.261.006-.53.153-.751a5.074 5.074 0 012.131-1.888 15.44 15.44 0 018.962-1.583c2.365.253 5.37 1.553 5.563 4.313a2.174 2.174 0 01-1.492 2.294c0 2.984-1.137 5.238-2.67 7.684a11.899 11.899 0 01-4.12 4.06c-.76.408-1.59.666-2.447.761z",
fill: "#fff"
});
var _ref18 = /*#__PURE__*/React.createElement("path", {
d: "M67.418 155.588c-1.248 0-2.08-.477-2.243-1.33a2.322 2.322 0 01.213-1.258c.142-.366.213-.599.142-.761a1.215 1.215 0 00-.253-.285 8.636 8.636 0 01-1.137-11.378.944.944 0 01-.244-.426 1.473 1.473 0 01.193-1.127 5.622 5.622 0 012.335-2.091 16.076 16.076 0 019.267-1.674c2.842.304 5.805 1.908 6.008 4.78a2.792 2.792 0 01-1.492 2.7 14.636 14.636 0 01-2.74 7.582 12.34 12.34 0 01-4.314 4.223 6.925 6.925 0 01-2.619.862c-.487.071-1.015.102-1.482.132-.355 0-.72 0-1.106.082l-.528-.031zm-2.436-15.783a.521.521 0 01.514.517.507.507 0 01-.118.325 7.594 7.594 0 00.569 10.516c.206.173.378.383.507.619a1.94 1.94 0 01-.101 1.553 1.523 1.523 0 00-.163.751c.102.507 1.096.548 1.665.497.406 0 .781-.061 1.147-.081.365-.02.944-.061 1.4-.122a5.992 5.992 0 002.264-.741 11.33 11.33 0 003.948-3.877c1.655-2.649 2.609-4.71 2.588-7.41a.505.505 0 01.396-.517 1.674 1.674 0 001.097-1.766c-.183-2.619-3.289-3.644-5.075-3.837a14.963 14.963 0 00-8.71 1.543 4.437 4.437 0 00-1.928 1.685.64.64 0 00-.111.335l.111.01z",
fill: "#262626"
});
var _ref19 = /*#__PURE__*/React.createElement("path", {
d: "M60.699 171.27s-6.354 12.87-5.836 16.818c.517 3.949 13.57 2.396 13.57 2.396l-.68-19.569-7.054.355z",
fill: "#fff"
});
var _ref20 = /*#__PURE__*/React.createElement("path", {
d: "M63.084 191.306c-3.867 0-8.384-.569-8.729-3.157-.527-4.06 5.623-16.585 5.887-17.113a.495.495 0 01.437-.284l7.034-.345a.47.47 0 01.365.132.48.48 0 01.162.355l.69 19.569a.506.506 0 01-.446.528 50.742 50.742 0 01-5.4.315zm-2.03-19.559c-.903 1.857-6.09 12.819-5.663 16.24.324 2.436 7.673 2.537 12.545 2.03l-.66-18.595-6.222.325z",
fill: "#262626"
});
var _ref21 = /*#__PURE__*/React.createElement("path", {
d: "M85.942 252.693l.335 8.354s15.682.121 14.768-1.015c-.913-1.137-8.008-6.182-8.008-6.182l-1.147-6.181-5.948 5.024z",
fill: "#fff"
});
var _ref22 = /*#__PURE__*/React.createElement("path", {
d: "M88.46 261.605h-2.183a.511.511 0 01-.508-.487l-.335-8.354a.484.484 0 01.173-.406l5.958-5.075a.488.488 0 01.497-.091.502.502 0 01.325.386l1.107 5.978c1.248.883 7.105 5.075 7.947 6.161a.64.64 0 01.091.68c-.152.284-.619 1.208-13.073 1.208zm-1.696-1.015c5.735 0 11.835-.172 13.53-.568-1.41-1.33-5.796-4.507-7.5-5.766a.476.476 0 01-.204-.324l-1.015-5.319-5.075 4.304.264 7.673z",
fill: "#262626"
});
var _ref23 = /*#__PURE__*/React.createElement("path", {
d: "M88.733 193.955l6.09 61.032-9.642-.629-9.287-42.255-6.303 43.412-11.673-.569s1.015-27.871 2.101-37.108c1.086-9.236 1.106-21.609 1.106-21.609l27.608-2.274z",
fill: "#262626"
});
var _ref24 = /*#__PURE__*/React.createElement("path", {
d: "M81.232 146.392s2.68 3.045 2.325 3.786c-.356.741-1.949.518-1.949.518",
fill: "#fff"
});
var _ref25 = /*#__PURE__*/React.createElement("path", {
d: "M82.166 151.244c-.21 0-.421-.017-.63-.051a.513.513 0 11.153-1.015c.508.081 1.29 0 1.411-.223a11.815 11.815 0 00-2.243-3.238.507.507 0 01.761-.67c1.32 1.492 2.812 3.461 2.395 4.344a1.954 1.954 0 01-1.847.853z",
fill: "#262626"
});
var _ref26 = /*#__PURE__*/React.createElement("path", {
d: "M80.147 142.038c1.563.954 1.491 3.441 1.705 5.014.297 2.226.541 4.456.73 6.689.122 1.421-3.511 1.959-4.212 1.634l1.35 5.471-8.12-1.857-.66-6.446a4.644 4.644 0 003.431-3.39c1.015-3.045.335-7.47.335-7.47s3.877-.569 5.44.355z",
fill: "#fff"
});
var _ref27 = /*#__PURE__*/React.createElement("path", {
d: "M79.72 161.353h-.122l-8.12-1.857a.522.522 0 01-.396-.447l-.619-6.455a.526.526 0 01.437-.558 4.065 4.065 0 003.045-3.045c1.015-2.913.335-7.187.325-7.227a.487.487 0 01.09-.376.514.514 0 01.336-.203c.416-.061 4.06-.568 5.714.427 1.655.994 1.716 2.923 1.868 4.526 0 .305.05.589.091.853.295 2.213.538 4.476.731 6.709a1.493 1.493 0 01-.761 1.381 6.569 6.569 0 01-3.279.893l1.178 4.75a.506.506 0 01-.498.629h-.02zm-7.602-2.771l6.912 1.584-1.157-4.669a.518.518 0 01.71-.589 5.27 5.27 0 003.187-.67c.224-.162.325-.315.315-.457a162.854 162.854 0 00-.73-6.658c0-.274-.072-.568-.102-.883-.132-1.38-.295-3.106-1.37-3.766-1.076-.659-3.29-.487-4.558-.345a18.45 18.45 0 01-.426 7.186 5.352 5.352 0 01-3.36 3.614l.579 5.653z",
fill: "#262626"
});
var _ref28 = /*#__PURE__*/React.createElement("path", {
d: "M82.298 152.096a1.83 1.83 0 01-2.183.188 1.828 1.828 0 01-.557-.543",
fill: "#fff"
});
var _ref29 = /*#__PURE__*/React.createElement("path", {
d: "M80.989 153.091h-.274a2.256 2.256 0 01-1.563-1.015.518.518 0 01.111-.71.529.529 0 01.71.121 1.32 1.32 0 00.874.62c.407.018.807-.112 1.126-.366a.525.525 0 01.721.071.508.508 0 01-.071.711 2.785 2.785 0 01-1.634.568z",
fill: "#262626"
});
var _ref30 = /*#__PURE__*/React.createElement("path", {
d: "M77.183 148.412a3.139 3.139 0 00-.843-1.431 3.929 3.929 0 00-.944-.893 1.48 1.48 0 00-1.248-.203 1.378 1.378 0 00-.772.812c-.126.368-.168.76-.121 1.147a4.779 4.779 0 002.79 3.907l-.141-.111",
fill: "#fff"
});
var _ref31 = /*#__PURE__*/React.createElement("path", {
d: "M76.046 152.259a.464.464 0 01-.203 0 5.278 5.278 0 01-3.045-4.334 3.258 3.258 0 01.152-1.37 1.867 1.867 0 011.076-1.106 2.028 2.028 0 011.685.243c.387.286.73.628 1.015 1.015.47.465.8 1.052.954 1.695a.506.506 0 01-.426.579.53.53 0 01-.579-.427 2.537 2.537 0 00-.72-1.177 3.843 3.843 0 00-.823-.802 1.01 1.01 0 00-.812-.152.85.85 0 00-.466.518 2.11 2.11 0 00-.092.913 4.333 4.333 0 002.172 3.339.563.563 0 01.295.112l.142.122a.497.497 0 01-.325.893v-.061zM87.19 180.852a.485.485 0 01-.355-.163 88.637 88.637 0 01-6.475-7.45.506.506 0 01.477-.803.52.52 0 01.335.194 90.172 90.172 0 006.384 7.359.497.497 0 010 .71.47.47 0 01-.365.153zM80.069 145.055c.012-.442-.119-.805-.293-.81-.173-.005-.324.35-.336.793-.013.442.118.805.292.81.174.005.325-.35.337-.793zM62.07 175.452h-.082a.518.518 0 01-.416-.589c.07-.436 1.756-10.769 3.664-14.21a.495.495 0 01.69-.193.484.484 0 01.243.299.49.49 0 01-.05.381c-1.817 3.319-3.532 13.815-3.542 13.916a.506.506 0 01-.508.396z",
fill: "#262626"
});
const SearchEngineSvg = ({
width,
height,
color
}) => {
const colorCustom = useGetColor({
color
});
return /*#__PURE__*/React.createElement(Svg, {
height: height,
width: width
}, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, /*#__PURE__*/React.createElement("path", {
d: "M123.314 146.961a18.442 18.442 0 1125.812 3.694 18.437 18.437 0 01-13.671 3.501 18.423 18.423 0 01-6.786-2.39 18.416 18.416 0 01-5.355-4.805zm33.039-24.766a22.86 22.86 0 00-38.905 23.587 22.857 22.857 0 0034.327 8.405 22.85 22.85 0 004.578-31.992z",
fill: colorCustom
}), _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, /*#__PURE__*/React.createElement("path", {
d: "M96.407 173.218s-9.004-9.51-12.566-13.113c-3.309-3.319-12.931-6.334-17.306-1.584 0 0-7.206 10.049-8.587 15.885l4.212 2.568a191.585 191.585 0 00-1.634 20.868c7.907 6.314 28.207-3.887 28.207-3.887l-1.837-14.312 3.289 3.279 6.222-9.704z",
fill: colorCustom
}), _ref28, _ref29, _ref30, _ref31, /*#__PURE__*/React.createElement("rect", {
fill: colorCustom,
height: 15.566,
rx: 2,
width: 61.362,
x: 172.8,
y: 141.934
}));
};
export default React.memo(SearchEngineSvg);