UNPKG

@krowdy/kds-assets

Version:

React components that implement Google's Material Design.

271 lines (222 loc) 17.6 kB
import React from 'react'; import Svg from '../../Svg'; import useGetColor from '../../useGetColor'; var _ref = /*#__PURE__*/React.createElement("path", { d: "M138.456 232.89c-1.959 17.57-7.46 41.017-9.987 49.796h25.699l15.763-1.908s3.654-34.256 5.948-41.757c2.294-7.501.518-79.068.589-79.789.071-.721-38.621 16.849-42.478 33.576-1.492 6.516 5.126 34.155 4.466 40.082z", fill: "#fff" }); var _ref2 = /*#__PURE__*/React.createElement("path", { d: "M128.469 283.194a.486.486 0 01-.406-.203.528.528 0 01-.082-.447c2.518-8.769 8.039-32.358 9.968-49.735.284-2.558-.863-9.49-2.03-16.818-1.594-9.633-3.238-19.59-2.375-23.345 3.704-16.119 40.508-33.993 42.965-33.993a.538.538 0 01.446.569c0 .152 0 2.091.081 4.77.315 16.991 1.269 68.685-.69 75.11-2.243 7.369-5.887 41.311-5.917 41.615a.508.508 0 01-.447.447l-15.702 2.03h-25.811zm.669-1.015h25.03l15.337-1.858c.436-4.06 3.756-34.337 5.928-41.452 1.268-4.162 1.482-29.324.639-74.796 0-2.304-.061-3.542-.071-4.202-4.659 1.736-37.9 17.56-41.473 33.059-.812 3.522.893 13.824 2.396 22.908 1.218 7.41 2.375 14.413 2.03 17.103h-.498.498c-1.929 17.012-7.207 39.971-9.816 49.238z", fill: "#262626" }); var _ref3 = /*#__PURE__*/React.createElement("path", { d: "M127.789 256.489l2.283-15.215 46.548 8.191-1.878 16.443-46.953-9.419z", fill: "#fff" }); var _ref4 = /*#__PURE__*/React.createElement("path", { d: "M174.753 266.416h-.102l-46.964-9.419a.528.528 0 01-.406-.579l2.294-15.225a.513.513 0 01.387-.419.528.528 0 01.202-.007l46.537 8.201a.496.496 0 01.417.548l-1.868 16.453a.519.519 0 01-.203.356.531.531 0 01-.294.091zm-46.396-10.333l45.949 9.227 1.756-15.428-45.563-8.019-2.142 14.22z", fill: "#262626" }); var _ref5 = /*#__PURE__*/React.createElement("path", { d: "M177.808 282.687l.994-23.305-53.125-10.414-7.084 33.719h59.215z", fill: "#262626" }); var _ref6 = /*#__PURE__*/React.createElement("path", { d: "M177.808 283.194h-59.215a.516.516 0 01-.396-.182.528.528 0 01-.096-.203.529.529 0 01-.006-.224l7.105-33.718a.487.487 0 01.589-.396l53.135 10.414a.488.488 0 01.406.518l-1.015 23.345a.514.514 0 01-.507.446zm-58.586-1.015h58.099l1.015-22.391-52.212-10.231-6.902 32.622z", fill: "#262626" }); var _ref7 = /*#__PURE__*/React.createElement("path", { d: "M259.074 27.312l-136.917 49.86L188.38 259.02l136.917-49.861-66.223-181.847z", fill: "#fff" }); var _ref8 = /*#__PURE__*/React.createElement("path", { d: "M188.384 259.514a.505.505 0 01-.477-.335L121.678 77.342a.511.511 0 01.305-.65l136.913-49.867a.512.512 0 01.554.125.515.515 0 01.106.17l66.259 181.847a.506.506 0 010 .386.485.485 0 01-.284.264l-136.924 49.867a.484.484 0 01-.223.03zm-65.569-182.05l65.874 180.893 136.01-49.522-65.874-180.883-136.01 49.512z", fill: "#262626" }); var _ref9 = /*#__PURE__*/React.createElement("path", { d: "M250.712 23.978L113.741 73.52l65.8 181.919 136.971-49.543-65.8-181.918z", fill: "#fff" }); var _ref10 = /*#__PURE__*/React.createElement("path", { d: "M180.01 255.515a.521.521 0 01-.477-.325L113.304 73.353a.511.511 0 01.305-.65l136.923-49.867a.509.509 0 01.386 0 .537.537 0 01.264.295l66.229 181.837a.507.507 0 01-.305.65l-136.923 49.897a.503.503 0 01-.173 0zm-65.579-182.03l65.884 180.883 136.01-49.522-65.924-180.883-135.97 49.522z", fill: "#262626" }); var _ref11 = /*#__PURE__*/React.createElement("path", { d: "M193.774 69.77a.516.516 0 11-.183-1.015l27.983-10.15a.515.515 0 01.551.13.512.512 0 01-.195.824L193.946 69.77h-.172zM197.641 80.427a.517.517 0 01-.51-.53.482.482 0 01.047-.194.487.487 0 01.29-.26l40.042-14.586a.508.508 0 01.355.954l-40.052 14.586a.51.51 0 01-.172.03zM201.508 91.085a.528.528 0 01-.477-.335.507.507 0 01.304-.65l18.067-6.587a.508.508 0 01.65.305.505.505 0 01-.014.39.492.492 0 01-.29.26l-18.067 6.587a.482.482 0 01-.173.03zM226.66 81.89a.499.499 0 01-.477-.336.506.506 0 01.304-.65l18.067-6.577a.508.508 0 01.345.954l-18.067 6.578a.512.512 0 01-.172.03z", fill: "#262626" }); var _ref12 = /*#__PURE__*/React.createElement("path", { d: "M205.385 101.682a.516.516 0 11-.182-1.015l27.983-10.15a.508.508 0 01.65.304.497.497 0 01-.295.65l-27.983 10.15-.173.061zM178.153 134.862a.484.484 0 01-.477-.335.507.507 0 01.304-.65l27.629-10.058a.504.504 0 01.636.309.506.506 0 01-.291.645l-27.629 10.058-.172.031z", fill: "#D1D3D4" }); var _ref13 = /*#__PURE__*/React.createElement("path", { d: "M176.731 148.122l-12.398 4.515 3.612 9.918 12.398-4.515-3.612-9.918z", fill: "#fff" }); var _ref14 = /*#__PURE__*/React.createElement("path", { d: "M167.952 163.049a.545.545 0 01-.213 0 .556.556 0 01-.264-.285l-3.613-9.926a.507.507 0 01.304-.65l12.444-4.557a.506.506 0 01.386 0c.119.06.212.161.264.284l3.613 9.917a.505.505 0 01-.304.649l-12.404 4.517a.477.477 0 01-.213.051zm-2.964-10.15l3.269 8.962 11.449-4.161-3.269-8.973-11.449 4.172z", fill: "#262626" }); var _ref15 = /*#__PURE__*/React.createElement("path", { d: "M169.956 130.351l-12.399 4.515 3.612 9.919 12.399-4.515-3.612-9.919z", fill: "#fff" }); var _ref16 = /*#__PURE__*/React.createElement("path", { d: "M161.172 145.286a.526.526 0 01-.477-.335l-3.614-9.917a.51.51 0 01.305-.649l12.403-4.517a.507.507 0 01.65.305l3.613 9.916a.508.508 0 01-.304.65l-12.363 4.516a.47.47 0 01-.213.031zm-2.964-10.15l3.268 8.973 11.45-4.172-3.269-8.963-11.449 4.162z", fill: "#262626" }); var _ref17 = /*#__PURE__*/React.createElement("path", { d: "M184.212 151.518a.528.528 0 01-.477-.335.505.505 0 01.305-.649l27.628-10.069a.508.508 0 01.65.304.51.51 0 01-.014.39.507.507 0 01-.291.26l-27.628 10.069a.485.485 0 01-.173.03z", fill: "#D1D3D4" }); var _ref18 = /*#__PURE__*/React.createElement("path", { d: "M228.591 110.376l-12.399 4.515 3.612 9.919 12.399-4.515-3.612-9.919z", fill: "#fff" }); var _ref19 = /*#__PURE__*/React.createElement("path", { d: "M219.808 125.311a.505.505 0 01-.477-.335l-3.613-9.917a.456.456 0 010-.385.455.455 0 01.284-.264l12.373-4.517a.507.507 0 01.65.304l3.613 9.917a.506.506 0 01-.014.39.503.503 0 01-.29.26l-12.394 4.516-.132.031zm-2.963-10.15l3.268 8.962 11.439-4.171-3.268-8.963-11.439 4.172z", fill: "#262626" }); var _ref20 = /*#__PURE__*/React.createElement("path", { d: "M236.069 113.77a.483.483 0 01-.477-.335.508.508 0 01.304-.649l27.629-10.059a.506.506 0 01.636.31.508.508 0 01-.291.644l-27.629 10.059-.172.03z", fill: "#D1D3D4" }); var _ref21 = /*#__PURE__*/React.createElement("path", { d: "M234.652 127.029l-12.399 4.515 3.612 9.919 12.399-4.515-3.612-9.919z", fill: "#fff" }); var _ref22 = /*#__PURE__*/React.createElement("path", { d: "M225.868 141.957a.505.505 0 01-.477-.335l-3.613-9.937a.507.507 0 01.304-.649l12.383-4.497a.516.516 0 01.65.305l3.613 9.916a.506.506 0 010 .386.521.521 0 01-.284.264l-12.404 4.517a.48.48 0 01-.172.03zm-2.964-10.15l3.268 8.962 11.44-4.161-3.259-8.983-11.449 4.182z", fill: "#262626" }); var _ref23 = /*#__PURE__*/React.createElement("path", { d: "M242.128 130.416a.492.492 0 01-.477-.335.516.516 0 01.305-.649l27.628-10.059a.508.508 0 01.345.954l-27.628 10.059a.464.464 0 01-.173.03z", fill: "#D1D3D4" }); var _ref24 = /*#__PURE__*/React.createElement("path", { d: "M276.467 138.278l-103.613 37.733 11.416 31.349 103.613-37.733-11.416-31.349z", fill: "#fff" }); var _ref25 = /*#__PURE__*/React.createElement("path", { d: "M184.273 207.861a.417.417 0 01-.213-.051.485.485 0 01-.264-.284l-11.419-31.344a.539.539 0 010-.395.498.498 0 01.285-.254l103.631-37.758a.506.506 0 01.39.014.5.5 0 01.26.29l11.419 31.364c.05.123.05.262 0 .386a.464.464 0 01-.285.263L184.446 207.81a.48.48 0 01-.173.051zm-10.769-31.516l11.074 30.399 102.667-37.433-11.074-30.389-102.667 37.423z", fill: "#262626" }); var _ref26 = /*#__PURE__*/React.createElement("path", { d: "M175.311 183.247a.513.513 0 01-.506-.805.513.513 0 01.333-.21l103.601-37.738a.507.507 0 01.39.015.509.509 0 01-.034.939l-103.612 37.769-.172.03z", fill: "#262626" }); var _ref27 = /*#__PURE__*/React.createElement("path", { d: "M256.217 213.159a.517.517 0 01-.594-.421.513.513 0 01.421-.594l41.798-15.225a.509.509 0 01.621.691.505.505 0 01-.276.263l-41.798 15.225-.172.061zM187.826 217.605a.513.513 0 01-.594-.421.517.517 0 01.421-.594l103.652-37.707a.493.493 0 01.389.014.502.502 0 01.266.285.504.504 0 01-.014.389.505.505 0 01-.286.266l-103.662 37.737-.172.031z", fill: "#D1D3D4" }); var _ref28 = /*#__PURE__*/React.createElement("path", { d: "M231.897 52.992a2.902 2.902 0 01-2.72-1.908l-4.598-12.637a.497.497 0 01.685-.629.527.527 0 01.269.284l4.598 12.637a1.878 1.878 0 003.532-1.269l-6.668-18.27a3.523 3.523 0 00-5.673-1.392 3.504 3.504 0 00-.925 3.798l.254.7a.507.507 0 01-.305.65.495.495 0 01-.649-.305l-.254-.7a4.524 4.524 0 016.161-5.654 4.508 4.508 0 012.345 2.558l6.668 18.27a2.908 2.908 0 01-1.388 3.553 2.916 2.916 0 01-1.332.335v-.02z", fill: "#262626" }); var _ref29 = /*#__PURE__*/React.createElement("path", { d: "M140.425 201.324c5.552-9.135 12.708-23.172 17.367-32.754 2.284-4.699 10.698-2.091 11.307 1.898.842 5.583-8.983 34.327-9.044 34.256a30.46 30.46 0 016.666 16.231 30.46 30.46 0 01-3.397 17.214", fill: "#fff" }); var _ref30 = /*#__PURE__*/React.createElement("path", { d: "M163.324 238.686a.44.44 0 01-.244-.071.493.493 0 01-.257-.502.489.489 0 01.064-.188 30.136 30.136 0 00-3.227-32.876.5.5 0 01-.082-.507v-.071c.559-1.32 9.785-28.674 8.983-33.922-.274-1.786-2.558-3.501-5.217-3.907-2.375-.356-4.293.446-5.126 2.151-2.405 4.933-10.759 21.904-17.387 32.795a.505.505 0 01-.7.162.497.497 0 01-.173-.69c6.608-10.85 14.951-27.78 17.347-32.713 1.015-2.132 3.349-3.147 6.191-2.71 2.649.406 5.684 2.212 6.09 4.76.731 4.811-7.105 30.034-8.983 34.206a30.779 30.779 0 013.157 33.819.521.521 0 01-.436.264zM170.256 254.713a2.202 2.202 0 10.001-4.405 2.202 2.202 0 00-.001 4.405z", fill: "#262626" }); var _ref31 = /*#__PURE__*/React.createElement("path", { d: "M176.352 67.633L138.183 81.44l16.657 46.053 38.17-13.806-16.658-46.053z", fill: "#fff" }); var _ref32 = /*#__PURE__*/React.createElement("path", { d: "M173.068 102.646l3.292 16.971-4.485 1.589-8.785-14.896a25.132 25.132 0 019.978-3.664zM169.059 88.253c-.735-2.906 3.955-3.128 3.551-.022-.241 1.848.5 2.399-.001 3.219a1.688 1.688 0 01-1.053.757c-.428.095-.898.018-1.352-.222", fill: "#fff" }); var _ref33 = /*#__PURE__*/React.createElement("path", { clipRule: "evenodd", d: "M169.352 89.21a.999.999 0 00.676-1.202c-.115-.455.001-.666.088-.766.115-.133.336-.246.624-.255.286-.008.529.09.676.236.121.121.269.366.202.879-.139 1.064.003 1.786.101 2.28a.425.425 0 00.007.036c.077.397.067.455.045.488h-.001c-.129.198-.281.291-.431.325-.158.035-.387.019-.668-.13a.995.995 0 00-.76-.072l.293.956c.454.24.924.317 1.352.222a1.688 1.688 0 001.053-.757c.256-.42.187-.769.091-1.257-.091-.466-.208-1.06-.09-1.962.404-3.106-4.286-2.884-3.551.022l.293.956z", fill: "#262626", fillRule: "evenodd" }); var _ref34 = /*#__PURE__*/React.createElement("path", { d: "M157.659 92.443c-1.229-2.734-5.043.005-2.797 2.188 1.336 1.299 1.098 2.191 2 2.522.449.152.9.131 1.295-.06.394-.191.715-.544.922-1.013", fill: "#fff" }); var _ref35 = /*#__PURE__*/React.createElement("path", { clipRule: "evenodd", d: "M158.023 93.375a1 1 0 01-1.276-.522c-.193-.428-.415-.521-.545-.546-.173-.032-.416.016-.647.188-.229.17-.359.4-.383.605-.02.17.016.454.387.814.77.748 1.107 1.402 1.338 1.85l.016.032c.186.36.23.398.268.411l.001-.001c.223.075.4.054.539-.013.145-.07.315-.225.443-.516a.996.996 0 01.551-.529l.364.932c-.207.47-.528.822-.922 1.013a1.688 1.688 0 01-1.295.06c-.462-.17-.625-.485-.853-.928-.217-.422-.494-.96-1.147-1.594-2.246-2.183 1.568-4.922 2.797-2.188l.364.932z", fill: "#262626", fillRule: "evenodd" }); var _ref36 = /*#__PURE__*/React.createElement("path", { clipRule: "evenodd", d: "M150.866 94.813l.591 5.676.281 2.611c10.285 1.467 21.211-3.428 26.962-12.08-1.588-1.694-2.815-3.623-4.038-5.546-1.036-1.627-2.069-3.251-3.316-4.725-1.537-1.808-3.448-3.407-5.73-4.131-1.546-.497-3.556-.394-4.505.875a2.678 2.678 0 00-.161.245 4.693 4.693 0 00-.494-.285c-1.675-.83-3.387-.355-4.881.72-5.523 3.994-5.349 10.5-4.709 16.64zm5.303-15.816c-4.999 3.615-4.94 9.514-4.293 15.71l.591 5.673v.004l.194 1.809c9.408 1.035 19.26-3.38 24.749-11.09-1.282-1.478-2.33-3.084-3.322-4.64l-.277-.435c-1.043-1.638-2.039-3.204-3.239-4.623-1.47-1.728-3.231-3.175-5.263-3.82h-.003c-.686-.221-1.465-.292-2.129-.169-.657.122-1.107.41-1.347.829l-.538.933-.9-.592c-1.349-.888-2.779-.628-4.223.41z", fill: "#262626", fillRule: "evenodd" }); var _ref37 = /*#__PURE__*/React.createElement("path", { d: "M163.06 106.31c3.743 4.393 10.457.532 10.008-3.644l-4.375-10.515-9.034 3.288 3.401 10.871z", fill: "#fff" }); var _ref38 = /*#__PURE__*/React.createElement("path", { clipRule: "evenodd", d: "M168.137 93.418l-7.238 2.634 3.051 9.756c1.513 1.649 3.551 1.756 5.276.981 1.796-.805 2.942-2.408 2.858-3.883l-3.947-9.489zm4.931 9.248c.449 4.176-6.265 8.037-10.008 3.644l-3.401-10.87 9.034-3.29 4.375 10.516z", fill: "#262626", fillRule: "evenodd" }); var _ref39 = /*#__PURE__*/React.createElement("path", { d: "M161.793 100.14a6.898 6.898 0 003.311 1.4c1.978.335 4.804.477 6.688-.649l-1.865-4.385c-1.378.79-2.837 1.4-4.347 1.817-1.311.461-2.68.7-4.058.71-.261-.06-.13.772.271 1.107z", fill: "#262626" }); var _ref40 = /*#__PURE__*/React.createElement("path", { d: "M168.916 98.238c-1.916 2.262-3.947 2.566-7.181.834-2.191-1.174-3.441-2.493-4.359-4.572-1.003-2.27-1.089-4.016-1.918-6.025C160.267 86.637 162 82 162 82s2.281 1.02 3.5 1.5c1.323.52 2.254.295 3 1 1.286 1.216 2.121 4.966 2.121 4.966s.851 3.12.379 5.034c-.4 1.623-2.084 3.738-2.084 3.738z", fill: "#fff" }); var _ref41 = /*#__PURE__*/React.createElement("path", { clipRule: "evenodd", d: "M162.916 82.405c.772.34 1.864.812 2.584 1.095.544.214 1.022.302 1.448.38.61.112 1.113.205 1.552.62 1.286 1.216 2.121 4.966 2.121 4.966s.851 3.12.379 5.034c-.4 1.623-2.084 3.738-2.084 3.738-1.916 2.262-3.947 2.566-7.181.834-2.191-1.174-3.441-2.493-4.359-4.572-.539-1.219-.813-2.286-1.079-3.325-.18-.699-.356-1.385-.607-2.094-.071-.2-.147-.402-.232-.606.176-.068.348-.138.515-.213 3.414-1.513 5.15-4.426 5.764-5.673.18-.366.263-.589.263-.589s.381.17.916.405zm-.425.906l.402.176c.723.315 1.613.697 2.241.944.643.253 1.23.36 1.657.438l.232.043c.45.089.632.165.79.315.194.183.425.522.665 1.006.232.469.441 1.007.618 1.527a20.87 20.87 0 01.515 1.777l.027.112.006.027.001.007h.001l.005.023.006.022.001.005.006.022.023.092a17.6 17.6 0 01.312 1.567c.151 1 .216 2.093.03 2.847-.158.64-.6 1.458-1.062 2.175a17.39 17.39 0 01-.771 1.1l-.049.062-.005.007c-.855 1.005-1.63 1.455-2.445 1.555-.854.106-1.95-.145-3.49-.97-2.011-1.077-3.096-2.236-3.917-4.094-.466-1.056-.722-1.994-.97-2.956a87.681 87.681 0 01-.057-.222 27.804 27.804 0 00-.538-1.902c2.139-1.033 3.633-2.559 4.609-3.87.52-.698.899-1.343 1.157-1.835z", fill: "#262626", fillRule: "evenodd" }); var _ref42 = /*#__PURE__*/React.createElement("path", { d: "M169.597 85.533a3.758 3.758 0 11-7.064 2.567 3.758 3.758 0 017.064-2.567z", fill: "#fff" }); var _ref43 = /*#__PURE__*/React.createElement("path", { clipRule: "evenodd", d: "M167.006 89.409a2.758 2.758 0 10-1.884-5.186 2.758 2.758 0 001.884 5.186zm.342.94a3.758 3.758 0 10-2.566-7.064 3.758 3.758 0 002.566 7.064z", fill: "#262626", fillRule: "evenodd" }); var _ref44 = /*#__PURE__*/React.createElement("path", { d: "M162.672 87.747a3.758 3.758 0 11-7.065 2.566 3.758 3.758 0 117.065-2.566z", fill: "#fff" }); var _ref45 = /*#__PURE__*/React.createElement("path", { clipRule: "evenodd", d: "M160.081 91.623a2.758 2.758 0 10-1.883-5.186 2.758 2.758 0 001.883 5.186zm.342.94a3.758 3.758 0 10-2.567-7.066 3.758 3.758 0 102.567 7.066z", fill: "#262626", fillRule: "evenodd" }); var _ref46 = /*#__PURE__*/React.createElement("path", { d: "M184.222 114.478v.001l-1.453 3.099-1.514.55 1.732-3.694-5.497-2.984a.567.567 0 01-.281-.582.52.52 0 01.086-.214l2.331-3.493-5.922-3.713-.008-.005a.57.57 0 01-.135-.771l.003-.005a.563.563 0 01.773-.14l6.362 4.017a.54.54 0 01.249.353v.002a.529.529 0 01-.087.429l-2.304 3.454 5.427 2.968a.55.55 0 01.238.728zM164.891 114.712a.53.53 0 01.355.276.565.565 0 01.04.441l-.001.005-2.028 5.912 4.282 1.757-1.591.577-3.569-1.465h-.002a.556.556 0 01-.316-.698l1.987-5.857-4.033-.985a.513.513 0 01-.204-.09.518.518 0 01-.151-.168.544.544 0 01-.056-.428l1.967-7.263a.559.559 0 01.664-.419l.005.001a.564.564 0 01.422.659l-.002.009-1.849 6.741 4.08.995z", fill: "#262626" }); var _ref47 = /*#__PURE__*/React.createElement("path", { d: "M176.082 68.106l16.514 45.309-37.555 13.672-16.504-45.31 37.555-13.671h-.01zm.01-1.015c-.117 0-.234.02-.345.06l-37.555 13.673a1.015 1.015 0 00-.578.527 1.009 1.009 0 000 .782l16.514 45.34a1.016 1.016 0 001.299.599l37.555-13.672a1.014 1.014 0 00.609-1.299l-16.555-45.36a1.013 1.013 0 00-.954-.67l.01.02z", fill: "#262626" }); const PersonalDataSvg = ({ 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, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, /*#__PURE__*/React.createElement("path", { d: "M188.091 99.546l4.505 13.899-37.555 13.673-5.587-14.142c3.136-3.557 8.166-6.207 13.114-8.856 3.548-1.9 7.321-2.431 9.659-2.927 6.069-1.285 10.742-2.065 15.864-1.647z", fill: colorCustom }), _ref32, _ref33, _ref34, _ref35, _ref36, _ref37, _ref38, _ref39, _ref40, _ref41, _ref42, _ref43, _ref44, _ref45, _ref46, _ref47); }; export default React.memo(PersonalDataSvg);