@krowdy/kds-assets
Version:
React components that implement Google's Material Design.
162 lines (133 loc) • 16.8 kB
JavaScript
import React from 'react';
import Svg from '../../Svg';
import useGetColor from '../../useGetColor';
var _ref2 = /*#__PURE__*/React.createElement("path", {
d: "M145.919 130.414a.716.716 0 01-.261 0l-74.59-36.678a.595.595 0 11.523-1.057l74.602 36.606a.604.604 0 01.302.341.606.606 0 01-.029.455.624.624 0 01-.547.333z",
fill: "#F1F2F2"
});
var _ref3 = /*#__PURE__*/React.createElement("path", {
d: "M283.031 107.577s3.564-6.986 3.006-9.826c-.559-2.84-1.474-11.37-1.474-11.37l23.418 2.174-7.532 27.172",
fill: "#fff"
});
var _ref4 = /*#__PURE__*/React.createElement("path", {
d: "M300.425 116.347h-.166a.617.617 0 01-.428-.749l7.331-26.483-21.909-2.032c.261 2.139.986 8.317 1.39 10.586.534 3.006-2.911 9.909-3.066 10.206a.615.615 0 01-1.128-.079.614.614 0 01.035-.467c.951-1.901 3.339-7.283 2.959-9.505-.499-2.828-1.45-11.062-1.485-11.418a.61.61 0 01.166-.5.628.628 0 01.499-.177l23.358 2.198a.65.65 0 01.452.261.611.611 0 01.083.511l-7.521 27.184a.607.607 0 01-.57.464z",
fill: "#262626"
});
var _ref5 = /*#__PURE__*/React.createElement("path", {
d: "M119.284 141.796s.214-13.83 0-16.943c-.213-3.113 4.456-20.436 3.339-23.157-1.117-2.72-4.23-3.778-5.347-.57-1.116 3.208-3.124 10.337-3.124 10.337s-12.262-7.557-14.721-2.376c-2.46 5.18-4.753 14.815-2.162 17.275a9.855 9.855 0 005.726 2.59l-.665 17.549 16.954-4.705z",
fill: "#fff"
});
var _ref6 = /*#__PURE__*/React.createElement("path", {
d: "M102.329 147.154a.637.637 0 01-.38-.13.583.583 0 01-.226-.499l.642-16.979a10.556 10.556 0 01-5.513-2.685c-3.113-2.923-.166-13.319 2.02-17.988a3.557 3.557 0 012.376-1.96c3.79-1.189 10.408 2.376 12.582 3.564.547-1.937 2.02-7.046 2.911-9.612a3.112 3.112 0 012.757-2.376 4.279 4.279 0 013.742 2.923c.665 1.639-.273 6.712-1.806 14.257a63.033 63.033 0 00-1.497 9.065c.226 3.113 0 16.432 0 17.002a.594.594 0 01-.439.583l-16.955 4.752a.4.4 0 01-.214.083zm.594-39.208a5.004 5.004 0 00-1.366.178 2.388 2.388 0 00-1.568 1.319c-2.377 5.169-4.587 14.412-2.305 16.563a9.224 9.224 0 005.346 2.376.619.619 0 01.582.641l-.641 16.705 15.707-4.396c0-2.376.19-13.699 0-16.443a58.903 58.903 0 011.521-9.398c1.033-5.133 2.447-12.155 1.877-13.569a3.134 3.134 0 00-2.578-2.162c-.915 0-1.391.867-1.628 1.568-1.105 3.149-3.101 10.23-3.113 10.301a.624.624 0 01-.368.404.596.596 0 01-.547 0c-.083-.095-6.653-4.134-10.919-4.134v.047zM166.572 224.857l-16.551 63.173 41.418-2.733 9.172-31.188 14.46 30.024h37.105l-22.646-86.187-62.958 26.911z",
fill: "#262626"
});
var _ref7 = /*#__PURE__*/React.createElement("path", {
d: "M225.383 216.671l-61.402 11.453 15.267-90.689s31.26-6.273 38.816-6.273c6.368-.048 7.319 85.509 7.319 85.509z",
fill: "#fff"
});
var _ref8 = /*#__PURE__*/React.createElement("path", {
d: "M163.982 228.671a.594.594 0 01-.567-.407.627.627 0 01-.028-.282l15.268-90.701a.61.61 0 01.165-.31.61.61 0 01.31-.165c1.271-.262 31.402-6.285 38.935-6.285 1.354 0 4.538.071 6.629 43.342 1.022 21.149 1.272 42.582 1.284 42.773a.607.607 0 01-.487.594l-61.414 11.406-.095.035zm15.778-90.784l-15.054 89.453 60.084-11.168c-.547-47.406-3.494-84.463-6.725-84.463-6.951 0-34.634 5.441-38.305 6.178z",
fill: "#262626"
});
var _ref9 = /*#__PURE__*/React.createElement("path", {
d: "M204.307 147.332l-4.67 4.539 3.779 2.614s-3.981 29.607-17.977 33.813c-13.996 4.206-19.437 2.757-19.437 2.757l-7.723 10.039s12 3.434 12.855 3.719c.856.285 26.282-5.643 30.285-21.386a163.597 163.597 0 004.682-28.325l2.53-3.184-4.324-4.586z",
fill: "#262626"
});
var _ref10 = /*#__PURE__*/React.createElement("path", {
d: "M186.793 176.691a.609.609 0 01-.476-.238l-11.857-16.051a.585.585 0 010-.761l7.378-7.628-9.255-2.376a.57.57 0 01-.416-.404.591.591 0 01.143-.57l10.823-11.608a.6.6 0 01.844-.024.596.596 0 01.024.844l-10.147 10.871 9.279 2.376a.602.602 0 01.422.721.577.577 0 01-.148.265l-7.747 7.997 11.537 15.695a.592.592 0 01-.131.819.557.557 0 01-.273.072zM216.498 174.956a.862.862 0 01-.238 0 .606.606 0 01-.309-.784l8.709-20.317-8.934-4.479a.61.61 0 01-.238-.844l6.677-10.848-8.768-4.051a.619.619 0 01-.297-.796.594.594 0 01.796-.285l9.374 4.336a.593.593 0 01.321.369.635.635 0 01-.059.487l-6.725 10.776 8.851 4.444a.593.593 0 01.285.76l-8.934 20.828a.602.602 0 01-.511.404z",
fill: "#262626"
});
var _ref11 = /*#__PURE__*/React.createElement("path", {
d: "M290.053 18.516l14.174 28.717 31.688 4.61-22.931 22.349 5.418 31.568-28.349-14.9-28.348 14.9 5.417-31.569-22.93-22.348 31.687-4.61 14.174-28.717z",
fill: "#fff"
});
var _ref12 = /*#__PURE__*/React.createElement("path", {
d: "M318.403 106.354a.56.56 0 01-.274-.071L290.054 91.49l-28.075 14.757a.558.558 0 01-.618 0 .582.582 0 01-.238-.582l5.359-31.248-22.658-22.135a.585.585 0 01.028-.873.602.602 0 01.293-.136l31.39-4.563 14.032-28.432a.614.614 0 01.843-.225.614.614 0 01.226.225l14.032 28.432 31.39 4.563a.605.605 0 01.475.403.577.577 0 01-.154.606l-22.753 22.123 5.359 31.248a.578.578 0 01-.238.582.531.531 0 01-.344.119zm-28.349-16.052a.546.546 0 01.273 0l27.327 14.353-5.216-30.38a.633.633 0 01.167-.535l22.039-21.457-30.499-4.432a.614.614 0 01-.451-.333l-13.64-27.66-13.639 27.672a.626.626 0 01-.452.333l-30.499 4.42 22.123 21.48a.633.633 0 01.166.535l-5.216 30.381 27.327-14.353a.548.548 0 01.19-.024z",
fill: "#262626"
});
var _ref13 = /*#__PURE__*/React.createElement("path", {
d: "M181.305 107.578c-.951-4.301-2.234-8.555-2.614-12.94-.38-4.383.214-9.029 2.697-12.653 2.673-3.897 6.083-3.445 10.194-3.98 5.453-.713 10.325-3.445 15.386-5.418.962-.38 2.459-.463 2.638.559.028.32-.033.64-.179.927a16.155 16.155 0 01-2.697 4.443 39.848 39.848 0 0011.264-4.444 13.156 13.156 0 01-2.911 11.026l6.689-3.35a11.275 11.275 0 01-8.436 12.915",
fill: "#fff"
});
var _ref14 = /*#__PURE__*/React.createElement("path", {
d: "M181.305 108.184a.59.59 0 01-.594-.475c-.25-1.117-.523-2.234-.796-3.363a64.805 64.805 0 01-1.83-9.647c-.321-3.636-.095-8.84 2.804-13.07 2.376-3.445 5.37-3.73 8.566-4.016l2.056-.213a42.082 42.082 0 0011.132-3.672c1.343-.582 2.721-1.188 4.099-1.71a3.413 3.413 0 012.709 0 1.462 1.462 0 01.761 1.057c.055.431-.019.87-.214 1.26a16.841 16.841 0 01-1.711 3.195 39.3 39.3 0 009.398-3.98.584.584 0 01.558 0 .62.62 0 01.345.44 13.747 13.747 0 01-1.592 9.505l4.491-2.246a.63.63 0 01.763.175c.058.074.098.16.116.253a11.88 11.88 0 01-8.911 13.64.601.601 0 01-.462-.086.6.6 0 01-.165-.85.632.632 0 01.39-.265 10.23 10.23 0 006.38-4.514 10.416 10.416 0 001.651-6.94l-5.94 2.983a.617.617 0 01-.737-.95 12.582 12.582 0 002.911-9.648 40.318 40.318 0 01-10.693 4.063.616.616 0 01-.746-.649.614.614 0 01.14-.349 15.46 15.46 0 002.614-4.265c.088-.185.133-.389.131-.594a.252.252 0 00-.143-.202 2.375 2.375 0 00-1.663.107c-1.355.523-2.733 1.188-4.052 1.699a43.484 43.484 0 01-11.477 3.754c-.725.096-1.426.155-2.103.226-3.137.285-5.62.511-7.663 3.493-2.686 3.921-2.899 8.828-2.602 12.262.367 3.208.97 6.385 1.805 9.505.274 1.188.547 2.257.808 3.386a.62.62 0 01-.475.725l-.059-.024z",
fill: "#262626"
});
var _ref15 = /*#__PURE__*/React.createElement("path", {
d: "M210.556 125.946l1.414 9.219s-1.45 13.414-11.585 11.062c-10.134-2.353-14.174-11.489-14.174-11.489l-1.295-24.357s7.473-4.075 5.109-20.34a50.09 50.09 0 0026.317 3.41s3.564 16.752 2.471 24.594a8.661 8.661 0 01-8.257 7.901z",
fill: "#fff"
});
var _ref16 = /*#__PURE__*/React.createElement("path", {
d: "M202.632 147.154c-.8-.008-1.597-.104-2.377-.285a22.299 22.299 0 01-14.59-11.881.483.483 0 010-.214l-1.39-24.273a.595.595 0 01.321-.57c.071 0 7.046-4.135 4.752-19.711a.648.648 0 01.25-.582.58.58 0 01.63-.06 49.996 49.996 0 0025.972 3.35.617.617 0 01.677.488c.143.677 3.624 16.942 2.471 24.808a9.25 9.25 0 01-8.162 8.316l1.319 8.567a.768.768 0 010 .166c0 .285-.844 7.295-5.252 10.42a7.856 7.856 0 01-4.621 1.461zm-15.838-12.534c.463.974 4.55 8.923 13.699 11.049a7.269 7.269 0 006.107-.974c3.731-2.638 4.634-8.733 4.752-9.505l-1.402-9.137a.597.597 0 01.143-.487.54.54 0 01.452-.214 8.022 8.022 0 007.663-7.378c.998-6.855-1.735-20.875-2.376-23.762a52.385 52.385 0 01-25.082-3.101c1.699 13.865-3.778 18.653-5.227 19.663l1.271 23.846z",
fill: "#262626"
});
var _ref17 = /*#__PURE__*/React.createElement("path", {
d: "M205.317 103.3s4.753 8.828 3.363 10.158c-1.39 1.331-5.085 0-5.085 0",
fill: "#fff"
});
var _ref18 = /*#__PURE__*/React.createElement("path", {
d: "M206.658 114.647a10.596 10.596 0 01-3.232-.582.594.594 0 11.392-1.117c.856.309 3.565.974 4.48.095.582-.535-1.082-5.026-3.482-9.434a.593.593 0 01.059-.659.612.612 0 01.401-.219.6.6 0 01.586.308c1.521 2.78 4.859 9.398 3.232 10.883a3.564 3.564 0 01-2.436.725zM196.764 104.005c.55-.024.954-1.063.901-2.321-.053-1.259-.542-2.26-1.093-2.238-.551.023-.954 1.063-.901 2.321.053 1.259.542 2.261 1.093 2.238zM212.671 104.002c.551-.023.955-1.063.902-2.321-.053-1.259-.543-2.26-1.093-2.238-.551.024-.955 1.063-.902 2.322.053 1.258.543 2.26 1.093 2.237z",
fill: "#262626"
});
var _ref19 = /*#__PURE__*/React.createElement("path", {
d: "M191.391 106.223a14.099 14.099 0 00-3.493-3.957 4.762 4.762 0 00-2.59-1.188 4.235 4.235 0 00-2.234.665 8.202 8.202 0 00-3.897 5.466 6.527 6.527 0 00.119 3.172 7.235 7.235 0 003.16 3.802 21.782 21.782 0 004.61 1.996",
fill: "#fff"
});
var _ref20 = /*#__PURE__*/React.createElement("path", {
d: "M187.067 116.833h-.202a21.968 21.968 0 01-4.752-2.067 7.776 7.776 0 01-3.41-4.123 7.127 7.127 0 01-.143-3.481 8.917 8.917 0 014.206-5.941 4.749 4.749 0 012.554-.748 5.39 5.39 0 012.947 1.271 14.758 14.758 0 013.636 4.135.62.62 0 01-.214.843.62.62 0 01-.844-.226 13.164 13.164 0 00-3.327-3.778 4.221 4.221 0 00-2.245-1.01 3.623 3.623 0 00-1.901.571 7.638 7.638 0 00-3.564 5.061 6.106 6.106 0 00.107 2.875 6.603 6.603 0 002.899 3.458 20.965 20.965 0 004.491 1.936.617.617 0 01.351.307.614.614 0 01.029.466.594.594 0 01-.618.451zM210.556 125.946a27.703 27.703 0 01-17.014-2.804s8.674 13.331 18.345 11.454l-1.331-8.65z",
fill: "#262626"
});
var _ref21 = /*#__PURE__*/React.createElement("path", {
d: "M209.937 135.451c-9.077 0-16.634-11.382-16.931-11.881a.609.609 0 01.06-.725.582.582 0 01.713-.13 27.324 27.324 0 0016.633 2.744.648.648 0 01.464.095.61.61 0 01.249.404l1.331 8.638a.58.58 0 01-.463.677c-.678.125-1.367.184-2.056.178zm-14.602-10.693c2.673 3.41 9.042 10.361 15.838 9.505l-1.188-7.473a28.24 28.24 0 01-14.65-2.115v.083zM197.654 109.752a8.058 8.058 0 01-7.901-9.627 8.054 8.054 0 0114.598-2.904 8.05 8.05 0 011.358 4.475 8.067 8.067 0 01-8.055 8.056zm0-14.888a6.833 6.833 0 00-4.831 11.663 6.838 6.838 0 007.445 1.481 6.837 6.837 0 004.217-6.312 6.845 6.845 0 00-6.831-6.832z",
fill: "#262626"
});
var _ref22 = /*#__PURE__*/React.createElement("path", {
d: "M213.717 109.752a8.055 8.055 0 118.056-8.056 8.071 8.071 0 01-8.056 8.056zm0-14.888a6.83 6.83 0 00-6.7 8.165 6.833 6.833 0 009.314 4.979 6.827 6.827 0 002.213-11.14 6.842 6.842 0 00-4.827-2.004zM205.364 119.566c-3.754 0-7.378-2.281-10.788-6.713a.586.586 0 01-.168-.459.594.594 0 011.107-.254c3.172 4.111 6.487 6.214 9.849 6.238 4.646 0 7.866-4.016 7.901-4.052a.596.596 0 011.034.298.592.592 0 01-.095.427c-.166.202-3.647 4.515-8.84 4.515z",
fill: "#262626"
});
var _ref23 = /*#__PURE__*/React.createElement("path", {
d: "M146.397 217.823a.555.555 0 01-.297-.083.578.578 0 01-.291-.59.587.587 0 01.077-.218c.131-.238 13.818-24.665 18.262-63.469a.612.612 0 01.229-.393.611.611 0 01.436-.13.596.596 0 01.523.653c-4.48 39.066-18.286 63.684-18.428 63.933a.592.592 0 01-.511.297zM271.268 170.323c-15.98 0-45.707-6.69-46.004-6.761a.604.604 0 01-.374-.262.592.592 0 01-.078-.451.568.568 0 01.713-.439c.297.059 29.893 6.724 45.731 6.724h1.188a.608.608 0 01.606.583.576.576 0 01-.041.228.579.579 0 01-.315.328.604.604 0 01-.226.05h-1.2z",
fill: "#262626"
});
var _ref24 = /*#__PURE__*/React.createElement("path", {
d: "M109.672 109.134s3.754 4.004 1.913 11.026c-1.842 7.021-4.943 8.316-10.206 5.192",
fill: "#fff"
});
var _ref25 = /*#__PURE__*/React.createElement("path", {
d: "M106.002 127.586a9.925 9.925 0 01-4.943-1.711.615.615 0 01-.208-.838.602.602 0 01.376-.277.616.616 0 01.462.069c2.376 1.438 4.206 1.854 5.584 1.295 1.592-.641 2.804-2.637 3.707-6.119 1.723-6.582-1.628-10.289-1.77-10.443a.62.62 0 01.195-1.002.594.594 0 01.66.134c.166.179 3.968 4.337 2.067 11.597-1.033 3.932-2.376 6.142-4.431 6.95-.54.22-1.116.337-1.699.345z",
fill: "#262626"
});
var _ref26 = /*#__PURE__*/React.createElement("path", {
d: "M286.037 97.752s-6.855-11.536-5.18-12.712c1.675-1.177 5.572 3.314 7.723 6.356 0 0 6.594 1.188 5.489 8.53",
fill: "#fff"
});
var _ref27 = /*#__PURE__*/React.createElement("path", {
d: "M294.069 100.544h-.095a.617.617 0 01-.511-.7c1.01-6.678-4.752-7.795-4.99-7.83a.632.632 0 01-.392-.25c-2.828-4.004-5.94-6.843-6.867-6.214-.44.796 2.008 6.262 5.358 11.882a.618.618 0 01-.44.915.608.608 0 01-.617-.298c-3.256-5.489-6.772-12.285-5.002-13.52 2.376-1.688 6.903 4.158 8.436 6.309 1.271.332 6.784 2.186 5.726 9.172a.618.618 0 01-.606.534z",
fill: "#262626"
});
var _ref28 = /*#__PURE__*/React.createElement("path", {
d: "M75.368 274.901a.6.6 0 01-.552-.391.597.597 0 01.172-.655l58.218-48.63a.595.595 0 11.76.915l-58.218 48.63a.596.596 0 01-.38.131zM343.206 254.323a.583.583 0 01-.357-.119L253.645 186.6a.592.592 0 01.014-1.036.58.58 0 01.488-.036.593.593 0 01.211.134l89.204 67.592a.592.592 0 01-.091 1.005.612.612 0 01-.265.064zM155.128 104.715a.59.59 0 01-.241-.055.59.59 0 01-.199-.147l-43.521-48.654a.608.608 0 010-.843.6.6 0 01.651-.13c.072.03.138.074.193.13l43.509 48.653a.587.587 0 01.176.422.595.595 0 01-.176.422.61.61 0 01-.392.202zM303.737 141.487a.604.604 0 11-.214-1.188l45.933-17.917a.593.593 0 01.765.788.59.59 0 01-.326.317l-45.956 17.953a.457.457 0 01-.202.047zM232.082 100.556a.524.524 0 01-.261 0 .604.604 0 01-.302-.341.6.6 0 01.029-.455l16.384-33.125a.594.594 0 111.069.523l-16.348 33.078a.61.61 0 01-.571.32zM343.206 181.004h-.059l-53.632-6.986a.605.605 0 01-.505-.433.611.611 0 01.055-.455.599.599 0 01.593-.301l53.643 6.987a.59.59 0 01.511.665.61.61 0 01-.606.523zM243.713 120.386a.567.567 0 01-.464-.226.575.575 0 01-.111-.203.587.587 0 01.195-.628l7.996-6.476a.597.597 0 01.961.528.595.595 0 01-.213.399l-7.996 6.475a.607.607 0 01-.368.131zM295.016 274.901a.592.592 0 01-.511-.285l-30.761-52.04a.593.593 0 01.214-.808.603.603 0 01.82.202l30.749 52.04a.58.58 0 01-.039.656.593.593 0 01-.175.152.538.538 0 01-.297.083zM126.208 277.86a.55.55 0 01-.274-.072.594.594 0 01-.249-.796l12.487-23.548a.585.585 0 01.355-.287.6.6 0 01.631.194.585.585 0 01.06.651l-12.476 23.549a.628.628 0 01-.534.309zM56.216 203.708a.58.58 0 01-.57-.451.594.594 0 01.44-.713l38.293-8.709a.606.606 0 01.724.463.61.61 0 01-.463.725l-38.293 8.697-.131-.012zM178.105 63.547a.582.582 0 01-.57-.428l-9.042-31.58a.607.607 0 01.645-.757.583.583 0 01.496.424l9.077 31.592a.57.57 0 01-.05.447.585.585 0 01-.354.278.405.405 0 01-.202.024zM218.526 53.375h-.131a.595.595 0 01-.451-.713l6.392-28.075a.61.61 0 011.188.261l-6.416 28.064a.603.603 0 01-.582.463zM91.194 145.265H67.562a.592.592 0 01-.594-.594.596.596 0 01.594-.594h23.632a.596.596 0 01.42 1.014.592.592 0 01-.42.174z",
fill: "#F1F2F2"
});
var GreatIdeaStarSvg = function GreatIdeaStarSvg(_ref) {
var width = _ref.width,
height = _ref.height,
color = _ref.color;
var colorCustom = useGetColor({
color: color
});
return /*#__PURE__*/React.createElement(Svg, {
height: height,
width: width
}, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, /*#__PURE__*/React.createElement("path", {
d: "M189.644 131.115c-.915.594 1.758 13.794 1.913 14.982a315.705 315.705 0 011.948 36.059 106.524 106.524 0 01-7.782 39.208c-2.269 5.763-4.907 11.394-7.675 16.931-2.768 5.537-8.21 6.487-14.008 6.071a83.134 83.134 0 01-18.285-3.41 10.94 10.94 0 01-5.596-3.112c-2.376-3.03.214-7.129 1.568-10.028a297.718 297.718 0 005.489-12.499c2.745-6.761 10.147-22.967 12.036-30.012 2.459-9.161-1.188-9.184-.761-18.654.179-3.825.226-7.651.381-11.477.083-2.293-.606-9.505.891-11.239 11.441-13.177 29.881-12.82 29.881-12.82zM235.507 129c.381.071-1.485 30.796-1.354 32.329.986 11.655 18.059 57.493 18.059 57.493 0 4.218-42.57 29.465-45.291 21.897 12.618-66.535 3.921-109.58 3.624-109.604.012 0 15.16-3.98 24.962-2.115z",
fill: colorCustom
}), _ref9, _ref10, _ref11, _ref12, /*#__PURE__*/React.createElement("path", {
d: "M235.506 129s22.277 7.485 27.992 5.81c5.715-1.675 17.275-29.061 17.275-29.061l23.418 2.91s-9.766 57.933-28.348 61.046c-18.583 3.113-43.284-5.168-43.284-5.168L235.506 129z",
fill: colorCustom
}), _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, /*#__PURE__*/React.createElement("path", {
d: "M163.981 139.895c-4.218 4.052-35.454 35.644-37.794 29.822-2.341-5.822-4.004-32.543-4.004-32.543l-21.386 3.173s-12.333 60.166 9.112 66.796c21.446 6.629 54.072-24.951 54.072-24.951v-42.297z",
fill: colorCustom
}), _ref23, _ref24, _ref25, _ref26, _ref27, _ref28);
};
export default React.memo(GreatIdeaStarSvg);