Skip to content

Commit

Permalink
feat(Icon): add new icons Bundle, Device, PaymentMethod, PurchaseCart…
Browse files Browse the repository at this point in the history
…, PushToTalk
  • Loading branch information
233mawile authored and 233mawile-rc committed Nov 8, 2023
1 parent 5ee556d commit c6c749c
Show file tree
Hide file tree
Showing 16 changed files with 198 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,35 @@
exports[`icon svg file expect svg file to match snapshot 1`] = `
"export default \`<svg aria-hidden=\\"true\\" style=\\"position: absolute; width: 0; height: 0; overflow: hidden;\\" version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" xmlns:xlink=\\"http://www.w3.org/1999/xlink\\">
<defs>
<symbol id=\\"icon-payment-method\\" viewBox=\\"0 0 32 32\\">
<title>payment-method</title>
<path d=\\"M2 9c0-1.657 1.343-3 3-3h22c1.657 0 3 1.343 3 3v14c0 1.657-1.343 3-3 3h-22c-1.657 0-3-1.343-3-3v-14zM5 8c-0.552 0-1 0.448-1 1v14c0 0.552 0.448 1 1 1h22c0.552 0 1-0.448 1-1v-14c0-0.552-0.448-1-1-1h-22z\\"></path>
<path d=\\"M3 12h26v4h-26v-4z\\"></path>
<path d=\\"M6 21c0-0.552 0.448-1 1-1h6c0.552 0 1 0.448 1 1s-0.448 1-1 1h-6c-0.552 0-1-0.448-1-1z\\"></path>
</symbol>
<symbol id=\\"icon-purchase-cart\\" viewBox=\\"0 0 32 32\\">
<title>purchase-cart</title>
<path d=\\"M10 28c-0.552 0-1-0.448-1-1s0.448-1 1-1c0.552 0 1 0.448 1 1s-0.448 1-1 1zM10 30c1.657 0 3-1.343 3-3s-1.343-3-3-3c-1.657 0-3 1.343-3 3s1.343 3 3 3z\\"></path>
<path d=\\"M29.217 7.024c0.539 0.12 0.879 0.654 0.759 1.193l-2 9c-0.12 0.539-0.654 0.879-1.193 0.759s-0.879-0.654-0.759-1.193l2-9c0.12-0.539 0.654-0.879 1.193-0.759z\\"></path>
<path d=\\"M2 3c0-0.552 0.448-1 1-1h2c0.489 0 0.906 0.353 0.986 0.836l2.861 17.164h18.153c0.552 0 1 0.448 1 1s-0.448 1-1 1h-19c-0.489 0-0.906-0.353-0.986-0.836l-2.861-17.164h-1.153c-0.552 0-1-0.448-1-1z\\"></path>
<path d=\\"M24 28c-0.552 0-1-0.448-1-1s0.448-1 1-1c0.552 0 1 0.448 1 1s-0.448 1-1 1zM24 30c1.657 0 3-1.343 3-3s-1.343-3-3-3c-1.657 0-3 1.343-3 3s1.343 3 3 3z\\"></path>
<path d=\\"M5 8c0-0.552 0.448-1 1-1h23c0.552 0 1 0.448 1 1s-0.448 1-1 1h-23c-0.552 0-1-0.448-1-1z\\"></path>
<path d=\\"M7 17c0-0.552 0.448-1 1-1h19c0.552 0 1 0.448 1 1s-0.448 1-1 1h-19c-0.552 0-1-0.448-1-1z\\"></path>
</symbol>
<symbol id=\\"icon-bundle\\" viewBox=\\"0 0 32 32\\">
<title>bundle</title>
<path d=\\"M14.658 2.553c0.845-0.422 1.839-0.422 2.683 0l11.105 5.553c0.339 0.169 0.553 0.516 0.553 0.894s-0.214 0.725-0.553 0.894l-11.106 5.553c-0.845 0.422-1.839 0.422-2.683 0l-11.106-5.553c-0.339-0.169-0.553-0.516-0.553-0.894s0.214-0.725 0.553-0.894l11.106-5.553zM16.447 4.342c-0.282-0.141-0.613-0.141-0.894 0l-9.317 4.658 9.317 4.658c0.281 0.141 0.613 0.141 0.894 0l9.317-4.658-9.317-4.658z\\"></path>
<path d=\\"M11.241 13.294l-5.206 2.937 9.473 5.344c0.305 0.172 0.678 0.172 0.983 0l9.473-5.344-5.206-2.937 0.983-1.742 6.75 3.808c0.314 0.177 0.509 0.51 0.509 0.871s-0.194 0.694-0.509 0.871l-11.017 6.215c-0.915 0.516-2.033 0.516-2.948 0l-11.017-6.215c-0.314-0.177-0.509-0.51-0.509-0.871s0.194-0.694 0.509-0.871l6.75-3.808 0.983 1.742z\\"></path>
<path d=\\"M6.191 22.846l4.265-2.187-0.913-1.78-6 3.077c-0.334 0.171-0.544 0.515-0.544 0.89s0.21 0.719 0.544 0.89l11.087 5.686c0.859 0.441 1.878 0.441 2.738 0l11.087-5.686c0.334-0.171 0.544-0.515 0.544-0.89s-0.21-0.719-0.544-0.89l-6-3.077-0.913 1.78 4.265 2.187-9.352 4.796c-0.287 0.147-0.626 0.147-0.913 0l-9.352-4.796z\\"></path>
</symbol>
<symbol id=\\"icon-device\\" viewBox=\\"0 0 32 32\\">
<title>device</title>
<path d=\\"M5 4c0-1.657 1.343-3 3-3h4c1.657 0 3 1.343 3 3v1h13c1.657 0 3 1.343 3 3v18c0 1.657-1.343 3-3 3h-13.171c-0.412 1.165-1.523 2-2.829 2h-4c-1.306 0-2.417-0.835-2.829-2h-1.171c-1.657 0-3-1.343-3-3v-18c0-1.657 1.343-3 3-3h1v-1zM5 7h-1c-0.552 0-1 0.448-1 1v18c0 0.552 0.448 1 1 1h1v-20zM15 27h13c0.552 0 1-0.448 1-1v-18c0-0.552-0.448-1-1-1h-13v20zM8 3c-0.552 0-1 0.448-1 1v24c0 0.552 0.448 1 1 1h4c0.552 0 1-0.448 1-1v-24c0-0.552-0.448-1-1-1h-4zM17 11c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM17 15c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM17 19c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM20 23c0-0.552 0.448-1 1-1h2c0.552 0 1 0.448 1 1s-0.448 1-1 1h-2c-0.552 0-1-0.448-1-1z\\"></path>
</symbol>
<symbol id=\\"icon-push-to-talk\\" viewBox=\\"0 0 32 32\\">
<title>push-to-talk</title>
<path d=\\"M11 1c0.552 0 1 0.448 1 1l-0.001 3.008 11.997 0.001c1.588 0 2.887 1.234 2.993 2.795l0.007 0.205v12.387c0 0.591-0.175 1.169-0.502 1.662l-1.543 2.317-0.686 4.119c-0.231 1.386-1.39 2.418-2.777 2.501l-0.182 0.006h-10.611c-1.467 0-2.718-1.060-2.959-2.507l-0.687-4.119-1.536-2.32c-0.285-0.43-0.453-0.924-0.491-1.436l-0.008-0.22v-12.389c0-1.657 1.343-3 3-3l1.986-0v-3.008c0-0.552 0.448-1 1-1zM23.996 7.009h-15.982c-0.552 0-1 0.448-1 1v12.389c0 0.196 0.058 0.388 0.166 0.552l1.772 2.676 0.756 4.539c0.080 0.482 0.498 0.836 0.986 0.836h10.611c0.489 0 0.906-0.354 0.986-0.836l0.757-4.54 1.78-2.675c0.109-0.164 0.167-0.357 0.167-0.554v-12.387c0-0.552-0.448-1-1-1l-0-0zM18 24c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1s0.448-1 1-1h4zM20 20c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1s0.448-1 1-1h8zM20.667 10.333c0.552 0 1 0.448 1 1v4.333c0 0.552-0.448 1-1 1h-9.333c-0.552 0-1-0.448-1-1v-4.333c0-0.552 0.448-1 1-1h9.333zM19.667 12.333h-7.333v2.333h7.333v-2.333z\\"></path>
</symbol>
<symbol id=\\"icon-mark-as-read_border\\" viewBox=\\"0 0 32 32\\">
<title>mark-as-read_border</title>
<path d=\\"M20 8c0-1.657 1.343-3 3-3s3 1.343 3 3v0c0 1.657-1.343 3-3 3s-3-1.343-3-3v0zM23 3c-2.761 0-5 2.239-5 5s2.239 5 5 5v0c2.761 0 5-2.239 5-5s-2.239-5-5-5v0zM6 7c0-0.552 0.448-1 1-1v0h7c0.552 0 1-0.448 1-1s-0.448-1-1-1v0h-7c-1.657 0-3 1.343-3 3v0 13c0 1.657 1.343 3 3 3v0h2v5c0 0 0 0 0 0 0 0.552 0.448 1 1 1 0.249 0 0.476-0.091 0.651-0.241l6.719-5.759h6.63c1.657 0 3-1.343 3-3v0-3c0-0.552-0.448-1-1-1s-1 0.448-1 1v0 3c0 0.552-0.448 1-1 1v0h-7c-0 0-0 0-0 0-0.249 0-0.476 0.091-0.651 0.241l0.001-0.001-5.35 4.587v-3.827c0-0.552-0.448-1-1-1v0h-3c-0.552 0-1-0.448-1-1v0-13z\\"></path>
Expand Down
7 changes: 7 additions & 0 deletions packages/juno-icon/assets/icon-bundle.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions packages/juno-icon/assets/icon-device.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions packages/juno-icon/assets/icon-payment-method.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions packages/juno-icon/assets/icon-purchase-cart.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions packages/juno-icon/assets/icon-push-to-talk.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion packages/juno-icon/devUtils/iconJsonSymbol.json

Large diffs are not rendered by default.

29 changes: 29 additions & 0 deletions packages/juno-icon/devUtils/iconSymbol.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,34 @@
export default `<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-payment-method" viewBox="0 0 32 32">
<title>payment-method</title>
<path d="M2 9c0-1.657 1.343-3 3-3h22c1.657 0 3 1.343 3 3v14c0 1.657-1.343 3-3 3h-22c-1.657 0-3-1.343-3-3v-14zM5 8c-0.552 0-1 0.448-1 1v14c0 0.552 0.448 1 1 1h22c0.552 0 1-0.448 1-1v-14c0-0.552-0.448-1-1-1h-22z"></path>
<path d="M3 12h26v4h-26v-4z"></path>
<path d="M6 21c0-0.552 0.448-1 1-1h6c0.552 0 1 0.448 1 1s-0.448 1-1 1h-6c-0.552 0-1-0.448-1-1z"></path>
</symbol>
<symbol id="icon-purchase-cart" viewBox="0 0 32 32">
<title>purchase-cart</title>
<path d="M10 28c-0.552 0-1-0.448-1-1s0.448-1 1-1c0.552 0 1 0.448 1 1s-0.448 1-1 1zM10 30c1.657 0 3-1.343 3-3s-1.343-3-3-3c-1.657 0-3 1.343-3 3s1.343 3 3 3z"></path>
<path d="M29.217 7.024c0.539 0.12 0.879 0.654 0.759 1.193l-2 9c-0.12 0.539-0.654 0.879-1.193 0.759s-0.879-0.654-0.759-1.193l2-9c0.12-0.539 0.654-0.879 1.193-0.759z"></path>
<path d="M2 3c0-0.552 0.448-1 1-1h2c0.489 0 0.906 0.353 0.986 0.836l2.861 17.164h18.153c0.552 0 1 0.448 1 1s-0.448 1-1 1h-19c-0.489 0-0.906-0.353-0.986-0.836l-2.861-17.164h-1.153c-0.552 0-1-0.448-1-1z"></path>
<path d="M24 28c-0.552 0-1-0.448-1-1s0.448-1 1-1c0.552 0 1 0.448 1 1s-0.448 1-1 1zM24 30c1.657 0 3-1.343 3-3s-1.343-3-3-3c-1.657 0-3 1.343-3 3s1.343 3 3 3z"></path>
<path d="M5 8c0-0.552 0.448-1 1-1h23c0.552 0 1 0.448 1 1s-0.448 1-1 1h-23c-0.552 0-1-0.448-1-1z"></path>
<path d="M7 17c0-0.552 0.448-1 1-1h19c0.552 0 1 0.448 1 1s-0.448 1-1 1h-19c-0.552 0-1-0.448-1-1z"></path>
</symbol>
<symbol id="icon-bundle" viewBox="0 0 32 32">
<title>bundle</title>
<path d="M14.658 2.553c0.845-0.422 1.839-0.422 2.683 0l11.105 5.553c0.339 0.169 0.553 0.516 0.553 0.894s-0.214 0.725-0.553 0.894l-11.106 5.553c-0.845 0.422-1.839 0.422-2.683 0l-11.106-5.553c-0.339-0.169-0.553-0.516-0.553-0.894s0.214-0.725 0.553-0.894l11.106-5.553zM16.447 4.342c-0.282-0.141-0.613-0.141-0.894 0l-9.317 4.658 9.317 4.658c0.281 0.141 0.613 0.141 0.894 0l9.317-4.658-9.317-4.658z"></path>
<path d="M11.241 13.294l-5.206 2.937 9.473 5.344c0.305 0.172 0.678 0.172 0.983 0l9.473-5.344-5.206-2.937 0.983-1.742 6.75 3.808c0.314 0.177 0.509 0.51 0.509 0.871s-0.194 0.694-0.509 0.871l-11.017 6.215c-0.915 0.516-2.033 0.516-2.948 0l-11.017-6.215c-0.314-0.177-0.509-0.51-0.509-0.871s0.194-0.694 0.509-0.871l6.75-3.808 0.983 1.742z"></path>
<path d="M6.191 22.846l4.265-2.187-0.913-1.78-6 3.077c-0.334 0.171-0.544 0.515-0.544 0.89s0.21 0.719 0.544 0.89l11.087 5.686c0.859 0.441 1.878 0.441 2.738 0l11.087-5.686c0.334-0.171 0.544-0.515 0.544-0.89s-0.21-0.719-0.544-0.89l-6-3.077-0.913 1.78 4.265 2.187-9.352 4.796c-0.287 0.147-0.626 0.147-0.913 0l-9.352-4.796z"></path>
</symbol>
<symbol id="icon-device" viewBox="0 0 32 32">
<title>device</title>
<path d="M5 4c0-1.657 1.343-3 3-3h4c1.657 0 3 1.343 3 3v1h13c1.657 0 3 1.343 3 3v18c0 1.657-1.343 3-3 3h-13.171c-0.412 1.165-1.523 2-2.829 2h-4c-1.306 0-2.417-0.835-2.829-2h-1.171c-1.657 0-3-1.343-3-3v-18c0-1.657 1.343-3 3-3h1v-1zM5 7h-1c-0.552 0-1 0.448-1 1v18c0 0.552 0.448 1 1 1h1v-20zM15 27h13c0.552 0 1-0.448 1-1v-18c0-0.552-0.448-1-1-1h-13v20zM8 3c-0.552 0-1 0.448-1 1v24c0 0.552 0.448 1 1 1h4c0.552 0 1-0.448 1-1v-24c0-0.552-0.448-1-1-1h-4zM17 11c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM17 15c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM17 19c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM20 23c0-0.552 0.448-1 1-1h2c0.552 0 1 0.448 1 1s-0.448 1-1 1h-2c-0.552 0-1-0.448-1-1z"></path>
</symbol>
<symbol id="icon-push-to-talk" viewBox="0 0 32 32">
<title>push-to-talk</title>
<path d="M11 1c0.552 0 1 0.448 1 1l-0.001 3.008 11.997 0.001c1.588 0 2.887 1.234 2.993 2.795l0.007 0.205v12.387c0 0.591-0.175 1.169-0.502 1.662l-1.543 2.317-0.686 4.119c-0.231 1.386-1.39 2.418-2.777 2.501l-0.182 0.006h-10.611c-1.467 0-2.718-1.060-2.959-2.507l-0.687-4.119-1.536-2.32c-0.285-0.43-0.453-0.924-0.491-1.436l-0.008-0.22v-12.389c0-1.657 1.343-3 3-3l1.986-0v-3.008c0-0.552 0.448-1 1-1zM23.996 7.009h-15.982c-0.552 0-1 0.448-1 1v12.389c0 0.196 0.058 0.388 0.166 0.552l1.772 2.676 0.756 4.539c0.080 0.482 0.498 0.836 0.986 0.836h10.611c0.489 0 0.906-0.354 0.986-0.836l0.757-4.54 1.78-2.675c0.109-0.164 0.167-0.357 0.167-0.554v-12.387c0-0.552-0.448-1-1-1l-0-0zM18 24c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1s0.448-1 1-1h4zM20 20c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1s0.448-1 1-1h8zM20.667 10.333c0.552 0 1 0.448 1 1v4.333c0 0.552-0.448 1-1 1h-9.333c-0.552 0-1-0.448-1-1v-4.333c0-0.552 0.448-1 1-1h9.333zM19.667 12.333h-7.333v2.333h7.333v-2.333z"></path>
</symbol>
<symbol id="icon-mark-as-read_border" viewBox="0 0 32 32">
<title>mark-as-read_border</title>
<path d="M20 8c0-1.657 1.343-3 3-3s3 1.343 3 3v0c0 1.657-1.343 3-3 3s-3-1.343-3-3v0zM23 3c-2.761 0-5 2.239-5 5s2.239 5 5 5v0c2.761 0 5-2.239 5-5s-2.239-5-5-5v0zM6 7c0-0.552 0.448-1 1-1v0h7c0.552 0 1-0.448 1-1s-0.448-1-1-1v0h-7c-1.657 0-3 1.343-3 3v0 13c0 1.657 1.343 3 3 3v0h2v5c0 0 0 0 0 0 0 0.552 0.448 1 1 1 0.249 0 0.476-0.091 0.651-0.241l6.719-5.759h6.63c1.657 0 3-1.343 3-3v0-3c0-0.552-0.448-1-1-1s-1 0.448-1 1v0 3c0 0.552-0.448 1-1 1v0h-7c-0 0-0 0-0 0-0.249 0-0.476 0.091-0.651 0.241l0.001-0.001-5.35 4.587v-3.827c0-0.552-0.448-1-1-1v0h-3c-0.552 0-1-0.448-1-1v0-13z"></path>
Expand Down
5 changes: 5 additions & 0 deletions packages/juno-icon/devUtils/svgToComponentMapping.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,11 @@ module.exports = {
'7': '7',
'8': '8',
'9': '9',
PaymentMethod: 'payment-method',
PurchaseCart: 'purchase-cart',
Bundle: 'bundle',
Device: 'device',
PushToTalk: 'push-to-talk',
MarkAsReadBorder: 'mark-as-read_border',
Update: 'update',
Conversion: 'conversion',
Expand Down
20 changes: 20 additions & 0 deletions packages/juno-icon/src/Bundle.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import * as React from 'react';
import { SVGProps, Ref, forwardRef, memo } from 'react';

const Bundle = memo(
forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
ref={ref}
{...props}
>
<path d="M14.658 2.553a3.001 3.001 0 0 1 2.683 0l11.105 5.553a1 1 0 0 1 0 1.788L17.34 15.447a3.001 3.001 0 0 1-2.683 0L3.551 9.894a1 1 0 0 1 0-1.788l11.106-5.553zm1.789 1.789a.998.998 0 0 0-.894 0L6.236 9l9.317 4.658a.998.998 0 0 0 .894 0L25.764 9l-9.317-4.658z" />
<path d="m11.241 13.294-5.206 2.937 9.473 5.344a1 1 0 0 0 .983 0l9.473-5.344-5.206-2.937.983-1.742 6.75 3.808a1 1 0 0 1 0 1.742l-11.017 6.215a3 3 0 0 1-2.948 0L3.509 17.102a1 1 0 0 1 0-1.742l6.75-3.808.983 1.742z" />
<path d="m6.191 22.846 4.265-2.187-.913-1.78-6 3.077a1 1 0 0 0 0 1.78l11.087 5.686a2.999 2.999 0 0 0 2.738 0l11.087-5.686a1 1 0 0 0 0-1.78l-6-3.077-.913 1.78 4.265 2.187-9.352 4.796a1 1 0 0 1-.913 0L6.19 22.846z" />
</svg>
)),
);
Bundle.displayName = 'Bundle';
Bundle['iconName'] = 'bundle';
export default Bundle;
18 changes: 18 additions & 0 deletions packages/juno-icon/src/Device.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import * as React from 'react';
import { SVGProps, Ref, forwardRef, memo } from 'react';

const Device = memo(
forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
ref={ref}
{...props}
>
<path d="M5 4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1h13a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H14.829A3.001 3.001 0 0 1 12 31H8a3.001 3.001 0 0 1-2.829-2H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4zm0 3H4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h1V7zm10 20h13a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H15v20zM8 3a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H8zm9 8a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1zm3 4a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1z" />
</svg>
)),
);
Device.displayName = 'Device';
Device['iconName'] = 'device';
export default Device;
19 changes: 19 additions & 0 deletions packages/juno-icon/src/PaymentMethod.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import * as React from 'react';
import { SVGProps, Ref, forwardRef, memo } from 'react';

const PaymentMethod = memo(
forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
ref={ref}
{...props}
>
<path d="M2 9a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H5z" />
<path d="M3 12h26v4H3v-4zM6 21a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H7a1 1 0 0 1-1-1z" />
</svg>
)),
);
PaymentMethod.displayName = 'PaymentMethod';
PaymentMethod['iconName'] = 'payment-method';
export default PaymentMethod;
Loading

0 comments on commit c6c749c

Please sign in to comment.