From 5cd6b6b7c5c246225646a1c446431c4751b85b39 Mon Sep 17 00:00:00 2001
From: Jed Fox <git@jedfox.com>
Date: Wed, 19 Jul 2023 18:57:50 -0400
Subject: [PATCH] Update to the latest SVGR version & re-generate all icons
 (#1368)

Co-authored-by: biohzrddd <10577752+biohzrddd@users.noreply.github.com>
---
 packages/desktop-client/package.json          |   3 +-
 .../src/components/AnimatedRefresh.js         |   6 +-
 .../src/components/FinancesApp.tsx            |   6 +-
 .../src/components/NotesButton.tsx            |   2 +-
 .../src/components/SidebarWithData.js         |   6 +-
 .../desktop-client/src/components/Titlebar.js |   8 +-
 .../components/accounts/AccountSyncCheck.js   |   9 +-
 .../src/components/accounts/Header.js         |  35 +-
 .../accounts/MobileAccountDetails.js          |  13 +-
 .../desktop-client/src/components/alerts.tsx  |   2 +-
 .../autocomplete/CategorySelect.tsx           |   6 +-
 .../autocomplete/PayeeAutocomplete.js         |   6 +-
 .../budget/BalanceWithCarryover.tsx           |   4 +-
 .../components/budget/MobileBudgetTable.js    |   2 +-
 .../components/budget/MonthCountSelector.js   |   2 +-
 .../src/components/common/Button.tsx          |   5 +-
 .../src/components/common/MenuButton.tsx      |   2 +-
 .../src/components/filters/FiltersMenu.js     |   8 +-
 .../src/components/manager/BudgetList.js      |   6 +-
 .../modals/GoCardlessExternalMsg.js           |   2 +-
 .../src/components/payees/index.js            |   2 +-
 .../components/schedules/SchedulesTable.js    |   2 +-
 .../src/components/schedules/StatusBadge.js   |   1 -
 .../desktop-client/src/components/sidebar.js  |  14 +-
 .../desktop-client/src/components/table.tsx   |   5 +-
 .../transactions/TransactionsTable.js         |  25 +-
 packages/desktop-client/src/icons/.svgrrc.js  |  34 +-
 .../desktop-client/src/icons/generate-new.sh  |   4 -
 .../desktop-client/src/icons/logo/Logo.js     |  10 +-
 packages/desktop-client/src/icons/v0/Add.js   |   4 +-
 .../desktop-client/src/icons/v0/Delete.js     |   8 +-
 .../src/icons/v0/ExpandArrow.js               |   4 +-
 .../desktop-client/src/icons/v0/LeftArrow2.js |   4 +-
 packages/desktop-client/src/icons/v0/Math.js  |   4 +-
 packages/desktop-client/src/icons/v0/Merge.js |  12 +-
 .../src/icons/v0/RightArrow2.js               |   4 +-
 packages/desktop-client/src/icons/v0/Split.js |  12 +-
 .../desktop-client/src/icons/v0/Subtract.js   |   4 +-
 packages/desktop-client/src/icons/v1/Add.js   |  10 +-
 .../desktop-client/src/icons/v1/AddOutline.js |   4 +-
 .../desktop-client/src/icons/v1/AddSolid.js   |   4 +-
 .../desktop-client/src/icons/v1/Adjust.js     |   4 +-
 .../desktop-client/src/icons/v1/Airplane.js   |   4 +-
 packages/desktop-client/src/icons/v1/Album.js |   4 +-
 .../src/icons/v1/AlignCenter.js               |   4 +-
 .../src/icons/v1/AlignJustified.js            |   4 +-
 .../desktop-client/src/icons/v1/AlignLeft.js  |   4 +-
 .../desktop-client/src/icons/v1/AlignRight.js |   4 +-
 .../desktop-client/src/icons/v1/Anchor.js     |   4 +-
 .../src/icons/v1/Announcement.js              |   4 +-
 .../desktop-client/src/icons/v1/Apparel.js    |   4 +-
 .../desktop-client/src/icons/v1/ArrowDown.js  |   4 +-
 .../desktop-client/src/icons/v1/ArrowLeft.js  |   4 +-
 .../src/icons/v1/ArrowOutlineDown.js          |   4 +-
 .../src/icons/v1/ArrowOutlineLeft.js          |   4 +-
 .../src/icons/v1/ArrowOutlineRight.js         |   4 +-
 .../src/icons/v1/ArrowOutlineUp.js            |   4 +-
 .../desktop-client/src/icons/v1/ArrowRight.js |   4 +-
 .../src/icons/v1/ArrowThickDown.js            |   4 +-
 .../src/icons/v1/ArrowThickLeft.js            |   4 +-
 .../src/icons/v1/ArrowThickRight.js           |   4 +-
 .../src/icons/v1/ArrowThickUp.js              |   4 +-
 .../src/icons/v1/ArrowThinDown.js             |   4 +-
 .../src/icons/v1/ArrowThinLeft.js             |   4 +-
 .../src/icons/v1/ArrowThinRight.js            |   4 +-
 .../src/icons/v1/ArrowThinUp.js               |   4 +-
 .../desktop-client/src/icons/v1/ArrowUp.js    |   4 +-
 .../desktop-client/src/icons/v1/Artist.js     |   4 +-
 .../desktop-client/src/icons/v1/AtSymbol.js   |   4 +-
 .../desktop-client/src/icons/v1/Attachment.js |   4 +-
 .../desktop-client/src/icons/v1/Backspace.js  |   4 +-
 .../desktop-client/src/icons/v1/Backward.js   |   4 +-
 .../src/icons/v1/BackwardStep.js              |   4 +-
 packages/desktop-client/src/icons/v1/Badge.js |   4 +-
 .../src/icons/v1/BatteryFull.js               |   4 +-
 .../src/icons/v1/BatteryHalf.js               |   4 +-
 .../desktop-client/src/icons/v1/BatteryLow.js |   4 +-
 .../desktop-client/src/icons/v1/Beverage.js   |   4 +-
 packages/desktop-client/src/icons/v1/Block.js |   4 +-
 .../desktop-client/src/icons/v1/Bluetooth.js  |   4 +-
 packages/desktop-client/src/icons/v1/Bolt.js  |   4 +-
 .../src/icons/v1/BookReference.js             |   4 +-
 .../desktop-client/src/icons/v1/Bookmark.js   |   4 +-
 .../src/icons/v1/BookmarkCopy2.js             |   4 +-
 .../src/icons/v1/BookmarkCopy3.js             |   4 +-
 .../src/icons/v1/BookmarkOutline.js           |   4 +-
 .../src/icons/v1/BookmarkOutlineAdd.js        |   4 +-
 .../desktop-client/src/icons/v1/BorderAll.js  |   4 +-
 .../src/icons/v1/BorderBottom.js              |   4 +-
 .../src/icons/v1/BorderHorizontal.js          |   4 +-
 .../src/icons/v1/BorderInner.js               |   4 +-
 .../desktop-client/src/icons/v1/BorderLeft.js |   4 +-
 .../desktop-client/src/icons/v1/BorderNone.js |   4 +-
 .../src/icons/v1/BorderOuter.js               |   4 +-
 .../src/icons/v1/BorderRight.js               |   4 +-
 .../desktop-client/src/icons/v1/BorderTop.js  |   4 +-
 .../src/icons/v1/BorderVertical.js            |   4 +-
 packages/desktop-client/src/icons/v1/Box.js   |   4 +-
 .../src/icons/v1/BrightnessDown.js            |   4 +-
 .../src/icons/v1/BrightnessUp.js              |   4 +-
 .../src/icons/v1/BrowserWindow.js             |   4 +-
 .../src/icons/v1/BrowserWindowNew.js          |   4 +-
 .../src/icons/v1/BrowserWindowOpen.js         |   4 +-
 packages/desktop-client/src/icons/v1/Bug.js   |   4 +-
 packages/desktop-client/src/icons/v1/Buoy.js  |   4 +-
 .../desktop-client/src/icons/v1/Calculator.js |   4 +-
 .../desktop-client/src/icons/v1/Calendar.js   |   4 +-
 .../desktop-client/src/icons/v1/Camera.js     |   4 +-
 packages/desktop-client/src/icons/v1/Chart.js |   4 +-
 .../desktop-client/src/icons/v1/ChartBar.js   |   4 +-
 .../desktop-client/src/icons/v1/ChartPie.js   |   4 +-
 .../src/icons/v1/ChatBubbleDots.js            |   4 +-
 .../src/icons/v1/CheckAlternative.js          |   4 +-
 .../desktop-client/src/icons/v1/Checkmark.js  |   4 +-
 .../src/icons/v1/CheckmarkOutline.js          |   4 +-
 .../src/icons/v1/CheveronDown.js              |   4 +-
 .../src/icons/v1/CheveronLeft.js              |   4 +-
 .../src/icons/v1/CheveronOutlineDown.js       |   4 +-
 .../src/icons/v1/CheveronOutlineLeft.js       |   4 +-
 .../src/icons/v1/CheveronOutlineRight.js      |   4 +-
 .../src/icons/v1/CheveronOutlineUp.js         |   4 +-
 .../src/icons/v1/CheveronRight.js             |   4 +-
 .../desktop-client/src/icons/v1/CheveronUp.js |   4 +-
 .../desktop-client/src/icons/v1/Clipboard.js  |   4 +-
 packages/desktop-client/src/icons/v1/Close.js |   4 +-
 .../src/icons/v1/CloseOutline.js              |   4 +-
 .../desktop-client/src/icons/v1/CloseSolid.js |   4 +-
 packages/desktop-client/src/icons/v1/Cloud.js |   4 +-
 .../desktop-client/src/icons/v1/CloudCheck.js |   4 +-
 .../src/icons/v1/CloudDownload.js             |   4 +-
 .../src/icons/v1/CloudUpload.js               |   4 +-
 .../src/icons/v1/CloudWarning.js              |   4 +-
 packages/desktop-client/src/icons/v1/Code.js  |   4 +-
 .../desktop-client/src/icons/v1/Coffee.js     |   4 +-
 packages/desktop-client/src/icons/v1/Cog.js   |   4 +-
 .../src/icons/v1/ColorPalette.js              |   4 +-
 .../desktop-client/src/icons/v1/Compose.js    |   4 +-
 .../src/icons/v1/ComputerDesktop.js           |   4 +-
 .../src/icons/v1/ComputerLaptop.js            |   4 +-
 .../src/icons/v1/Conversation.js              |   4 +-
 packages/desktop-client/src/icons/v1/Copy.js  |   4 +-
 .../desktop-client/src/icons/v1/CreditCard.js |   4 +-
 .../src/icons/v1/CurrencyDollar.js            |   4 +-
 .../desktop-client/src/icons/v1/Dashboard.js  |   4 +-
 .../desktop-client/src/icons/v1/DateAdd.js    |   4 +-
 .../desktop-client/src/icons/v1/DialPad.js    |   4 +-
 .../desktop-client/src/icons/v1/Directions.js |   4 +-
 .../desktop-client/src/icons/v1/Document.js   |   4 +-
 .../src/icons/v1/DocumentAdd.js               |   4 +-
 .../src/icons/v1/DotsHorizontalDouble.js      |   4 +-
 .../src/icons/v1/DotsHorizontalTriple.js      |   4 +-
 .../desktop-client/src/icons/v1/Download.js   |   4 +-
 .../desktop-client/src/icons/v1/Duplicate.js  |   4 +-
 .../desktop-client/src/icons/v1/EditCopy.js   |   4 +-
 .../desktop-client/src/icons/v1/EditCrop.js   |   4 +-
 .../desktop-client/src/icons/v1/EditCut.js    |   4 +-
 .../desktop-client/src/icons/v1/EditPencil.js |   4 +-
 .../desktop-client/src/icons/v1/Education.js  |   4 +-
 .../desktop-client/src/icons/v1/Envelope.js   |   4 +-
 .../desktop-client/src/icons/v1/Equals.js     |  10 +-
 .../src/icons/v1/ExclamationOutline.js        |   4 +-
 .../src/icons/v1/ExclamationSolid.js          |   4 +-
 .../desktop-client/src/icons/v1/Explore.js    |   4 +-
 .../desktop-client/src/icons/v1/Factory.js    |   4 +-
 .../src/icons/v1/FastForward.js               |   4 +-
 .../desktop-client/src/icons/v1/FastRewind.js |   4 +-
 .../desktop-client/src/icons/v1/FileDouble.js |   4 +-
 packages/desktop-client/src/icons/v1/Film.js  |   4 +-
 .../desktop-client/src/icons/v1/Filter.js     |   4 +-
 packages/desktop-client/src/icons/v1/Flag.js  |   4 +-
 .../desktop-client/src/icons/v1/Flashlight.js |   4 +-
 .../desktop-client/src/icons/v1/Folder.js     |   4 +-
 .../src/icons/v1/FolderOutline.js             |   4 +-
 .../src/icons/v1/FolderOutlineAdd.js          |   4 +-
 .../desktop-client/src/icons/v1/FormatBold.js |   4 +-
 .../src/icons/v1/FormatFontSize.js            |   4 +-
 .../src/icons/v1/FormatItalic.js              |   4 +-
 .../src/icons/v1/FormatTextSize.js            |   4 +-
 .../src/icons/v1/FormatUnderline.js           |   4 +-
 .../desktop-client/src/icons/v1/Forward.js    |   4 +-
 .../src/icons/v1/ForwardStep.js               |   4 +-
 packages/desktop-client/src/icons/v1/Gift.js  |   4 +-
 packages/desktop-client/src/icons/v1/Globe.js |   4 +-
 .../desktop-client/src/icons/v1/HandStop.js   |   4 +-
 .../desktop-client/src/icons/v1/HardDrive.js  |   4 +-
 .../desktop-client/src/icons/v1/Headphones.js |   4 +-
 packages/desktop-client/src/icons/v1/Heart.js |   4 +-
 packages/desktop-client/src/icons/v1/Home.js  |   4 +-
 packages/desktop-client/src/icons/v1/Hot.js   |   4 +-
 .../desktop-client/src/icons/v1/HourGlass.js  |   4 +-
 packages/desktop-client/src/icons/v1/Inbox.js |   4 +-
 .../desktop-client/src/icons/v1/InboxCheck.js |   4 +-
 .../src/icons/v1/InboxDownload.js             |   4 +-
 .../desktop-client/src/icons/v1/InboxFull.js  |   4 +-
 .../src/icons/v1/IndentDecrease.js            |   4 +-
 .../src/icons/v1/IndentIncrease.js            |   4 +-
 .../src/icons/v1/InformationOutline.js        |   4 +-
 .../src/icons/v1/InformationSolid.js          |   4 +-
 packages/desktop-client/src/icons/v1/Key.js   |   4 +-
 .../desktop-client/src/icons/v1/Keyboard.js   |   4 +-
 .../desktop-client/src/icons/v1/Layers.js     |   4 +-
 .../desktop-client/src/icons/v1/Library.js    |   4 +-
 .../desktop-client/src/icons/v1/LightBulb.js  |   4 +-
 packages/desktop-client/src/icons/v1/Link.js  |   4 +-
 packages/desktop-client/src/icons/v1/List.js  |   4 +-
 .../desktop-client/src/icons/v1/ListAdd.js    |   4 +-
 .../desktop-client/src/icons/v1/ListBullet.js |   4 +-
 .../src/icons/v1/LoadBalancer.js              |   4 +-
 .../desktop-client/src/icons/v1/Location.js   |   4 +-
 .../src/icons/v1/LocationCurrent.js           |   4 +-
 .../src/icons/v1/LocationFood.js              |   4 +-
 .../src/icons/v1/LocationGasStation.js        |   4 +-
 .../src/icons/v1/LocationHotel.js             |   4 +-
 .../src/icons/v1/LocationMarina.js            |   4 +-
 .../src/icons/v1/LocationPark.js              |   4 +-
 .../src/icons/v1/LocationRestroom.js          |   4 +-
 .../src/icons/v1/LocationShopping.js          |   4 +-
 .../desktop-client/src/icons/v1/LockClosed.js |   4 +-
 .../desktop-client/src/icons/v1/LockOpen.js   |   4 +-
 packages/desktop-client/src/icons/v1/Map.js   |   4 +-
 packages/desktop-client/src/icons/v1/Menu.js  |   4 +-
 packages/desktop-client/src/icons/v1/Mic.js   |   4 +-
 .../src/icons/v1/MinusOutline.js              |   4 +-
 .../desktop-client/src/icons/v1/MinusSolid.js |   4 +-
 .../src/icons/v1/MobileDevices.js             |   4 +-
 .../desktop-client/src/icons/v1/MoneyBag.js   |   4 +-
 .../src/icons/v1/MoodHappyOutline.js          |   4 +-
 .../src/icons/v1/MoodHappySolid.js            |   4 +-
 .../src/icons/v1/MoodNeutralOutline.js        |   4 +-
 .../src/icons/v1/MoodNeutralSolid.js          |   4 +-
 .../src/icons/v1/MoodSadOutline.js            |   4 +-
 .../src/icons/v1/MoodSadSolid.js              |   4 +-
 packages/desktop-client/src/icons/v1/Mouse.js |   4 +-
 .../desktop-client/src/icons/v1/MoveBack.js   |   4 +-
 .../desktop-client/src/icons/v1/MusicAlbum.js |   4 +-
 .../src/icons/v1/MusicArtist.js               |   4 +-
 .../desktop-client/src/icons/v1/MusicNotes.js |   4 +-
 .../src/icons/v1/MusicPlaylist.js             |   4 +-
 .../src/icons/v1/NavigationMore.js            |   4 +-
 .../desktop-client/src/icons/v1/Network.js    |   4 +-
 .../desktop-client/src/icons/v1/NewsPaper.js  |   4 +-
 .../src/icons/v1/Notification.js              |   4 +-
 .../src/icons/v1/Notifications.js             |   4 +-
 .../src/icons/v1/NotificationsOutline.js      |   4 +-
 packages/desktop-client/src/icons/v1/Paste.js |   4 +-
 packages/desktop-client/src/icons/v1/Pause.js |   4 +-
 .../src/icons/v1/PauseOutline.js              |   4 +-
 .../desktop-client/src/icons/v1/PauseSolid.js |   4 +-
 .../desktop-client/src/icons/v1/PenTool.js    |   4 +-
 .../src/icons/v1/PencilWrite.js               |   4 +-
 packages/desktop-client/src/icons/v1/Phone.js |   4 +-
 packages/desktop-client/src/icons/v1/Photo.js |   4 +-
 .../src/icons/v1/PhpElephant.js               |   4 +-
 .../desktop-client/src/icons/v1/PiggyBank.js  |   8 +-
 packages/desktop-client/src/icons/v1/Pin.js   |   4 +-
 packages/desktop-client/src/icons/v1/Play.js  |   4 +-
 .../src/icons/v1/PlayOutline.js               |   4 +-
 .../desktop-client/src/icons/v1/Playlist.js   |   4 +-
 .../desktop-client/src/icons/v1/Plugin.js     |   4 +-
 .../desktop-client/src/icons/v1/Portfolio.js  |   4 +-
 .../desktop-client/src/icons/v1/Printer.js    |   4 +-
 packages/desktop-client/src/icons/v1/Pylon.js |   4 +-
 .../desktop-client/src/icons/v1/Question.js   |   4 +-
 packages/desktop-client/src/icons/v1/Queue.js |   4 +-
 packages/desktop-client/src/icons/v1/Radar.js |   4 +-
 .../desktop-client/src/icons/v1/RadarCopy2.js |   4 +-
 packages/desktop-client/src/icons/v1/Radio.js |   4 +-
 .../desktop-client/src/icons/v1/Refresh.js    |   4 +-
 .../desktop-client/src/icons/v1/Reload.js     |   4 +-
 packages/desktop-client/src/icons/v1/Reply.js |   4 +-
 .../desktop-client/src/icons/v1/ReplyAll.js   |   4 +-
 .../desktop-client/src/icons/v1/Reports.js    |   6 +-
 .../desktop-client/src/icons/v1/Repost.js     |   4 +-
 .../desktop-client/src/icons/v1/SaveDisk.js   |   4 +-
 .../desktop-client/src/icons/v1/ScreenFull.js |   4 +-
 .../desktop-client/src/icons/v1/Search.js     |   4 +-
 packages/desktop-client/src/icons/v1/Send.js  |   4 +-
 .../desktop-client/src/icons/v1/Servers.js    |   4 +-
 packages/desktop-client/src/icons/v1/Share.js |   4 +-
 .../desktop-client/src/icons/v1/Share01.js    |   4 +-
 .../desktop-client/src/icons/v1/ShareAlt.js   |   4 +-
 .../desktop-client/src/icons/v1/Shield.js     |   4 +-
 .../src/icons/v1/ShoppingCart.js              |   4 +-
 .../src/icons/v1/ShowSidebar.js               |   4 +-
 .../desktop-client/src/icons/v1/Shuffle.js    |   4 +-
 .../desktop-client/src/icons/v1/StandBy.js    |   4 +-
 .../desktop-client/src/icons/v1/StarFull.js   |   4 +-
 .../desktop-client/src/icons/v1/Station.js    |   4 +-
 .../src/icons/v1/StepBackward.js              |   4 +-
 .../src/icons/v1/StepForward.js               |   4 +-
 .../src/icons/v1/Stethoscope.js               |   4 +-
 .../desktop-client/src/icons/v1/StoreFront.js |   4 +-
 .../src/icons/v1/StrokeWidth.js               |   4 +-
 .../src/icons/v1/SubdirectoryLeft.js          |   4 +-
 .../src/icons/v1/SubdirectoryRight.js         |   4 +-
 .../desktop-client/src/icons/v1/Subtract.js   |  10 +-
 packages/desktop-client/src/icons/v1/Swap.js  |   4 +-
 .../desktop-client/src/icons/v1/Tablet.js     |   4 +-
 packages/desktop-client/src/icons/v1/Tag.js   |   4 +-
 .../desktop-client/src/icons/v1/Target.js     |   4 +-
 .../desktop-client/src/icons/v1/TextBox.js    |   4 +-
 .../src/icons/v1/TextDecoration.js            |   4 +-
 .../src/icons/v1/Thermometer.js               |   4 +-
 .../desktop-client/src/icons/v1/ThumbsDown.js |   4 +-
 .../desktop-client/src/icons/v1/ThumbsUp.js   |   4 +-
 .../desktop-client/src/icons/v1/Ticket.js     |   4 +-
 packages/desktop-client/src/icons/v1/Time.js  |   4 +-
 packages/desktop-client/src/icons/v1/Timer.js |   4 +-
 .../desktop-client/src/icons/v1/ToolsCopy.js  |   4 +-
 .../desktop-client/src/icons/v1/Translate.js  |   4 +-
 packages/desktop-client/src/icons/v1/Trash.js |   4 +-
 .../desktop-client/src/icons/v1/Travel.js     |   4 +-
 .../desktop-client/src/icons/v1/TravelBus.js  |   4 +-
 .../desktop-client/src/icons/v1/TravelCar.js  |   4 +-
 .../desktop-client/src/icons/v1/TravelCase.js |   4 +-
 .../src/icons/v1/TravelTaxiCab.js             |   4 +-
 .../src/icons/v1/TravelTrain.js               |   4 +-
 .../desktop-client/src/icons/v1/TravelWalk.js |   4 +-
 .../desktop-client/src/icons/v1/Trophy.js     |   4 +-
 .../desktop-client/src/icons/v1/Tuning.js     |   4 +-
 .../desktop-client/src/icons/v1/Upload.js     |   4 +-
 packages/desktop-client/src/icons/v1/Usb.js   |   4 +-
 packages/desktop-client/src/icons/v1/User.js  |   4 +-
 .../desktop-client/src/icons/v1/UserAdd.js    |   4 +-
 .../desktop-client/src/icons/v1/UserGroup.js  |   4 +-
 .../src/icons/v1/UserSolidCircle.js           |   4 +-
 .../src/icons/v1/UserSolidSquare.js           |   4 +-
 .../desktop-client/src/icons/v1/Vector.js     |   4 +-
 .../src/icons/v1/VideoCamera.js               |   4 +-
 .../src/icons/v1/ViewCarousel.js              |   4 +-
 .../desktop-client/src/icons/v1/ViewColumn.js |   4 +-
 .../desktop-client/src/icons/v1/ViewHide.js   |   4 +-
 .../desktop-client/src/icons/v1/ViewList.js   |   4 +-
 .../desktop-client/src/icons/v1/ViewShow.js   |   4 +-
 .../desktop-client/src/icons/v1/ViewTile.js   |   4 +-
 .../desktop-client/src/icons/v1/VolumeDown.js |   4 +-
 .../desktop-client/src/icons/v1/VolumeMute.js |   4 +-
 .../desktop-client/src/icons/v1/VolumeOff.js  |   4 +-
 .../desktop-client/src/icons/v1/VolumeUp.js   |   4 +-
 .../desktop-client/src/icons/v1/Wallet.js     |   4 +-
 packages/desktop-client/src/icons/v1/Watch.js |   4 +-
 .../desktop-client/src/icons/v1/Window.js     |   4 +-
 .../desktop-client/src/icons/v1/WindowNew.js  |   4 +-
 .../desktop-client/src/icons/v1/WindowOpen.js |   4 +-
 .../desktop-client/src/icons/v1/Wrench.js     |   4 +-
 .../desktop-client/src/icons/v1/YinYang.js    |   4 +-
 .../desktop-client/src/icons/v1/ZoomIn.js     |   4 +-
 .../desktop-client/src/icons/v1/ZoomOut.js    |   4 +-
 .../src/icons/v2/AlertTriangle.js             |   4 +-
 .../src/icons/v2/ArrowButtonDown1.js          |   4 +-
 .../src/icons/v2/ArrowButtonLeft1.js          |   4 +-
 .../src/icons/v2/ArrowButtonRight1.js         |   4 +-
 .../src/icons/v2/ArrowButtonUp1.js            |   4 +-
 .../src/icons/v2/ArrowsExpand3.js             |  10 +-
 .../src/icons/v2/ArrowsShrink3.js             |  10 +-
 .../src/icons/v2/ArrowsSynchronize.js         |   6 +-
 .../desktop-client/src/icons/v2/Calendar.js   |   4 +-
 .../desktop-client/src/icons/v2/Calendar3.js  |   4 +-
 packages/desktop-client/src/icons/v2/Check.js |   8 +-
 .../src/icons/v2/CheckCircle1.js              |   4 +-
 .../src/icons/v2/CheckCircleHollow.js         |   4 +-
 .../src/icons/v2/CloudUnknown.js              |   4 +-
 .../src/icons/v2/CloudUpload.js               |   4 +-
 .../src/icons/v2/CustomNotesPaper.js          |   8 +-
 .../src/icons/v2/DownloadThickBottom.js       |   4 +-
 .../desktop-client/src/icons/v2/EditSkull1.js |   6 +-
 packages/desktop-client/src/icons/v2/Eye.js   |  22 +-
 .../desktop-client/src/icons/v2/EyeSlashed.js |  11 +-
 .../src/icons/v2/FavoriteStar.js              |   6 +-
 .../desktop-client/src/icons/v2/Filter2.js    |   4 +-
 .../desktop-client/src/icons/v2/Hyperlink2.js |   4 +-
 .../desktop-client/src/icons/v2/Hyperlink3.js |   4 +-
 .../src/icons/v2/InformationCircle.js         |   4 +-
 packages/desktop-client/src/icons/v2/Key.js   |   4 +-
 .../src/icons/v2/NavigationMenu.js            |  16 +-
 .../desktop-client/src/icons/v2/NotesPaper.js |   4 +-
 .../src/icons/v2/NotesPaperText.js            |   4 +-
 .../desktop-client/src/icons/v2/Pencil1.js    |   4 +-
 .../src/icons/v2/PencilWriteAlternate.js      |   4 +-
 .../src/icons/v2/RefreshArrow.js              |   4 +-
 .../desktop-client/src/icons/v2/Remove.js     |   4 +-
 .../src/icons/v2/RemoveAlternate.js           |   4 +-
 .../desktop-client/src/icons/v2/Search1.js    |   4 +-
 .../src/icons/v2/SearchAlternate.js           |   4 +-
 .../src/icons/v2/SettingsSliderAlternate.js   |   8 +-
 .../desktop-client/src/icons/v2/Subtract.js   |   4 +-
 .../src/icons/v2/UploadThickBottom.js         |   4 +-
 .../src/icons/v2/ValidationCheck.js           |   6 +-
 packages/desktop-client/src/icons/v2/eye.svg  |   2 +-
 upcoming-release-notes/1368.md                |   6 +
 yarn.lock                                     | 488 +++++++++++++-----
 391 files changed, 860 insertions(+), 1415 deletions(-)
 delete mode 100755 packages/desktop-client/src/icons/generate-new.sh
 create mode 100644 upcoming-release-notes/1368.md

diff --git a/packages/desktop-client/package.json b/packages/desktop-client/package.json
index 855dedb08..49da41b39 100644
--- a/packages/desktop-client/package.json
+++ b/packages/desktop-client/package.json
@@ -14,7 +14,7 @@
     "@react-aria/utils": "^3.13.3",
     "@react-stately/collections": "^3.4.3",
     "@react-stately/list": "^3.5.3",
-    "@svgr/cli": "^6.5.1",
+    "@svgr/cli": "^8.0.1",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
     "@types/react": "^18.2.0",
@@ -63,6 +63,7 @@
     "watch": "cross-env BROWSER=none yarn start",
     "build": "cross-env INLINE_RUNTIME_CHUNK=false react-app-rewired build",
     "build:browser": "cross-env ./bin/build-browser",
+    "generate:icons": "rm src/icons/*/*.js; cd src/icons && svgr --expand-props start --ext js -d . .",
     "test": "react-app-rewired test",
     "e2e": "npx playwright test --browser=chromium"
   },
diff --git a/packages/desktop-client/src/components/AnimatedRefresh.js b/packages/desktop-client/src/components/AnimatedRefresh.js
index b4c713032..cfd27c470 100644
--- a/packages/desktop-client/src/components/AnimatedRefresh.js
+++ b/packages/desktop-client/src/components/AnimatedRefresh.js
@@ -16,11 +16,7 @@ export default function AnimatedRefresh({ animating, iconStyle }) {
     <View
       style={[{ animation: animating ? `${spin} 1s infinite linear` : null }]}
     >
-      <Refresh
-        width={14}
-        height={14}
-        style={{ color: 'currentColor', ...iconStyle }}
-      />
+      <Refresh width={14} height={14} style={iconStyle} />
     </View>
   );
 }
diff --git a/packages/desktop-client/src/components/FinancesApp.tsx b/packages/desktop-client/src/components/FinancesApp.tsx
index b8804da5d..b2f9dbaae 100644
--- a/packages/desktop-client/src/components/FinancesApp.tsx
+++ b/packages/desktop-client/src/components/FinancesApp.tsx
@@ -170,11 +170,7 @@ function NavTab({ icon: TabIcon, name, path }) {
         textDecoration: 'none',
       })}
     >
-      <TabIcon
-        width={22}
-        height={22}
-        style={{ color: 'inherit', marginBottom: '5px' }}
-      />
+      <TabIcon width={22} height={22} style={{ marginBottom: '5px' }} />
       {name}
     </NavLink>
   );
diff --git a/packages/desktop-client/src/components/NotesButton.tsx b/packages/desktop-client/src/components/NotesButton.tsx
index 1519ebd71..5188adca1 100644
--- a/packages/desktop-client/src/components/NotesButton.tsx
+++ b/packages/desktop-client/src/components/NotesButton.tsx
@@ -126,7 +126,7 @@ export default function NotesButton({
         ]}
         {...tooltip.getOpenEvents()}
       >
-        <CustomNotesPaper style={{ width, height, color: 'currentColor' }} />
+        <CustomNotesPaper style={{ width, height }} />
       </Button>
       {tooltipOpen && (
         <NotesTooltip
diff --git a/packages/desktop-client/src/components/SidebarWithData.js b/packages/desktop-client/src/components/SidebarWithData.js
index 0acca9e5c..d17b38cfe 100644
--- a/packages/desktop-client/src/components/SidebarWithData.js
+++ b/packages/desktop-client/src/components/SidebarWithData.js
@@ -88,11 +88,7 @@ function EditableBudgetName({ prefs, savePrefs }) {
         <Text style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
           {prefs.budgetName || 'A budget has no name'}
         </Text>
-        <ExpandArrow
-          width={7}
-          height={7}
-          style={{ color: 'inherit', marginLeft: 5 }}
-        />
+        <ExpandArrow width={7} height={7} style={{ marginLeft: 5 }} />
         {menuOpen && (
           <Tooltip
             position="bottom-left"
diff --git a/packages/desktop-client/src/components/Titlebar.js b/packages/desktop-client/src/components/Titlebar.js
index 8a644b39c..be94a677e 100644
--- a/packages/desktop-client/src/components/Titlebar.js
+++ b/packages/desktop-client/src/components/Titlebar.js
@@ -90,11 +90,7 @@ function PrivacyButton({ localPrefs, onTogglePrivacy }) {
     onTogglePrivacy(!isPrivacyEnabled);
   };
 
-  let privacyIconStyle = {
-    width: 23,
-    height: 23,
-    color: 'inherit',
-  };
+  let privacyIconStyle = { width: 23, height: 23 };
 
   return (
     <Button bare onClick={togglePrivacy}>
@@ -174,7 +170,7 @@ export function SyncButton({ localPrefs, style, onSync }) {
       onClick={onSync}
     >
       {syncState === 'error' ? (
-        <AlertTriangle width={13} style={{ color: 'currentColor' }} />
+        <AlertTriangle width={13} />
       ) : (
         <AnimatedRefresh animating={syncing} />
       )}
diff --git a/packages/desktop-client/src/components/accounts/AccountSyncCheck.js b/packages/desktop-client/src/components/accounts/AccountSyncCheck.js
index b9f97679d..412c835a8 100644
--- a/packages/desktop-client/src/components/accounts/AccountSyncCheck.js
+++ b/packages/desktop-client/src/components/accounts/AccountSyncCheck.js
@@ -94,14 +94,7 @@ function AccountSyncCheck({
         }}
         onClick={() => setOpen(true)}
       >
-        <ExclamationOutline
-          style={{
-            width: 14,
-            height: 14,
-            marginRight: 5,
-            color: 'currentColor',
-          }}
-        />{' '}
+        <ExclamationOutline style={{ width: 14, height: 14, marginRight: 5 }} />{' '}
         This account is experiencing connection problems. Let’s fix it.
       </Button>
 
diff --git a/packages/desktop-client/src/components/accounts/Header.js b/packages/desktop-client/src/components/accounts/Header.js
index e3bd351f1..fe0c97335 100644
--- a/packages/desktop-client/src/components/accounts/Header.js
+++ b/packages/desktop-client/src/components/accounts/Header.js
@@ -215,7 +215,7 @@ export function AccountHeader({
                       (account && accountsSyncing === account.name) ||
                       accountsSyncing === '__all'
                     }
-                    style={{ color: 'currentColor', marginRight: 4 }}
+                    style={{ marginRight: 4 }}
                   />{' '}
                   Sync
                 </>
@@ -224,7 +224,7 @@ export function AccountHeader({
                   <DownloadThickBottom
                     width={13}
                     height={13}
-                    style={{ color: 'currentColor', marginRight: 4 }}
+                    style={{ marginRight: 4 }}
                   />{' '}
                   Import
                 </>
@@ -233,12 +233,7 @@ export function AccountHeader({
           )}
           {!showEmptyMessage && (
             <Button bare onClick={onAddTransaction}>
-              <Add
-                width={10}
-                height={10}
-                style={{ color: 'inherit', marginRight: 3 }}
-              />{' '}
-              Add New
+              <Add width={10} height={10} style={{ marginRight: 3 }} /> Add New
             </Button>
           )}
           <View>
@@ -265,13 +260,7 @@ export function AccountHeader({
                   onClick={() => onSearch('')}
                   title="Clear search term"
                 >
-                  <SvgRemove
-                    style={{
-                      width: 8,
-                      height: 8,
-                      color: 'inherit',
-                    }}
-                  />
+                  <SvgRemove style={{ width: 8, height: 8 }} />
                 </Button>
               )
             }
@@ -325,21 +314,9 @@ export function AccountHeader({
             }
           >
             {splitsExpanded.state.mode === 'collapse' ? (
-              <ArrowsShrink3
-                style={{
-                  width: 14,
-                  height: 14,
-                  color: 'inherit',
-                }}
-              />
+              <ArrowsShrink3 style={{ width: 14, height: 14 }} />
             ) : (
-              <ArrowsExpand3
-                style={{
-                  width: 14,
-                  height: 14,
-                  color: 'inherit',
-                }}
-              />
+              <ArrowsExpand3 style={{ width: 14, height: 14 }} />
             )}
           </Button>
           {account ? (
diff --git a/packages/desktop-client/src/components/accounts/MobileAccountDetails.js b/packages/desktop-client/src/components/accounts/MobileAccountDetails.js
index 3c6da2a63..f254ba6c8 100644
--- a/packages/desktop-client/src/components/accounts/MobileAccountDetails.js
+++ b/packages/desktop-client/src/components/accounts/MobileAccountDetails.js
@@ -108,22 +108,15 @@ export default function AccountDetails({
           <Link
             to="/accounts"
             style={{
+              color: colors.b5,
               alignItems: 'center',
               display: 'flex',
               textDecoration: 'none',
               width: LEFT_RIGHT_FLEX_WIDTH,
             }}
           >
-            <CheveronLeft
-              style={{
-                color: colors.b5,
-                width: 32,
-                height: 32,
-              }}
-            />
-            <Text style={{ ...styles.text, color: colors.b5, fontWeight: 500 }}>
-              Back
-            </Text>
+            <CheveronLeft style={{ width: 32, height: 32 }} />
+            <Text style={{ ...styles.text, fontWeight: 500 }}>Back</Text>
           </Link>
           <View
             style={{
diff --git a/packages/desktop-client/src/components/alerts.tsx b/packages/desktop-client/src/components/alerts.tsx
index 64849fe63..339208427 100644
--- a/packages/desktop-client/src/components/alerts.tsx
+++ b/packages/desktop-client/src/components/alerts.tsx
@@ -51,7 +51,7 @@ const Alert = ({
           marginRight: 5,
         }}
       >
-        <Icon width={13} style={{ color, marginTop: 2 }} />
+        <Icon width={13} style={{ marginTop: 2 }} />
       </View>
       <Text style={{ zIndex: 1, lineHeight: 1.5 }}>{children}</Text>
     </View>
diff --git a/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx b/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx
index e4e7b5dff..d6f0bcd93 100644
--- a/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx
+++ b/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx
@@ -70,11 +70,7 @@ function CategoryList({
                 data-testid="split-transaction-button"
               >
                 <Text style={{ lineHeight: 0 }}>
-                  <Split
-                    width={10}
-                    height={10}
-                    style={{ marginRight: 5, color: 'inherit' }}
-                  />
+                  <Split width={10} height={10} style={{ marginRight: 5 }} />
                 </Text>
                 Split Transaction
               </View>
diff --git a/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js b/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js
index f68194172..f950b8255 100644
--- a/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js
+++ b/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js
@@ -97,11 +97,7 @@ function PayeeList({
               <Add
                 width={8}
                 height={8}
-                style={{
-                  color: colors.g8,
-                  marginRight: 5,
-                  display: 'inline-block',
-                }}
+                style={{ marginRight: 5, display: 'inline-block' }}
               />
               Create Payee “{inputValue}”
             </View>
diff --git a/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx b/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
index 324fb30ad..6edd3cbdf 100644
--- a/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
+++ b/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
@@ -49,9 +49,7 @@ export default function BalanceWithCarryover({
           <ArrowThinRight
             width={7}
             height={7}
-            style={{
-              ...makeAmountStyle(balanceValue),
-            }}
+            style={makeAmountStyle(balanceValue)}
           />
         </View>
       )}
diff --git a/packages/desktop-client/src/components/budget/MobileBudgetTable.js b/packages/desktop-client/src/components/budget/MobileBudgetTable.js
index 58ac4676d..cdca7c4a3 100644
--- a/packages/desktop-client/src/components/budget/MobileBudgetTable.js
+++ b/packages/desktop-client/src/components/budget/MobileBudgetTable.js
@@ -444,7 +444,7 @@ class TotalsRow extends PureComponent {
               onClick={() => onAddCategory(group.id)}
               style={{ padding: 10 }}
             >
-              <Add width={15} height={15} color={colors.n1} />
+              <Add width={15} height={15} />
             </Button>
           </View>
           //   </Animated.View>
diff --git a/packages/desktop-client/src/components/budget/MonthCountSelector.js b/packages/desktop-client/src/components/budget/MonthCountSelector.js
index 483f1d016..43595e90b 100644
--- a/packages/desktop-client/src/components/budget/MonthCountSelector.js
+++ b/packages/desktop-client/src/components/budget/MonthCountSelector.js
@@ -9,7 +9,7 @@ import { useBudgetMonthCount } from './BudgetMonthCountContext';
 function Calendar({ color, onClick }) {
   return (
     <CalendarIcon
-      style={{ width: 13, height: 13, color: color, marginRight: 5 }}
+      style={{ width: 13, height: 13, color, marginRight: 5 }}
       onClick={onClick}
     />
   );
diff --git a/packages/desktop-client/src/components/common/Button.tsx b/packages/desktop-client/src/components/common/Button.tsx
index 198187fa8..d800947fe 100644
--- a/packages/desktop-client/src/components/common/Button.tsx
+++ b/packages/desktop-client/src/components/common/Button.tsx
@@ -137,10 +137,7 @@ export const ButtonWithLoading = forwardRef<
             justifyContent: 'center',
           }}
         >
-          <Loading
-            color="currentColor"
-            style={{ width: 20, height: 20, color: 'currentColor' }}
-          />
+          <Loading color="inherit" style={{ width: 20, height: 20 }} />
         </View>
       )}
       <View
diff --git a/packages/desktop-client/src/components/common/MenuButton.tsx b/packages/desktop-client/src/components/common/MenuButton.tsx
index bda660c79..1e6c24650 100644
--- a/packages/desktop-client/src/components/common/MenuButton.tsx
+++ b/packages/desktop-client/src/components/common/MenuButton.tsx
@@ -10,7 +10,7 @@ export default function MenuButton({ onClick }) {
       <DotsHorizontalTriple
         width={15}
         height={15}
-        style={{ color: 'inherit', transform: 'rotateZ(90deg)' }}
+        style={{ transform: 'rotateZ(90deg)' }}
       />
     </Button>
   );
diff --git a/packages/desktop-client/src/components/filters/FiltersMenu.js b/packages/desktop-client/src/components/filters/FiltersMenu.js
index 5680cb86f..c44d39ab0 100644
--- a/packages/desktop-client/src/components/filters/FiltersMenu.js
+++ b/packages/desktop-client/src/components/filters/FiltersMenu.js
@@ -365,12 +365,7 @@ export function FilterButton({ onApply }) {
     <View>
       <Button bare onClick={() => dispatch({ type: 'select-field' })}>
         <SettingsSliderAlternate
-          style={{
-            width: 16,
-            height: 16,
-            color: 'inherit',
-            marginRight: 5,
-          }}
+          style={{ width: 16, height: 16, marginRight: 5 }}
         />{' '}
         Filter
       </Button>
@@ -493,7 +488,6 @@ function FilterExpression({
           style={{
             width: 8,
             height: 8,
-            color: colors.n4,
             margin: 5,
             marginLeft: 3,
           }}
diff --git a/packages/desktop-client/src/components/manager/BudgetList.js b/packages/desktop-client/src/components/manager/BudgetList.js
index 4e6a9f998..9d76800e2 100644
--- a/packages/desktop-client/src/components/manager/BudgetList.js
+++ b/packages/desktop-client/src/components/manager/BudgetList.js
@@ -118,7 +118,6 @@ function FileState({ file }) {
       }}
     >
       <Icon
-        color={color}
         style={{
           width: 18,
           height: 18,
@@ -230,10 +229,7 @@ function RefreshButton({ onRefresh }) {
 
   return (
     <Button bare style={{ padding: 10, marginRight: 5 }} onClick={_onRefresh}>
-      <Icon
-        color={colors.n1}
-        style={{ width: 18, height: 18, color: colors.n1 }}
-      />
+      <Icon style={{ width: 18, height: 18 }} />
     </Button>
   );
 }
diff --git a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js
index 5bf4674d2..47998eb28 100644
--- a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js
+++ b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js
@@ -214,7 +214,7 @@ export default function GoCardlessExternalMsg({
             <DotsHorizontalTriple
               width={15}
               height={15}
-              style={{ color: 'inherit', transform: 'rotateZ(90deg)' }}
+              style={{ transform: 'rotateZ(90deg)' }}
             />
             {menuOpen && (
               <Tooltip
diff --git a/packages/desktop-client/src/components/payees/index.js b/packages/desktop-client/src/components/payees/index.js
index 2a044e22d..df3b7ad1b 100644
--- a/packages/desktop-client/src/components/payees/index.js
+++ b/packages/desktop-client/src/components/payees/index.js
@@ -81,7 +81,7 @@ function RuleButton({ ruleCount, focused, onEdit, onClick }) {
             <>Create rule</>
           )}
         </Text>
-        <ArrowThinRight style={{ width: 8, height: 8, color: colors.g1 }} />
+        <ArrowThinRight style={{ width: 8, height: 8 }} />
       </CellButton>
     </Cell>
   );
diff --git a/packages/desktop-client/src/components/schedules/SchedulesTable.js b/packages/desktop-client/src/components/schedules/SchedulesTable.js
index a8ce26ac9..efff12ccf 100644
--- a/packages/desktop-client/src/components/schedules/SchedulesTable.js
+++ b/packages/desktop-client/src/components/schedules/SchedulesTable.js
@@ -33,7 +33,7 @@ function OverflowMenu({ schedule, status, onAction }) {
         <DotsHorizontalTriple
           width={15}
           height={15}
-          style={{ color: 'inherit', transform: 'rotateZ(90deg)' }}
+          style={{ transform: 'rotateZ(90deg)' }}
         />
       </Button>
       {open && (
diff --git a/packages/desktop-client/src/components/schedules/StatusBadge.js b/packages/desktop-client/src/components/schedules/StatusBadge.js
index 99ebf9f7e..37c4ff02c 100644
--- a/packages/desktop-client/src/components/schedules/StatusBadge.js
+++ b/packages/desktop-client/src/components/schedules/StatusBadge.js
@@ -87,7 +87,6 @@ export function StatusBadge({ status, style }) {
         style={{
           width: 13,
           height: 13,
-          color: 'inherit',
           marginRight: 7,
         }}
       />
diff --git a/packages/desktop-client/src/components/sidebar.js b/packages/desktop-client/src/components/sidebar.js
index 5c3efed88..b2c7d2f29 100644
--- a/packages/desktop-client/src/components/sidebar.js
+++ b/packages/desktop-client/src/components/sidebar.js
@@ -107,7 +107,7 @@ function Item({
         height: 20,
       }}
     >
-      <Icon width={15} height={15} style={{ color: 'inherit' }} />
+      <Icon width={15} height={15} />
       <Block style={{ marginLeft: 8 }}>{title}</Block>
       <View style={{ flex: 1 }} />
       {button}
@@ -158,7 +158,7 @@ function SecondaryItem({ Icon, title, style, to, onClick, bold, indent = 0 }) {
         height: 16,
       }}
     >
-      {Icon && <Icon width={12} height={12} style={{ color: 'inherit' }} />}
+      {Icon && <Icon width={12} height={12} />}
       <Block style={{ marginLeft: Icon ? 8 : 0, color: 'inherit' }}>
         {title}
       </Block>
@@ -441,7 +441,10 @@ function Accounts({
 
 function ToggleButton({ style, isFloating, onFloat }) {
   return (
-    <View className="float" style={[style, { flexShrink: 0 }]}>
+    <View
+      className="float"
+      style={[style, { flexShrink: 0, color: colors.n5 }]}
+    >
       <Button bare onClick={onFloat}>
         {isFloating ? (
           <Pin
@@ -449,14 +452,11 @@ function ToggleButton({ style, isFloating, onFloat }) {
               margin: -2,
               width: 15,
               height: 15,
-              color: colors.n5,
               transform: 'rotate(45deg)',
             }}
           />
         ) : (
-          <ArrowButtonLeft1
-            style={{ width: 13, height: 13, color: colors.n5 }}
-          />
+          <ArrowButtonLeft1 style={{ width: 13, height: 13 }} />
         )}
       </Button>
     </View>
diff --git a/packages/desktop-client/src/components/table.tsx b/packages/desktop-client/src/components/table.tsx
index 3598314bf..3de76be66 100644
--- a/packages/desktop-client/src/components/table.tsx
+++ b/packages/desktop-client/src/components/table.tsx
@@ -720,15 +720,14 @@ export function SelectCell({
             selected && {
               backgroundColor: partial ? colors.b9 : colors.b5,
               borderColor: partial ? colors.b9 : colors.b5,
+              color: 'white',
             },
           ]}
           onEdit={onEdit}
           onSelect={onSelect}
           clickBehavior="none"
         >
-          {selected && (
-            <Checkmark width={6} height={6} style={{ color: 'white' }} />
-          )}
+          {selected && <Checkmark width={6} height={6} />}
         </CellButton>
       )}
     </Cell>
diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.js b/packages/desktop-client/src/components/transactions/TransactionsTable.js
index 01738b81b..6bd35ac6a 100644
--- a/packages/desktop-client/src/components/transactions/TransactionsTable.js
+++ b/packages/desktop-client/src/components/transactions/TransactionsTable.js
@@ -504,18 +504,10 @@ function HeaderCell({
         >
           <UnexposedCellContent value={value} />
           {icon === 'asc' && (
-            <ArrowDown
-              width={10}
-              height={10}
-              style={{ marginLeft: 5, color: colors.n4 }}
-            />
+            <ArrowDown width={10} height={10} style={{ marginLeft: 5 }} />
           )}
           {icon === 'desc' && (
-            <ArrowUp
-              width={10}
-              height={10}
-              style={{ marginLeft: 5, color: colors.n4 }}
-            />
+            <ArrowUp width={10} height={10} style={{ marginLeft: 5 }} />
           )}
         </Button>
       }
@@ -644,17 +636,9 @@ function PayeeIcons({
     color: 'inherit',
   };
 
-  let scheduleIconStyle = {
-    width: 13,
-    height: 13,
-    color: 'inherit',
-  };
+  let scheduleIconStyle = { width: 13, height: 13 };
 
-  let transferIconStyle = {
-    width: 10,
-    height: 10,
-    color: 'inherit',
-  };
+  let transferIconStyle = { width: 10, height: 10 };
 
   let recurring = schedule && schedule._date && !!schedule._date.frequency;
 
@@ -1097,7 +1081,6 @@ const Transaction = memo(function Transaction(props) {
                   style={{
                     width: 14,
                     height: 14,
-                    color: 'currentColor',
                     transition: 'transform .08s',
                     transform: expanded ? 'rotateZ(0)' : 'rotateZ(-90deg)',
                   }}
diff --git a/packages/desktop-client/src/icons/.svgrrc.js b/packages/desktop-client/src/icons/.svgrrc.js
index 1e6bd5933..53fd0b31a 100644
--- a/packages/desktop-client/src/icons/.svgrrc.js
+++ b/packages/desktop-client/src/icons/.svgrrc.js
@@ -4,11 +4,11 @@ module.exports = {
       {
         name: 'preset-default',
         params: {
-          overrides: { removeUnknownsAndDefaults: false }
-        }
+          overrides: { removeUnknownsAndDefaults: false },
+        },
       },
-      'removeDimensions'
-    ]
+      'removeDimensions',
+    ],
   },
   jsx: {
     babelConfig: {
@@ -23,10 +23,10 @@ module.exports = {
                 value: 'currentColor',
                 spread: false,
                 literal: false,
-                position: 'end'
-              }
-            ]
-          }
+                position: 'end',
+              },
+            ],
+          },
         ],
         [
           '@svgr/babel-plugin-add-jsx-attribute',
@@ -35,16 +35,16 @@ module.exports = {
             attributes: [
               {
                 name: 'style',
-                value: '({ color: "#242134", ...props.style })',
+                value: '({ color: "inherit", ...props.style })',
                 spread: false,
                 literal: true,
-                position: 'end'
-              }
-            ]
+                position: 'end',
+              },
+            ],
           },
-          'add-style'
-        ]
-      ]
-    }
-  }
+          'add-style',
+        ],
+      ],
+    },
+  },
 };
diff --git a/packages/desktop-client/src/icons/generate-new.sh b/packages/desktop-client/src/icons/generate-new.sh
deleted file mode 100755
index 1cf7a74a6..000000000
--- a/packages/desktop-client/src/icons/generate-new.sh
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/bin/sh
-
-rm */*.js
-yarn svgr --expand-props start --ext js -d . .
diff --git a/packages/desktop-client/src/icons/logo/Logo.js b/packages/desktop-client/src/icons/logo/Logo.js
index f799a1e25..32ab54a06 100644
--- a/packages/desktop-client/src/icons/logo/Logo.js
+++ b/packages/desktop-client/src/icons/logo/Logo.js
@@ -1,25 +1,23 @@
 import * as React from 'react';
-
 const SvgLogo = props => (
   <svg
     {...props}
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
     viewBox="0 0 30 32"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="m1.138 30.423 13.8-29.309a.32.32 0 0 1 .289-.184h.605a.32.32 0 0 1 .287.18l8.903 18.29 2.791-1.074a.32.32 0 0 1 .414.184l.742 1.932a.32.32 0 0 1-.183.413l-2.574.99 3.175 6.524a.32.32 0 0 1-.147.428l-1.861.905a.32.32 0 0 1-.428-.147l-3.277-6.733-21.98 8.453a.32.32 0 0 1-.415-.189l-.152-.418a.32.32 0 0 1 .01-.245ZM15.56 6.152 5.85 26.774l16.634-6.398L15.56 6.152Z"
       fill="currentColor"
+      d="m1.138 30.423 13.8-29.309a.32.32 0 0 1 .289-.184h.605a.32.32 0 0 1 .287.18l8.903 18.29 2.791-1.074a.32.32 0 0 1 .414.184l.742 1.932a.32.32 0 0 1-.183.413l-2.574.99 3.175 6.524a.32.32 0 0 1-.147.428l-1.861.905a.32.32 0 0 1-.428-.147l-3.277-6.733-21.98 8.453a.32.32 0 0 1-.415-.189l-.152-.418a.32.32 0 0 1 .01-.245ZM15.56 6.152 5.85 26.774l16.634-6.398L15.56 6.152Z"
     />
     <path
-      d="m21.777 14.568.932 2.544-21.203 7.775a.32.32 0 0 1-.41-.19l-.713-1.944a.32.32 0 0 1 .19-.41l21.204-7.775Z"
       fill="currentColor"
+      d="m21.777 14.568.932 2.544-21.203 7.775a.32.32 0 0 1-.41-.19l-.713-1.944a.32.32 0 0 1 .19-.41l21.204-7.775Z"
     />
   </svg>
 );
-
 export default SvgLogo;
diff --git a/packages/desktop-client/src/icons/v0/Add.js b/packages/desktop-client/src/icons/v0/Add.js
index 9c1c459d4..6a7cd3530 100644
--- a/packages/desktop-client/src/icons/v0/Add.js
+++ b/packages/desktop-client/src/icons/v0/Add.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgAdd = props => (
     />
   </svg>
 );
-
 export default SvgAdd;
diff --git a/packages/desktop-client/src/icons/v0/Delete.js b/packages/desktop-client/src/icons/v0/Delete.js
index 0f6e35ed9..769c78cb0 100644
--- a/packages/desktop-client/src/icons/v0/Delete.js
+++ b/packages/desktop-client/src/icons/v0/Delete.js
@@ -1,24 +1,22 @@
 import * as React from 'react';
-
 const SvgDelete = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
       fill="none"
       stroke="currentColor"
-      strokeWidth={4}
+      d="m2 2 20 20M22 2 2 22"
       strokeLinecap="round"
       strokeMiterlimit={10}
-      d="m2 2 20 20M22 2 2 22"
+      strokeWidth={4}
     />
   </svg>
 );
-
 export default SvgDelete;
diff --git a/packages/desktop-client/src/icons/v0/ExpandArrow.js b/packages/desktop-client/src/icons/v0/ExpandArrow.js
index 5f8dedbe9..6115907d3 100644
--- a/packages/desktop-client/src/icons/v0/ExpandArrow.js
+++ b/packages/desktop-client/src/icons/v0/ExpandArrow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExpandArrow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 25 15"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExpandArrow = props => (
     />
   </svg>
 );
-
 export default SvgExpandArrow;
diff --git a/packages/desktop-client/src/icons/v0/LeftArrow2.js b/packages/desktop-client/src/icons/v0/LeftArrow2.js
index 1aa5fe352..ed1a90340 100644
--- a/packages/desktop-client/src/icons/v0/LeftArrow2.js
+++ b/packages/desktop-client/src/icons/v0/LeftArrow2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLeftArrow2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 91 51"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLeftArrow2 = props => (
     />
   </svg>
 );
-
 export default SvgLeftArrow2;
diff --git a/packages/desktop-client/src/icons/v0/Math.js b/packages/desktop-client/src/icons/v0/Math.js
index bda6b0525..2316e9701 100644
--- a/packages/desktop-client/src/icons/v0/Math.js
+++ b/packages/desktop-client/src/icons/v0/Math.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMath = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 30 30"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMath = props => (
     />
   </svg>
 );
-
 export default SvgMath;
diff --git a/packages/desktop-client/src/icons/v0/Merge.js b/packages/desktop-client/src/icons/v0/Merge.js
index 6b32bf803..81ec84835 100644
--- a/packages/desktop-client/src/icons/v0/Merge.js
+++ b/packages/desktop-client/src/icons/v0/Merge.js
@@ -1,25 +1,23 @@
 import * as React from 'react';
-
 const SvgMerge = props => (
   <svg
     {...props}
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
     viewBox="0 0 32 32"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M24 29h5.333M8 29H2.667M16 21l-8 8M16 21l8 8M16 2.667v18.666M16 2.667 8 9.333M16 2.667l8 6.666"
       fill="none"
       stroke="currentColor"
-      strokeWidth={3.5}
-      strokeMiterlimit={10}
       strokeLinecap="round"
+      strokeMiterlimit={10}
+      strokeWidth={3.5}
+      d="M24 29h5.333M8 29H2.667M16 21l-8 8M16 21l8 8M16 2.667v18.666M16 2.667 8 9.333M16 2.667l8 6.666"
     />
   </svg>
 );
-
 export default SvgMerge;
diff --git a/packages/desktop-client/src/icons/v0/RightArrow2.js b/packages/desktop-client/src/icons/v0/RightArrow2.js
index d3179e9db..b740aacbc 100644
--- a/packages/desktop-client/src/icons/v0/RightArrow2.js
+++ b/packages/desktop-client/src/icons/v0/RightArrow2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRightArrow2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 91 51"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRightArrow2 = props => (
     />
   </svg>
 );
-
 export default SvgRightArrow2;
diff --git a/packages/desktop-client/src/icons/v0/Split.js b/packages/desktop-client/src/icons/v0/Split.js
index acdfa8e66..b1c3cb3f7 100644
--- a/packages/desktop-client/src/icons/v0/Split.js
+++ b/packages/desktop-client/src/icons/v0/Split.js
@@ -1,25 +1,23 @@
 import * as React from 'react';
-
 const SvgSplit = props => (
   <svg
     {...props}
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
     viewBox="0 0 32 32"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="m30 9-4-4M30 9l-4 4M6 5 2 9M2 9l4 4M10 9H3M22 9h7M16 15l6-6M16 15l-6-6M16 28V15"
       fill="none"
       stroke="currentColor"
-      strokeWidth={3.5}
-      strokeMiterlimit={10}
       strokeLinecap="round"
+      strokeMiterlimit={10}
+      strokeWidth={3.5}
+      d="m30 9-4-4M30 9l-4 4M6 5 2 9M2 9l4 4M10 9H3M22 9h7M16 15l6-6M16 15l-6-6M16 28V15"
     />
   </svg>
 );
-
 export default SvgSplit;
diff --git a/packages/desktop-client/src/icons/v0/Subtract.js b/packages/desktop-client/src/icons/v0/Subtract.js
index 456b8b9c2..a55655ac9 100644
--- a/packages/desktop-client/src/icons/v0/Subtract.js
+++ b/packages/desktop-client/src/icons/v0/Subtract.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSubtract = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSubtract = props => (
     />
   </svg>
 );
-
 export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v1/Add.js b/packages/desktop-client/src/icons/v1/Add.js
index 36f9260b9..e5f9fd529 100644
--- a/packages/desktop-client/src/icons/v1/Add.js
+++ b/packages/desktop-client/src/icons/v1/Add.js
@@ -1,26 +1,24 @@
 import * as React from 'react';
-
 const SvgAdd = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
       fill="currentColor"
-      className="path"
       d="M23 11.5a1.5 1.5 0 0 1-1.5 1.5h-20a1.5 1.5 0 0 1 0-3h20a1.5 1.5 0 0 1 1.5 1.5Z"
+      className="path"
     />
     <path
       fill="currentColor"
-      className="path"
       d="M11.5 23a1.5 1.5 0 0 1-1.5-1.5v-20a1.5 1.5 0 0 1 3 0v20a1.5 1.5 0 0 1-1.5 1.5Z"
+      className="path"
     />
   </svg>
 );
-
 export default SvgAdd;
diff --git a/packages/desktop-client/src/icons/v1/AddOutline.js b/packages/desktop-client/src/icons/v1/AddOutline.js
index 78847e7e9..80ab30bae 100644
--- a/packages/desktop-client/src/icons/v1/AddOutline.js
+++ b/packages/desktop-client/src/icons/v1/AddOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAddOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAddOutline = props => (
     />
   </svg>
 );
-
 export default SvgAddOutline;
diff --git a/packages/desktop-client/src/icons/v1/AddSolid.js b/packages/desktop-client/src/icons/v1/AddSolid.js
index f6241a77c..1e7cd3b9a 100644
--- a/packages/desktop-client/src/icons/v1/AddSolid.js
+++ b/packages/desktop-client/src/icons/v1/AddSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAddSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAddSolid = props => (
     />
   </svg>
 );
-
 export default SvgAddSolid;
diff --git a/packages/desktop-client/src/icons/v1/Adjust.js b/packages/desktop-client/src/icons/v1/Adjust.js
index 3448a1502..4d8d9e05e 100644
--- a/packages/desktop-client/src/icons/v1/Adjust.js
+++ b/packages/desktop-client/src/icons/v1/Adjust.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAdjust = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAdjust = props => (
     />
   </svg>
 );
-
 export default SvgAdjust;
diff --git a/packages/desktop-client/src/icons/v1/Airplane.js b/packages/desktop-client/src/icons/v1/Airplane.js
index a55bf58ab..a5a184026 100644
--- a/packages/desktop-client/src/icons/v1/Airplane.js
+++ b/packages/desktop-client/src/icons/v1/Airplane.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAirplane = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAirplane = props => (
     />
   </svg>
 );
-
 export default SvgAirplane;
diff --git a/packages/desktop-client/src/icons/v1/Album.js b/packages/desktop-client/src/icons/v1/Album.js
index 7db0e8774..68e450af5 100644
--- a/packages/desktop-client/src/icons/v1/Album.js
+++ b/packages/desktop-client/src/icons/v1/Album.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlbum = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlbum = props => (
     />
   </svg>
 );
-
 export default SvgAlbum;
diff --git a/packages/desktop-client/src/icons/v1/AlignCenter.js b/packages/desktop-client/src/icons/v1/AlignCenter.js
index e61054b83..d740a71d1 100644
--- a/packages/desktop-client/src/icons/v1/AlignCenter.js
+++ b/packages/desktop-client/src/icons/v1/AlignCenter.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignCenter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignCenter = props => (
     />
   </svg>
 );
-
 export default SvgAlignCenter;
diff --git a/packages/desktop-client/src/icons/v1/AlignJustified.js b/packages/desktop-client/src/icons/v1/AlignJustified.js
index 4da892762..e4a5cf093 100644
--- a/packages/desktop-client/src/icons/v1/AlignJustified.js
+++ b/packages/desktop-client/src/icons/v1/AlignJustified.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignJustified = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignJustified = props => (
     />
   </svg>
 );
-
 export default SvgAlignJustified;
diff --git a/packages/desktop-client/src/icons/v1/AlignLeft.js b/packages/desktop-client/src/icons/v1/AlignLeft.js
index 4ba9b7a81..938d56db0 100644
--- a/packages/desktop-client/src/icons/v1/AlignLeft.js
+++ b/packages/desktop-client/src/icons/v1/AlignLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignLeft = props => (
     />
   </svg>
 );
-
 export default SvgAlignLeft;
diff --git a/packages/desktop-client/src/icons/v1/AlignRight.js b/packages/desktop-client/src/icons/v1/AlignRight.js
index 46f99d97f..24175c203 100644
--- a/packages/desktop-client/src/icons/v1/AlignRight.js
+++ b/packages/desktop-client/src/icons/v1/AlignRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignRight = props => (
     />
   </svg>
 );
-
 export default SvgAlignRight;
diff --git a/packages/desktop-client/src/icons/v1/Anchor.js b/packages/desktop-client/src/icons/v1/Anchor.js
index e2fe31e7f..19e123774 100644
--- a/packages/desktop-client/src/icons/v1/Anchor.js
+++ b/packages/desktop-client/src/icons/v1/Anchor.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAnchor = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAnchor = props => (
     />
   </svg>
 );
-
 export default SvgAnchor;
diff --git a/packages/desktop-client/src/icons/v1/Announcement.js b/packages/desktop-client/src/icons/v1/Announcement.js
index dac8d9675..604521398 100644
--- a/packages/desktop-client/src/icons/v1/Announcement.js
+++ b/packages/desktop-client/src/icons/v1/Announcement.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAnnouncement = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAnnouncement = props => (
     />
   </svg>
 );
-
 export default SvgAnnouncement;
diff --git a/packages/desktop-client/src/icons/v1/Apparel.js b/packages/desktop-client/src/icons/v1/Apparel.js
index 9b2bddd0b..99e0863ff 100644
--- a/packages/desktop-client/src/icons/v1/Apparel.js
+++ b/packages/desktop-client/src/icons/v1/Apparel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgApparel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgApparel = props => (
     />
   </svg>
 );
-
 export default SvgApparel;
diff --git a/packages/desktop-client/src/icons/v1/ArrowDown.js b/packages/desktop-client/src/icons/v1/ArrowDown.js
index cbadb054d..c75a5e799 100644
--- a/packages/desktop-client/src/icons/v1/ArrowDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowDown = props => (
     />
   </svg>
 );
-
 export default SvgArrowDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowLeft.js b/packages/desktop-client/src/icons/v1/ArrowLeft.js
index 1ec675997..7789f5c29 100644
--- a/packages/desktop-client/src/icons/v1/ArrowLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowLeft = props => (
     />
   </svg>
 );
-
 export default SvgArrowLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js b/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js
index 201312582..a23d01c85 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineDown = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js b/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js
index 5e6507db0..a5dab15c6 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineLeft = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js b/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js
index e676c9f23..c77dfdac0 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineRight = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js b/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js
index 374cf1188..708f3e682 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineUp = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowRight.js b/packages/desktop-client/src/icons/v1/ArrowRight.js
index a78863548..9ca1b5b7f 100644
--- a/packages/desktop-client/src/icons/v1/ArrowRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowRight = props => (
     />
   </svg>
 );
-
 export default SvgArrowRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickDown.js b/packages/desktop-client/src/icons/v1/ArrowThickDown.js
index 66a367238..08f60d056 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickDown.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M7 10V2h6v8h5l-8 8-8-8h5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgArrowThickDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickLeft.js b/packages/desktop-client/src/icons/v1/ArrowThickLeft.js
index 4ec9be4d2..9ab5c4cbb 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickLeft.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M10 13h8V7h-8V2l-8 8 8 8v-5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgArrowThickLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickRight.js b/packages/desktop-client/src/icons/v1/ArrowThickRight.js
index 62f72a5b6..2b94dc047 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickRight.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M10 7H2v6h8v5l8-8-8-8v5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgArrowThickRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickUp.js b/packages/desktop-client/src/icons/v1/ArrowThickUp.js
index 36ead7ca8..38476b3b0 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickUp.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M7 10v8h6v-8h5l-8-8-8 8h5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgArrowThickUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinDown.js b/packages/desktop-client/src/icons/v1/ArrowThinDown.js
index c738b49c9..1b7af6df1 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinDown = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinLeft.js b/packages/desktop-client/src/icons/v1/ArrowThinLeft.js
index f98a581d6..d5b5b3633 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinLeft = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinRight.js b/packages/desktop-client/src/icons/v1/ArrowThinRight.js
index 5cf3c8e96..877bed9e7 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinRight = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinUp.js b/packages/desktop-client/src/icons/v1/ArrowThinUp.js
index 508627a20..18a80e632 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinUp = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowUp.js b/packages/desktop-client/src/icons/v1/ArrowUp.js
index aa9b10e12..1fb21aa1e 100644
--- a/packages/desktop-client/src/icons/v1/ArrowUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowUp = props => (
     />
   </svg>
 );
-
 export default SvgArrowUp;
diff --git a/packages/desktop-client/src/icons/v1/Artist.js b/packages/desktop-client/src/icons/v1/Artist.js
index c0e98a5bf..5c2733131 100644
--- a/packages/desktop-client/src/icons/v1/Artist.js
+++ b/packages/desktop-client/src/icons/v1/Artist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArtist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArtist = props => (
     />
   </svg>
 );
-
 export default SvgArtist;
diff --git a/packages/desktop-client/src/icons/v1/AtSymbol.js b/packages/desktop-client/src/icons/v1/AtSymbol.js
index 288fed788..ee643aaf3 100644
--- a/packages/desktop-client/src/icons/v1/AtSymbol.js
+++ b/packages/desktop-client/src/icons/v1/AtSymbol.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAtSymbol = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAtSymbol = props => (
     />
   </svg>
 );
-
 export default SvgAtSymbol;
diff --git a/packages/desktop-client/src/icons/v1/Attachment.js b/packages/desktop-client/src/icons/v1/Attachment.js
index c4c9eeb04..116771fac 100644
--- a/packages/desktop-client/src/icons/v1/Attachment.js
+++ b/packages/desktop-client/src/icons/v1/Attachment.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAttachment = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAttachment = props => (
     />
   </svg>
 );
-
 export default SvgAttachment;
diff --git a/packages/desktop-client/src/icons/v1/Backspace.js b/packages/desktop-client/src/icons/v1/Backspace.js
index 4d554e36c..29bdb3c1a 100644
--- a/packages/desktop-client/src/icons/v1/Backspace.js
+++ b/packages/desktop-client/src/icons/v1/Backspace.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBackspace = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBackspace = props => (
     />
   </svg>
 );
-
 export default SvgBackspace;
diff --git a/packages/desktop-client/src/icons/v1/Backward.js b/packages/desktop-client/src/icons/v1/Backward.js
index 3663e7133..3dc2d3923 100644
--- a/packages/desktop-client/src/icons/v1/Backward.js
+++ b/packages/desktop-client/src/icons/v1/Backward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBackward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M19 5v10l-9-5 9-5zm-9 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgBackward;
diff --git a/packages/desktop-client/src/icons/v1/BackwardStep.js b/packages/desktop-client/src/icons/v1/BackwardStep.js
index c7d0e852c..2730e15ac 100644
--- a/packages/desktop-client/src/icons/v1/BackwardStep.js
+++ b/packages/desktop-client/src/icons/v1/BackwardStep.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBackwardStep = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M4 5h3v10H4V5zm12 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgBackwardStep;
diff --git a/packages/desktop-client/src/icons/v1/Badge.js b/packages/desktop-client/src/icons/v1/Badge.js
index e8854fb72..5c7964fea 100644
--- a/packages/desktop-client/src/icons/v1/Badge.js
+++ b/packages/desktop-client/src/icons/v1/Badge.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBadge = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBadge = props => (
     />
   </svg>
 );
-
 export default SvgBadge;
diff --git a/packages/desktop-client/src/icons/v1/BatteryFull.js b/packages/desktop-client/src/icons/v1/BatteryFull.js
index b3215b554..60318353e 100644
--- a/packages/desktop-client/src/icons/v1/BatteryFull.js
+++ b/packages/desktop-client/src/icons/v1/BatteryFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBatteryFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBatteryFull = props => (
     />
   </svg>
 );
-
 export default SvgBatteryFull;
diff --git a/packages/desktop-client/src/icons/v1/BatteryHalf.js b/packages/desktop-client/src/icons/v1/BatteryHalf.js
index 47702d9fc..5d1ca01d9 100644
--- a/packages/desktop-client/src/icons/v1/BatteryHalf.js
+++ b/packages/desktop-client/src/icons/v1/BatteryHalf.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBatteryHalf = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBatteryHalf = props => (
     />
   </svg>
 );
-
 export default SvgBatteryHalf;
diff --git a/packages/desktop-client/src/icons/v1/BatteryLow.js b/packages/desktop-client/src/icons/v1/BatteryLow.js
index fdcb8ca32..427ef0181 100644
--- a/packages/desktop-client/src/icons/v1/BatteryLow.js
+++ b/packages/desktop-client/src/icons/v1/BatteryLow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBatteryLow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBatteryLow = props => (
     />
   </svg>
 );
-
 export default SvgBatteryLow;
diff --git a/packages/desktop-client/src/icons/v1/Beverage.js b/packages/desktop-client/src/icons/v1/Beverage.js
index 015a16109..4dbf11b3d 100644
--- a/packages/desktop-client/src/icons/v1/Beverage.js
+++ b/packages/desktop-client/src/icons/v1/Beverage.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBeverage = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBeverage = props => (
     />
   </svg>
 );
-
 export default SvgBeverage;
diff --git a/packages/desktop-client/src/icons/v1/Block.js b/packages/desktop-client/src/icons/v1/Block.js
index 1e6287dfd..25cb56efc 100644
--- a/packages/desktop-client/src/icons/v1/Block.js
+++ b/packages/desktop-client/src/icons/v1/Block.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBlock = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBlock = props => (
     />
   </svg>
 );
-
 export default SvgBlock;
diff --git a/packages/desktop-client/src/icons/v1/Bluetooth.js b/packages/desktop-client/src/icons/v1/Bluetooth.js
index c92349d3d..1fd13351e 100644
--- a/packages/desktop-client/src/icons/v1/Bluetooth.js
+++ b/packages/desktop-client/src/icons/v1/Bluetooth.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBluetooth = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBluetooth = props => (
     />
   </svg>
 );
-
 export default SvgBluetooth;
diff --git a/packages/desktop-client/src/icons/v1/Bolt.js b/packages/desktop-client/src/icons/v1/Bolt.js
index a6454df58..1be8dd462 100644
--- a/packages/desktop-client/src/icons/v1/Bolt.js
+++ b/packages/desktop-client/src/icons/v1/Bolt.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBolt = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M13 8V0L8.11 5.87 3 12h4v8L17 8h-4z" fill="currentColor" />
   </svg>
 );
-
 export default SvgBolt;
diff --git a/packages/desktop-client/src/icons/v1/BookReference.js b/packages/desktop-client/src/icons/v1/BookReference.js
index 93bdb0fca..e4c762508 100644
--- a/packages/desktop-client/src/icons/v1/BookReference.js
+++ b/packages/desktop-client/src/icons/v1/BookReference.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookReference = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookReference = props => (
     />
   </svg>
 );
-
 export default SvgBookReference;
diff --git a/packages/desktop-client/src/icons/v1/Bookmark.js b/packages/desktop-client/src/icons/v1/Bookmark.js
index 536e81fa4..6eec9a7c1 100644
--- a/packages/desktop-client/src/icons/v1/Bookmark.js
+++ b/packages/desktop-client/src/icons/v1/Bookmark.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookmark = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookmark = props => (
     />
   </svg>
 );
-
 export default SvgBookmark;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkCopy2.js b/packages/desktop-client/src/icons/v1/BookmarkCopy2.js
index 96ade81bf..6f8f9e94e 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkCopy2.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkCopy2.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBookmarkCopy2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M18 12v1H8v5l-6-6 6-6v5h8V2h2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgBookmarkCopy2;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkCopy3.js b/packages/desktop-client/src/icons/v1/BookmarkCopy3.js
index e6d49a049..f0e7aaf38 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkCopy3.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkCopy3.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBookmarkCopy3 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M3.5 13H12v5l6-6-6-6v5H4V2H2v11z" fill="currentColor" />
   </svg>
 );
-
 export default SvgBookmarkCopy3;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkOutline.js b/packages/desktop-client/src/icons/v1/BookmarkOutline.js
index 5a6a97876..8d38476ac 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkOutline.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookmarkOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookmarkOutline = props => (
     />
   </svg>
 );
-
 export default SvgBookmarkOutline;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js b/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js
index c3d798eaf..fe2004367 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookmarkOutlineAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookmarkOutlineAdd = props => (
     />
   </svg>
 );
-
 export default SvgBookmarkOutlineAdd;
diff --git a/packages/desktop-client/src/icons/v1/BorderAll.js b/packages/desktop-client/src/icons/v1/BorderAll.js
index b64ef210c..718c5a0bf 100644
--- a/packages/desktop-client/src/icons/v1/BorderAll.js
+++ b/packages/desktop-client/src/icons/v1/BorderAll.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderAll = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderAll = props => (
     />
   </svg>
 );
-
 export default SvgBorderAll;
diff --git a/packages/desktop-client/src/icons/v1/BorderBottom.js b/packages/desktop-client/src/icons/v1/BorderBottom.js
index 28b74b92c..8d460badd 100644
--- a/packages/desktop-client/src/icons/v1/BorderBottom.js
+++ b/packages/desktop-client/src/icons/v1/BorderBottom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderBottom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderBottom = props => (
     />
   </svg>
 );
-
 export default SvgBorderBottom;
diff --git a/packages/desktop-client/src/icons/v1/BorderHorizontal.js b/packages/desktop-client/src/icons/v1/BorderHorizontal.js
index dcd5a68ce..3876ce207 100644
--- a/packages/desktop-client/src/icons/v1/BorderHorizontal.js
+++ b/packages/desktop-client/src/icons/v1/BorderHorizontal.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderHorizontal = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderHorizontal = props => (
     />
   </svg>
 );
-
 export default SvgBorderHorizontal;
diff --git a/packages/desktop-client/src/icons/v1/BorderInner.js b/packages/desktop-client/src/icons/v1/BorderInner.js
index cad6aafef..a841cb116 100644
--- a/packages/desktop-client/src/icons/v1/BorderInner.js
+++ b/packages/desktop-client/src/icons/v1/BorderInner.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderInner = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderInner = props => (
     />
   </svg>
 );
-
 export default SvgBorderInner;
diff --git a/packages/desktop-client/src/icons/v1/BorderLeft.js b/packages/desktop-client/src/icons/v1/BorderLeft.js
index 512b90309..c862683bf 100644
--- a/packages/desktop-client/src/icons/v1/BorderLeft.js
+++ b/packages/desktop-client/src/icons/v1/BorderLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderLeft = props => (
     />
   </svg>
 );
-
 export default SvgBorderLeft;
diff --git a/packages/desktop-client/src/icons/v1/BorderNone.js b/packages/desktop-client/src/icons/v1/BorderNone.js
index d7cd2d856..9a1964bce 100644
--- a/packages/desktop-client/src/icons/v1/BorderNone.js
+++ b/packages/desktop-client/src/icons/v1/BorderNone.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderNone = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderNone = props => (
     />
   </svg>
 );
-
 export default SvgBorderNone;
diff --git a/packages/desktop-client/src/icons/v1/BorderOuter.js b/packages/desktop-client/src/icons/v1/BorderOuter.js
index b72304cbc..8aa9127ae 100644
--- a/packages/desktop-client/src/icons/v1/BorderOuter.js
+++ b/packages/desktop-client/src/icons/v1/BorderOuter.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderOuter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderOuter = props => (
     />
   </svg>
 );
-
 export default SvgBorderOuter;
diff --git a/packages/desktop-client/src/icons/v1/BorderRight.js b/packages/desktop-client/src/icons/v1/BorderRight.js
index b83bac865..bd2d6688a 100644
--- a/packages/desktop-client/src/icons/v1/BorderRight.js
+++ b/packages/desktop-client/src/icons/v1/BorderRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderRight = props => (
     />
   </svg>
 );
-
 export default SvgBorderRight;
diff --git a/packages/desktop-client/src/icons/v1/BorderTop.js b/packages/desktop-client/src/icons/v1/BorderTop.js
index c65a60bc6..7a928f1dc 100644
--- a/packages/desktop-client/src/icons/v1/BorderTop.js
+++ b/packages/desktop-client/src/icons/v1/BorderTop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderTop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderTop = props => (
     />
   </svg>
 );
-
 export default SvgBorderTop;
diff --git a/packages/desktop-client/src/icons/v1/BorderVertical.js b/packages/desktop-client/src/icons/v1/BorderVertical.js
index 80b3c14d5..15ceba2b6 100644
--- a/packages/desktop-client/src/icons/v1/BorderVertical.js
+++ b/packages/desktop-client/src/icons/v1/BorderVertical.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderVertical = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderVertical = props => (
     />
   </svg>
 );
-
 export default SvgBorderVertical;
diff --git a/packages/desktop-client/src/icons/v1/Box.js b/packages/desktop-client/src/icons/v1/Box.js
index a99be9376..c01c41763 100644
--- a/packages/desktop-client/src/icons/v1/Box.js
+++ b/packages/desktop-client/src/icons/v1/Box.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBox = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBox = props => (
     />
   </svg>
 );
-
 export default SvgBox;
diff --git a/packages/desktop-client/src/icons/v1/BrightnessDown.js b/packages/desktop-client/src/icons/v1/BrightnessDown.js
index 39b1c80cf..af1e41966 100644
--- a/packages/desktop-client/src/icons/v1/BrightnessDown.js
+++ b/packages/desktop-client/src/icons/v1/BrightnessDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrightnessDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrightnessDown = props => (
     />
   </svg>
 );
-
 export default SvgBrightnessDown;
diff --git a/packages/desktop-client/src/icons/v1/BrightnessUp.js b/packages/desktop-client/src/icons/v1/BrightnessUp.js
index d95c5448a..77cdb8ff0 100644
--- a/packages/desktop-client/src/icons/v1/BrightnessUp.js
+++ b/packages/desktop-client/src/icons/v1/BrightnessUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrightnessUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrightnessUp = props => (
     />
   </svg>
 );
-
 export default SvgBrightnessUp;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindow.js b/packages/desktop-client/src/icons/v1/BrowserWindow.js
index ecf9c25cc..650606a91 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindow.js
+++ b/packages/desktop-client/src/icons/v1/BrowserWindow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrowserWindow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrowserWindow = props => (
     />
   </svg>
 );
-
 export default SvgBrowserWindow;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindowNew.js b/packages/desktop-client/src/icons/v1/BrowserWindowNew.js
index d736ddbe1..ae375bbeb 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindowNew.js
+++ b/packages/desktop-client/src/icons/v1/BrowserWindowNew.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrowserWindowNew = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrowserWindowNew = props => (
     />
   </svg>
 );
-
 export default SvgBrowserWindowNew;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js b/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js
index 0c558d8c0..5f6c5e842 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js
+++ b/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrowserWindowOpen = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrowserWindowOpen = props => (
     />
   </svg>
 );
-
 export default SvgBrowserWindowOpen;
diff --git a/packages/desktop-client/src/icons/v1/Bug.js b/packages/desktop-client/src/icons/v1/Bug.js
index 706183612..cbca705de 100644
--- a/packages/desktop-client/src/icons/v1/Bug.js
+++ b/packages/desktop-client/src/icons/v1/Bug.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBug = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBug = props => (
     />
   </svg>
 );
-
 export default SvgBug;
diff --git a/packages/desktop-client/src/icons/v1/Buoy.js b/packages/desktop-client/src/icons/v1/Buoy.js
index 070ed609c..6a03f595f 100644
--- a/packages/desktop-client/src/icons/v1/Buoy.js
+++ b/packages/desktop-client/src/icons/v1/Buoy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBuoy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBuoy = props => (
     />
   </svg>
 );
-
 export default SvgBuoy;
diff --git a/packages/desktop-client/src/icons/v1/Calculator.js b/packages/desktop-client/src/icons/v1/Calculator.js
index 836a8fcca..b8582d39e 100644
--- a/packages/desktop-client/src/icons/v1/Calculator.js
+++ b/packages/desktop-client/src/icons/v1/Calculator.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalculator = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCalculator = props => (
     />
   </svg>
 );
-
 export default SvgCalculator;
diff --git a/packages/desktop-client/src/icons/v1/Calendar.js b/packages/desktop-client/src/icons/v1/Calendar.js
index 6b2bd5545..c93df74d4 100644
--- a/packages/desktop-client/src/icons/v1/Calendar.js
+++ b/packages/desktop-client/src/icons/v1/Calendar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalendar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCalendar = props => (
     />
   </svg>
 );
-
 export default SvgCalendar;
diff --git a/packages/desktop-client/src/icons/v1/Camera.js b/packages/desktop-client/src/icons/v1/Camera.js
index 3beb55bfd..4c0c6bb12 100644
--- a/packages/desktop-client/src/icons/v1/Camera.js
+++ b/packages/desktop-client/src/icons/v1/Camera.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCamera = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCamera = props => (
     />
   </svg>
 );
-
 export default SvgCamera;
diff --git a/packages/desktop-client/src/icons/v1/Chart.js b/packages/desktop-client/src/icons/v1/Chart.js
index 55a10b5b0..19d602865 100644
--- a/packages/desktop-client/src/icons/v1/Chart.js
+++ b/packages/desktop-client/src/icons/v1/Chart.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChart = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChart = props => (
     />
   </svg>
 );
-
 export default SvgChart;
diff --git a/packages/desktop-client/src/icons/v1/ChartBar.js b/packages/desktop-client/src/icons/v1/ChartBar.js
index aa2ced8ef..a922da4fd 100644
--- a/packages/desktop-client/src/icons/v1/ChartBar.js
+++ b/packages/desktop-client/src/icons/v1/ChartBar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChartBar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChartBar = props => (
     />
   </svg>
 );
-
 export default SvgChartBar;
diff --git a/packages/desktop-client/src/icons/v1/ChartPie.js b/packages/desktop-client/src/icons/v1/ChartPie.js
index dda1bb277..eedee8972 100644
--- a/packages/desktop-client/src/icons/v1/ChartPie.js
+++ b/packages/desktop-client/src/icons/v1/ChartPie.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChartPie = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChartPie = props => (
     />
   </svg>
 );
-
 export default SvgChartPie;
diff --git a/packages/desktop-client/src/icons/v1/ChatBubbleDots.js b/packages/desktop-client/src/icons/v1/ChatBubbleDots.js
index 66e565eb2..7e3d6a025 100644
--- a/packages/desktop-client/src/icons/v1/ChatBubbleDots.js
+++ b/packages/desktop-client/src/icons/v1/ChatBubbleDots.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChatBubbleDots = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChatBubbleDots = props => (
     />
   </svg>
 );
-
 export default SvgChatBubbleDots;
diff --git a/packages/desktop-client/src/icons/v1/CheckAlternative.js b/packages/desktop-client/src/icons/v1/CheckAlternative.js
index 1df0a20c6..a182e7711 100644
--- a/packages/desktop-client/src/icons/v1/CheckAlternative.js
+++ b/packages/desktop-client/src/icons/v1/CheckAlternative.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckAlternative = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCheckAlternative = props => (
     />
   </svg>
 );
-
 export default SvgCheckAlternative;
diff --git a/packages/desktop-client/src/icons/v1/Checkmark.js b/packages/desktop-client/src/icons/v1/Checkmark.js
index 80d406972..5d042a07c 100644
--- a/packages/desktop-client/src/icons/v1/Checkmark.js
+++ b/packages/desktop-client/src/icons/v1/Checkmark.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgCheckmark = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m0 11 2-2 5 5L18 3l2 2L7 18z" fill="currentColor" />
   </svg>
 );
-
 export default SvgCheckmark;
diff --git a/packages/desktop-client/src/icons/v1/CheckmarkOutline.js b/packages/desktop-client/src/icons/v1/CheckmarkOutline.js
index 4dcab0d0b..2fdb378ad 100644
--- a/packages/desktop-client/src/icons/v1/CheckmarkOutline.js
+++ b/packages/desktop-client/src/icons/v1/CheckmarkOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckmarkOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheckmarkOutline = props => (
     />
   </svg>
 );
-
 export default SvgCheckmarkOutline;
diff --git a/packages/desktop-client/src/icons/v1/CheveronDown.js b/packages/desktop-client/src/icons/v1/CheveronDown.js
index dd7d9c9e1..29929d5f8 100644
--- a/packages/desktop-client/src/icons/v1/CheveronDown.js
+++ b/packages/desktop-client/src/icons/v1/CheveronDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronDown = props => (
     />
   </svg>
 );
-
 export default SvgCheveronDown;
diff --git a/packages/desktop-client/src/icons/v1/CheveronLeft.js b/packages/desktop-client/src/icons/v1/CheveronLeft.js
index 802642772..4e832fcd6 100644
--- a/packages/desktop-client/src/icons/v1/CheveronLeft.js
+++ b/packages/desktop-client/src/icons/v1/CheveronLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronLeft = props => (
     />
   </svg>
 );
-
 export default SvgCheveronLeft;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js b/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js
index 88efc5146..9e256239d 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineDown = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineDown;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js b/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js
index 0c6b24494..8e770c70e 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineLeft = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineLeft;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js b/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js
index 78ba23bb5..d32f01d43 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineRight = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineRight;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js b/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js
index 313e93937..0f5104fd3 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineUp = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineUp;
diff --git a/packages/desktop-client/src/icons/v1/CheveronRight.js b/packages/desktop-client/src/icons/v1/CheveronRight.js
index f205fbfda..3fed76dda 100644
--- a/packages/desktop-client/src/icons/v1/CheveronRight.js
+++ b/packages/desktop-client/src/icons/v1/CheveronRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronRight = props => (
     />
   </svg>
 );
-
 export default SvgCheveronRight;
diff --git a/packages/desktop-client/src/icons/v1/CheveronUp.js b/packages/desktop-client/src/icons/v1/CheveronUp.js
index 0ec405141..b3f3e2b4f 100644
--- a/packages/desktop-client/src/icons/v1/CheveronUp.js
+++ b/packages/desktop-client/src/icons/v1/CheveronUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronUp = props => (
     />
   </svg>
 );
-
 export default SvgCheveronUp;
diff --git a/packages/desktop-client/src/icons/v1/Clipboard.js b/packages/desktop-client/src/icons/v1/Clipboard.js
index db91196c0..86e41a5d0 100644
--- a/packages/desktop-client/src/icons/v1/Clipboard.js
+++ b/packages/desktop-client/src/icons/v1/Clipboard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgClipboard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgClipboard = props => (
     />
   </svg>
 );
-
 export default SvgClipboard;
diff --git a/packages/desktop-client/src/icons/v1/Close.js b/packages/desktop-client/src/icons/v1/Close.js
index c47a8f712..f7486d270 100644
--- a/packages/desktop-client/src/icons/v1/Close.js
+++ b/packages/desktop-client/src/icons/v1/Close.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgClose = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgClose = props => (
     />
   </svg>
 );
-
 export default SvgClose;
diff --git a/packages/desktop-client/src/icons/v1/CloseOutline.js b/packages/desktop-client/src/icons/v1/CloseOutline.js
index 9811ead6d..8d35f5833 100644
--- a/packages/desktop-client/src/icons/v1/CloseOutline.js
+++ b/packages/desktop-client/src/icons/v1/CloseOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloseOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloseOutline = props => (
     />
   </svg>
 );
-
 export default SvgCloseOutline;
diff --git a/packages/desktop-client/src/icons/v1/CloseSolid.js b/packages/desktop-client/src/icons/v1/CloseSolid.js
index 15bcee59e..d84d02534 100644
--- a/packages/desktop-client/src/icons/v1/CloseSolid.js
+++ b/packages/desktop-client/src/icons/v1/CloseSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloseSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloseSolid = props => (
     />
   </svg>
 );
-
 export default SvgCloseSolid;
diff --git a/packages/desktop-client/src/icons/v1/Cloud.js b/packages/desktop-client/src/icons/v1/Cloud.js
index 4cb6e14b7..4d00fb2ee 100644
--- a/packages/desktop-client/src/icons/v1/Cloud.js
+++ b/packages/desktop-client/src/icons/v1/Cloud.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloud = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloud = props => (
     />
   </svg>
 );
-
 export default SvgCloud;
diff --git a/packages/desktop-client/src/icons/v1/CloudCheck.js b/packages/desktop-client/src/icons/v1/CloudCheck.js
index a9e137e71..48895b29f 100644
--- a/packages/desktop-client/src/icons/v1/CloudCheck.js
+++ b/packages/desktop-client/src/icons/v1/CloudCheck.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudCheck = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudCheck = props => (
     />
   </svg>
 );
-
 export default SvgCloudCheck;
diff --git a/packages/desktop-client/src/icons/v1/CloudDownload.js b/packages/desktop-client/src/icons/v1/CloudDownload.js
index 0f29d175e..d4f9acc5a 100644
--- a/packages/desktop-client/src/icons/v1/CloudDownload.js
+++ b/packages/desktop-client/src/icons/v1/CloudDownload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudDownload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudDownload = props => (
     />
   </svg>
 );
-
 export default SvgCloudDownload;
diff --git a/packages/desktop-client/src/icons/v1/CloudUpload.js b/packages/desktop-client/src/icons/v1/CloudUpload.js
index 34aef75c1..6937e4938 100644
--- a/packages/desktop-client/src/icons/v1/CloudUpload.js
+++ b/packages/desktop-client/src/icons/v1/CloudUpload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudUpload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloudUpload = props => (
     />
   </svg>
 );
-
 export default SvgCloudUpload;
diff --git a/packages/desktop-client/src/icons/v1/CloudWarning.js b/packages/desktop-client/src/icons/v1/CloudWarning.js
index 4afd4c5f7..322da7110 100644
--- a/packages/desktop-client/src/icons/v1/CloudWarning.js
+++ b/packages/desktop-client/src/icons/v1/CloudWarning.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudWarning = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudWarning = props => (
     />
   </svg>
 );
-
 export default SvgCloudWarning;
diff --git a/packages/desktop-client/src/icons/v1/Code.js b/packages/desktop-client/src/icons/v1/Code.js
index c7c2d6389..6a80f9b08 100644
--- a/packages/desktop-client/src/icons/v1/Code.js
+++ b/packages/desktop-client/src/icons/v1/Code.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCode = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCode = props => (
     />
   </svg>
 );
-
 export default SvgCode;
diff --git a/packages/desktop-client/src/icons/v1/Coffee.js b/packages/desktop-client/src/icons/v1/Coffee.js
index 516e96124..b98c91591 100644
--- a/packages/desktop-client/src/icons/v1/Coffee.js
+++ b/packages/desktop-client/src/icons/v1/Coffee.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCoffee = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCoffee = props => (
     />
   </svg>
 );
-
 export default SvgCoffee;
diff --git a/packages/desktop-client/src/icons/v1/Cog.js b/packages/desktop-client/src/icons/v1/Cog.js
index 054ed004d..06fafd691 100644
--- a/packages/desktop-client/src/icons/v1/Cog.js
+++ b/packages/desktop-client/src/icons/v1/Cog.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCog = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCog = props => (
     />
   </svg>
 );
-
 export default SvgCog;
diff --git a/packages/desktop-client/src/icons/v1/ColorPalette.js b/packages/desktop-client/src/icons/v1/ColorPalette.js
index 2b79e3965..5c2b25ff0 100644
--- a/packages/desktop-client/src/icons/v1/ColorPalette.js
+++ b/packages/desktop-client/src/icons/v1/ColorPalette.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgColorPalette = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgColorPalette = props => (
     />
   </svg>
 );
-
 export default SvgColorPalette;
diff --git a/packages/desktop-client/src/icons/v1/Compose.js b/packages/desktop-client/src/icons/v1/Compose.js
index ddaf65990..c6a440b9c 100644
--- a/packages/desktop-client/src/icons/v1/Compose.js
+++ b/packages/desktop-client/src/icons/v1/Compose.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCompose = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCompose = props => (
     />
   </svg>
 );
-
 export default SvgCompose;
diff --git a/packages/desktop-client/src/icons/v1/ComputerDesktop.js b/packages/desktop-client/src/icons/v1/ComputerDesktop.js
index c4262a1f4..f2d193bda 100644
--- a/packages/desktop-client/src/icons/v1/ComputerDesktop.js
+++ b/packages/desktop-client/src/icons/v1/ComputerDesktop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgComputerDesktop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgComputerDesktop = props => (
     />
   </svg>
 );
-
 export default SvgComputerDesktop;
diff --git a/packages/desktop-client/src/icons/v1/ComputerLaptop.js b/packages/desktop-client/src/icons/v1/ComputerLaptop.js
index 5076f9d71..763d394d8 100644
--- a/packages/desktop-client/src/icons/v1/ComputerLaptop.js
+++ b/packages/desktop-client/src/icons/v1/ComputerLaptop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgComputerLaptop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgComputerLaptop = props => (
     />
   </svg>
 );
-
 export default SvgComputerLaptop;
diff --git a/packages/desktop-client/src/icons/v1/Conversation.js b/packages/desktop-client/src/icons/v1/Conversation.js
index 45b4bb8d4..467c31b7f 100644
--- a/packages/desktop-client/src/icons/v1/Conversation.js
+++ b/packages/desktop-client/src/icons/v1/Conversation.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgConversation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgConversation = props => (
     />
   </svg>
 );
-
 export default SvgConversation;
diff --git a/packages/desktop-client/src/icons/v1/Copy.js b/packages/desktop-client/src/icons/v1/Copy.js
index 13a11756a..4c367bcd0 100644
--- a/packages/desktop-client/src/icons/v1/Copy.js
+++ b/packages/desktop-client/src/icons/v1/Copy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCopy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCopy = props => (
     />
   </svg>
 );
-
 export default SvgCopy;
diff --git a/packages/desktop-client/src/icons/v1/CreditCard.js b/packages/desktop-client/src/icons/v1/CreditCard.js
index 185a544fb..d666f3609 100644
--- a/packages/desktop-client/src/icons/v1/CreditCard.js
+++ b/packages/desktop-client/src/icons/v1/CreditCard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCreditCard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCreditCard = props => (
     />
   </svg>
 );
-
 export default SvgCreditCard;
diff --git a/packages/desktop-client/src/icons/v1/CurrencyDollar.js b/packages/desktop-client/src/icons/v1/CurrencyDollar.js
index 0abae4d18..b936f49fb 100644
--- a/packages/desktop-client/src/icons/v1/CurrencyDollar.js
+++ b/packages/desktop-client/src/icons/v1/CurrencyDollar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCurrencyDollar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCurrencyDollar = props => (
     />
   </svg>
 );
-
 export default SvgCurrencyDollar;
diff --git a/packages/desktop-client/src/icons/v1/Dashboard.js b/packages/desktop-client/src/icons/v1/Dashboard.js
index 602df569c..090069481 100644
--- a/packages/desktop-client/src/icons/v1/Dashboard.js
+++ b/packages/desktop-client/src/icons/v1/Dashboard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDashboard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDashboard = props => (
     />
   </svg>
 );
-
 export default SvgDashboard;
diff --git a/packages/desktop-client/src/icons/v1/DateAdd.js b/packages/desktop-client/src/icons/v1/DateAdd.js
index c49cd3df4..fc42cca76 100644
--- a/packages/desktop-client/src/icons/v1/DateAdd.js
+++ b/packages/desktop-client/src/icons/v1/DateAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDateAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDateAdd = props => (
     />
   </svg>
 );
-
 export default SvgDateAdd;
diff --git a/packages/desktop-client/src/icons/v1/DialPad.js b/packages/desktop-client/src/icons/v1/DialPad.js
index 7c098bfa9..64d7de4c3 100644
--- a/packages/desktop-client/src/icons/v1/DialPad.js
+++ b/packages/desktop-client/src/icons/v1/DialPad.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDialPad = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDialPad = props => (
     />
   </svg>
 );
-
 export default SvgDialPad;
diff --git a/packages/desktop-client/src/icons/v1/Directions.js b/packages/desktop-client/src/icons/v1/Directions.js
index 72b1097cb..55bb2d328 100644
--- a/packages/desktop-client/src/icons/v1/Directions.js
+++ b/packages/desktop-client/src/icons/v1/Directions.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDirections = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDirections = props => (
     />
   </svg>
 );
-
 export default SvgDirections;
diff --git a/packages/desktop-client/src/icons/v1/Document.js b/packages/desktop-client/src/icons/v1/Document.js
index 29f5acb12..3de5e6117 100644
--- a/packages/desktop-client/src/icons/v1/Document.js
+++ b/packages/desktop-client/src/icons/v1/Document.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDocument = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDocument = props => (
     />
   </svg>
 );
-
 export default SvgDocument;
diff --git a/packages/desktop-client/src/icons/v1/DocumentAdd.js b/packages/desktop-client/src/icons/v1/DocumentAdd.js
index 179d05011..1320af20d 100644
--- a/packages/desktop-client/src/icons/v1/DocumentAdd.js
+++ b/packages/desktop-client/src/icons/v1/DocumentAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDocumentAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDocumentAdd = props => (
     />
   </svg>
 );
-
 export default SvgDocumentAdd;
diff --git a/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js b/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js
index 63d3ce133..f38344f02 100644
--- a/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js
+++ b/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDotsHorizontalDouble = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDotsHorizontalDouble = props => (
     />
   </svg>
 );
-
 export default SvgDotsHorizontalDouble;
diff --git a/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js b/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js
index 372e1dc71..649a8bf26 100644
--- a/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js
+++ b/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDotsHorizontalTriple = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDotsHorizontalTriple = props => (
     />
   </svg>
 );
-
 export default SvgDotsHorizontalTriple;
diff --git a/packages/desktop-client/src/icons/v1/Download.js b/packages/desktop-client/src/icons/v1/Download.js
index 1a9d92f5c..9fc682307 100644
--- a/packages/desktop-client/src/icons/v1/Download.js
+++ b/packages/desktop-client/src/icons/v1/Download.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgDownload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgDownload;
diff --git a/packages/desktop-client/src/icons/v1/Duplicate.js b/packages/desktop-client/src/icons/v1/Duplicate.js
index bb489828c..7738f016f 100644
--- a/packages/desktop-client/src/icons/v1/Duplicate.js
+++ b/packages/desktop-client/src/icons/v1/Duplicate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDuplicate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDuplicate = props => (
     />
   </svg>
 );
-
 export default SvgDuplicate;
diff --git a/packages/desktop-client/src/icons/v1/EditCopy.js b/packages/desktop-client/src/icons/v1/EditCopy.js
index 020fd38f9..dfeadcf62 100644
--- a/packages/desktop-client/src/icons/v1/EditCopy.js
+++ b/packages/desktop-client/src/icons/v1/EditCopy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditCopy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditCopy = props => (
     />
   </svg>
 );
-
 export default SvgEditCopy;
diff --git a/packages/desktop-client/src/icons/v1/EditCrop.js b/packages/desktop-client/src/icons/v1/EditCrop.js
index 5acd2532c..540ab1011 100644
--- a/packages/desktop-client/src/icons/v1/EditCrop.js
+++ b/packages/desktop-client/src/icons/v1/EditCrop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditCrop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditCrop = props => (
     />
   </svg>
 );
-
 export default SvgEditCrop;
diff --git a/packages/desktop-client/src/icons/v1/EditCut.js b/packages/desktop-client/src/icons/v1/EditCut.js
index 48327b27a..3b3a7b08d 100644
--- a/packages/desktop-client/src/icons/v1/EditCut.js
+++ b/packages/desktop-client/src/icons/v1/EditCut.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditCut = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditCut = props => (
     />
   </svg>
 );
-
 export default SvgEditCut;
diff --git a/packages/desktop-client/src/icons/v1/EditPencil.js b/packages/desktop-client/src/icons/v1/EditPencil.js
index 82b9f5872..00ee0f6ff 100644
--- a/packages/desktop-client/src/icons/v1/EditPencil.js
+++ b/packages/desktop-client/src/icons/v1/EditPencil.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditPencil = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditPencil = props => (
     />
   </svg>
 );
-
 export default SvgEditPencil;
diff --git a/packages/desktop-client/src/icons/v1/Education.js b/packages/desktop-client/src/icons/v1/Education.js
index 14237be28..1dc8befed 100644
--- a/packages/desktop-client/src/icons/v1/Education.js
+++ b/packages/desktop-client/src/icons/v1/Education.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEducation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEducation = props => (
     />
   </svg>
 );
-
 export default SvgEducation;
diff --git a/packages/desktop-client/src/icons/v1/Envelope.js b/packages/desktop-client/src/icons/v1/Envelope.js
index c987048f0..c3c64ab9a 100644
--- a/packages/desktop-client/src/icons/v1/Envelope.js
+++ b/packages/desktop-client/src/icons/v1/Envelope.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEnvelope = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEnvelope = props => (
     />
   </svg>
 );
-
 export default SvgEnvelope;
diff --git a/packages/desktop-client/src/icons/v1/Equals.js b/packages/desktop-client/src/icons/v1/Equals.js
index b1f52accf..f5dedd76c 100644
--- a/packages/desktop-client/src/icons/v1/Equals.js
+++ b/packages/desktop-client/src/icons/v1/Equals.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgEquals = props => (
   <svg
     {...props}
-    viewBox="0 0 23 11"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 23 11"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5zm0 8a1.5 1.5 0 0 1-1.5 1.5h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 9.5z"
-      fillRule="nonzero"
       fill="currentColor"
+      fillRule="nonzero"
+      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5zm0 8a1.5 1.5 0 0 1-1.5 1.5h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 9.5z"
     />
   </svg>
 );
-
 export default SvgEquals;
diff --git a/packages/desktop-client/src/icons/v1/ExclamationOutline.js b/packages/desktop-client/src/icons/v1/ExclamationOutline.js
index ec4535cdf..2c7d83ab6 100644
--- a/packages/desktop-client/src/icons/v1/ExclamationOutline.js
+++ b/packages/desktop-client/src/icons/v1/ExclamationOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExclamationOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExclamationOutline = props => (
     />
   </svg>
 );
-
 export default SvgExclamationOutline;
diff --git a/packages/desktop-client/src/icons/v1/ExclamationSolid.js b/packages/desktop-client/src/icons/v1/ExclamationSolid.js
index f8bfb0838..65d7a07c3 100644
--- a/packages/desktop-client/src/icons/v1/ExclamationSolid.js
+++ b/packages/desktop-client/src/icons/v1/ExclamationSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExclamationSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExclamationSolid = props => (
     />
   </svg>
 );
-
 export default SvgExclamationSolid;
diff --git a/packages/desktop-client/src/icons/v1/Explore.js b/packages/desktop-client/src/icons/v1/Explore.js
index f477a6903..c58361908 100644
--- a/packages/desktop-client/src/icons/v1/Explore.js
+++ b/packages/desktop-client/src/icons/v1/Explore.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExplore = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExplore = props => (
     />
   </svg>
 );
-
 export default SvgExplore;
diff --git a/packages/desktop-client/src/icons/v1/Factory.js b/packages/desktop-client/src/icons/v1/Factory.js
index 11c6486bf..313408bd1 100644
--- a/packages/desktop-client/src/icons/v1/Factory.js
+++ b/packages/desktop-client/src/icons/v1/Factory.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFactory = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFactory = props => (
     />
   </svg>
 );
-
 export default SvgFactory;
diff --git a/packages/desktop-client/src/icons/v1/FastForward.js b/packages/desktop-client/src/icons/v1/FastForward.js
index a5d6252a2..d688f4179 100644
--- a/packages/desktop-client/src/icons/v1/FastForward.js
+++ b/packages/desktop-client/src/icons/v1/FastForward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgFastForward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m1 5 9 5-9 5V5zm9 0 9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgFastForward;
diff --git a/packages/desktop-client/src/icons/v1/FastRewind.js b/packages/desktop-client/src/icons/v1/FastRewind.js
index c578a7d78..da6afd256 100644
--- a/packages/desktop-client/src/icons/v1/FastRewind.js
+++ b/packages/desktop-client/src/icons/v1/FastRewind.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgFastRewind = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M19 5v10l-9-5 9-5zm-9 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgFastRewind;
diff --git a/packages/desktop-client/src/icons/v1/FileDouble.js b/packages/desktop-client/src/icons/v1/FileDouble.js
index ac0a4f2f6..80acc04ce 100644
--- a/packages/desktop-client/src/icons/v1/FileDouble.js
+++ b/packages/desktop-client/src/icons/v1/FileDouble.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFileDouble = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFileDouble = props => (
     />
   </svg>
 );
-
 export default SvgFileDouble;
diff --git a/packages/desktop-client/src/icons/v1/Film.js b/packages/desktop-client/src/icons/v1/Film.js
index 5c07dd902..eae53da1c 100644
--- a/packages/desktop-client/src/icons/v1/Film.js
+++ b/packages/desktop-client/src/icons/v1/Film.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFilm = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFilm = props => (
     />
   </svg>
 );
-
 export default SvgFilm;
diff --git a/packages/desktop-client/src/icons/v1/Filter.js b/packages/desktop-client/src/icons/v1/Filter.js
index d3894fa76..b3c3a2d95 100644
--- a/packages/desktop-client/src/icons/v1/Filter.js
+++ b/packages/desktop-client/src/icons/v1/Filter.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgFilter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m12 12 8-8V0H0v4l8 8v8l4-4v-4z" fill="currentColor" />
   </svg>
 );
-
 export default SvgFilter;
diff --git a/packages/desktop-client/src/icons/v1/Flag.js b/packages/desktop-client/src/icons/v1/Flag.js
index e0835115f..272045d75 100644
--- a/packages/desktop-client/src/icons/v1/Flag.js
+++ b/packages/desktop-client/src/icons/v1/Flag.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFlag = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFlag = props => (
     />
   </svg>
 );
-
 export default SvgFlag;
diff --git a/packages/desktop-client/src/icons/v1/Flashlight.js b/packages/desktop-client/src/icons/v1/Flashlight.js
index 86e0edfb5..38bbe3f9b 100644
--- a/packages/desktop-client/src/icons/v1/Flashlight.js
+++ b/packages/desktop-client/src/icons/v1/Flashlight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFlashlight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFlashlight = props => (
     />
   </svg>
 );
-
 export default SvgFlashlight;
diff --git a/packages/desktop-client/src/icons/v1/Folder.js b/packages/desktop-client/src/icons/v1/Folder.js
index ac3340641..458999c03 100644
--- a/packages/desktop-client/src/icons/v1/Folder.js
+++ b/packages/desktop-client/src/icons/v1/Folder.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFolder = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFolder = props => (
     />
   </svg>
 );
-
 export default SvgFolder;
diff --git a/packages/desktop-client/src/icons/v1/FolderOutline.js b/packages/desktop-client/src/icons/v1/FolderOutline.js
index 2aea40e33..df403576d 100644
--- a/packages/desktop-client/src/icons/v1/FolderOutline.js
+++ b/packages/desktop-client/src/icons/v1/FolderOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFolderOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFolderOutline = props => (
     />
   </svg>
 );
-
 export default SvgFolderOutline;
diff --git a/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js b/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js
index 0fee8dc67..671905ffe 100644
--- a/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js
+++ b/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFolderOutlineAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFolderOutlineAdd = props => (
     />
   </svg>
 );
-
 export default SvgFolderOutlineAdd;
diff --git a/packages/desktop-client/src/icons/v1/FormatBold.js b/packages/desktop-client/src/icons/v1/FormatBold.js
index 5905bd913..1e7f3de6a 100644
--- a/packages/desktop-client/src/icons/v1/FormatBold.js
+++ b/packages/desktop-client/src/icons/v1/FormatBold.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatBold = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatBold = props => (
     />
   </svg>
 );
-
 export default SvgFormatBold;
diff --git a/packages/desktop-client/src/icons/v1/FormatFontSize.js b/packages/desktop-client/src/icons/v1/FormatFontSize.js
index f762b8f67..328d43934 100644
--- a/packages/desktop-client/src/icons/v1/FormatFontSize.js
+++ b/packages/desktop-client/src/icons/v1/FormatFontSize.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatFontSize = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatFontSize = props => (
     />
   </svg>
 );
-
 export default SvgFormatFontSize;
diff --git a/packages/desktop-client/src/icons/v1/FormatItalic.js b/packages/desktop-client/src/icons/v1/FormatItalic.js
index 14b787b7b..10ed74d95 100644
--- a/packages/desktop-client/src/icons/v1/FormatItalic.js
+++ b/packages/desktop-client/src/icons/v1/FormatItalic.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatItalic = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatItalic = props => (
     />
   </svg>
 );
-
 export default SvgFormatItalic;
diff --git a/packages/desktop-client/src/icons/v1/FormatTextSize.js b/packages/desktop-client/src/icons/v1/FormatTextSize.js
index ed8bcf8bf..025bf4757 100644
--- a/packages/desktop-client/src/icons/v1/FormatTextSize.js
+++ b/packages/desktop-client/src/icons/v1/FormatTextSize.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatTextSize = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatTextSize = props => (
     />
   </svg>
 );
-
 export default SvgFormatTextSize;
diff --git a/packages/desktop-client/src/icons/v1/FormatUnderline.js b/packages/desktop-client/src/icons/v1/FormatUnderline.js
index d9cf5e762..46757bbaa 100644
--- a/packages/desktop-client/src/icons/v1/FormatUnderline.js
+++ b/packages/desktop-client/src/icons/v1/FormatUnderline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatUnderline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatUnderline = props => (
     />
   </svg>
 );
-
 export default SvgFormatUnderline;
diff --git a/packages/desktop-client/src/icons/v1/Forward.js b/packages/desktop-client/src/icons/v1/Forward.js
index 7c231595e..3bc597282 100644
--- a/packages/desktop-client/src/icons/v1/Forward.js
+++ b/packages/desktop-client/src/icons/v1/Forward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgForward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m1 5 9 5-9 5V5zm9 0 9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgForward;
diff --git a/packages/desktop-client/src/icons/v1/ForwardStep.js b/packages/desktop-client/src/icons/v1/ForwardStep.js
index 8f1082c13..4fbf0caec 100644
--- a/packages/desktop-client/src/icons/v1/ForwardStep.js
+++ b/packages/desktop-client/src/icons/v1/ForwardStep.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgForwardStep = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M13 5h3v10h-3V5zM4 5l9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgForwardStep;
diff --git a/packages/desktop-client/src/icons/v1/Gift.js b/packages/desktop-client/src/icons/v1/Gift.js
index 4fedb579d..0cc88a9a3 100644
--- a/packages/desktop-client/src/icons/v1/Gift.js
+++ b/packages/desktop-client/src/icons/v1/Gift.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgGift = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgGift = props => (
     />
   </svg>
 );
-
 export default SvgGift;
diff --git a/packages/desktop-client/src/icons/v1/Globe.js b/packages/desktop-client/src/icons/v1/Globe.js
index 7734c8dfb..a69ce863e 100644
--- a/packages/desktop-client/src/icons/v1/Globe.js
+++ b/packages/desktop-client/src/icons/v1/Globe.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgGlobe = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgGlobe = props => (
     />
   </svg>
 );
-
 export default SvgGlobe;
diff --git a/packages/desktop-client/src/icons/v1/HandStop.js b/packages/desktop-client/src/icons/v1/HandStop.js
index 8befb5c58..05d5f5ac9 100644
--- a/packages/desktop-client/src/icons/v1/HandStop.js
+++ b/packages/desktop-client/src/icons/v1/HandStop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHandStop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHandStop = props => (
     />
   </svg>
 );
-
 export default SvgHandStop;
diff --git a/packages/desktop-client/src/icons/v1/HardDrive.js b/packages/desktop-client/src/icons/v1/HardDrive.js
index 4c18cfa24..28d1cab34 100644
--- a/packages/desktop-client/src/icons/v1/HardDrive.js
+++ b/packages/desktop-client/src/icons/v1/HardDrive.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHardDrive = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHardDrive = props => (
     />
   </svg>
 );
-
 export default SvgHardDrive;
diff --git a/packages/desktop-client/src/icons/v1/Headphones.js b/packages/desktop-client/src/icons/v1/Headphones.js
index 0eeee8d0f..f72b1d1d1 100644
--- a/packages/desktop-client/src/icons/v1/Headphones.js
+++ b/packages/desktop-client/src/icons/v1/Headphones.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHeadphones = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHeadphones = props => (
     />
   </svg>
 );
-
 export default SvgHeadphones;
diff --git a/packages/desktop-client/src/icons/v1/Heart.js b/packages/desktop-client/src/icons/v1/Heart.js
index 3ffbcf0e5..730816615 100644
--- a/packages/desktop-client/src/icons/v1/Heart.js
+++ b/packages/desktop-client/src/icons/v1/Heart.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHeart = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHeart = props => (
     />
   </svg>
 );
-
 export default SvgHeart;
diff --git a/packages/desktop-client/src/icons/v1/Home.js b/packages/desktop-client/src/icons/v1/Home.js
index 42ff54836..5829bd62e 100644
--- a/packages/desktop-client/src/icons/v1/Home.js
+++ b/packages/desktop-client/src/icons/v1/Home.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgHome = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M8 20H3V10H0L10 0l10 10h-3v10h-5v-6H8v6z" fill="currentColor" />
   </svg>
 );
-
 export default SvgHome;
diff --git a/packages/desktop-client/src/icons/v1/Hot.js b/packages/desktop-client/src/icons/v1/Hot.js
index a72390f6f..1291e2448 100644
--- a/packages/desktop-client/src/icons/v1/Hot.js
+++ b/packages/desktop-client/src/icons/v1/Hot.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHot = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHot = props => (
     />
   </svg>
 );
-
 export default SvgHot;
diff --git a/packages/desktop-client/src/icons/v1/HourGlass.js b/packages/desktop-client/src/icons/v1/HourGlass.js
index c9571fa11..1c26d84af 100644
--- a/packages/desktop-client/src/icons/v1/HourGlass.js
+++ b/packages/desktop-client/src/icons/v1/HourGlass.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHourGlass = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHourGlass = props => (
     />
   </svg>
 );
-
 export default SvgHourGlass;
diff --git a/packages/desktop-client/src/icons/v1/Inbox.js b/packages/desktop-client/src/icons/v1/Inbox.js
index b7bec0898..8bf18b326 100644
--- a/packages/desktop-client/src/icons/v1/Inbox.js
+++ b/packages/desktop-client/src/icons/v1/Inbox.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInbox = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInbox = props => (
     />
   </svg>
 );
-
 export default SvgInbox;
diff --git a/packages/desktop-client/src/icons/v1/InboxCheck.js b/packages/desktop-client/src/icons/v1/InboxCheck.js
index 2d8a92255..a29e722a0 100644
--- a/packages/desktop-client/src/icons/v1/InboxCheck.js
+++ b/packages/desktop-client/src/icons/v1/InboxCheck.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInboxCheck = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInboxCheck = props => (
     />
   </svg>
 );
-
 export default SvgInboxCheck;
diff --git a/packages/desktop-client/src/icons/v1/InboxDownload.js b/packages/desktop-client/src/icons/v1/InboxDownload.js
index e61c66c18..9f300b951 100644
--- a/packages/desktop-client/src/icons/v1/InboxDownload.js
+++ b/packages/desktop-client/src/icons/v1/InboxDownload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInboxDownload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInboxDownload = props => (
     />
   </svg>
 );
-
 export default SvgInboxDownload;
diff --git a/packages/desktop-client/src/icons/v1/InboxFull.js b/packages/desktop-client/src/icons/v1/InboxFull.js
index a955e104e..632b40238 100644
--- a/packages/desktop-client/src/icons/v1/InboxFull.js
+++ b/packages/desktop-client/src/icons/v1/InboxFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInboxFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInboxFull = props => (
     />
   </svg>
 );
-
 export default SvgInboxFull;
diff --git a/packages/desktop-client/src/icons/v1/IndentDecrease.js b/packages/desktop-client/src/icons/v1/IndentDecrease.js
index 899225752..1128a7167 100644
--- a/packages/desktop-client/src/icons/v1/IndentDecrease.js
+++ b/packages/desktop-client/src/icons/v1/IndentDecrease.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgIndentDecrease = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgIndentDecrease = props => (
     />
   </svg>
 );
-
 export default SvgIndentDecrease;
diff --git a/packages/desktop-client/src/icons/v1/IndentIncrease.js b/packages/desktop-client/src/icons/v1/IndentIncrease.js
index 52b602b0d..4fec24fcc 100644
--- a/packages/desktop-client/src/icons/v1/IndentIncrease.js
+++ b/packages/desktop-client/src/icons/v1/IndentIncrease.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgIndentIncrease = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgIndentIncrease = props => (
     />
   </svg>
 );
-
 export default SvgIndentIncrease;
diff --git a/packages/desktop-client/src/icons/v1/InformationOutline.js b/packages/desktop-client/src/icons/v1/InformationOutline.js
index c5c204f1d..2ea662e19 100644
--- a/packages/desktop-client/src/icons/v1/InformationOutline.js
+++ b/packages/desktop-client/src/icons/v1/InformationOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInformationOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInformationOutline = props => (
     />
   </svg>
 );
-
 export default SvgInformationOutline;
diff --git a/packages/desktop-client/src/icons/v1/InformationSolid.js b/packages/desktop-client/src/icons/v1/InformationSolid.js
index 26a28366a..42f7721eb 100644
--- a/packages/desktop-client/src/icons/v1/InformationSolid.js
+++ b/packages/desktop-client/src/icons/v1/InformationSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInformationSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInformationSolid = props => (
     />
   </svg>
 );
-
 export default SvgInformationSolid;
diff --git a/packages/desktop-client/src/icons/v1/Key.js b/packages/desktop-client/src/icons/v1/Key.js
index 28cfe6863..b94bc9b20 100644
--- a/packages/desktop-client/src/icons/v1/Key.js
+++ b/packages/desktop-client/src/icons/v1/Key.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgKey = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgKey = props => (
     />
   </svg>
 );
-
 export default SvgKey;
diff --git a/packages/desktop-client/src/icons/v1/Keyboard.js b/packages/desktop-client/src/icons/v1/Keyboard.js
index fc3fb55a5..5ad8e3c0d 100644
--- a/packages/desktop-client/src/icons/v1/Keyboard.js
+++ b/packages/desktop-client/src/icons/v1/Keyboard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgKeyboard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgKeyboard = props => (
     />
   </svg>
 );
-
 export default SvgKeyboard;
diff --git a/packages/desktop-client/src/icons/v1/Layers.js b/packages/desktop-client/src/icons/v1/Layers.js
index 4e57c9f4a..6c75a6828 100644
--- a/packages/desktop-client/src/icons/v1/Layers.js
+++ b/packages/desktop-client/src/icons/v1/Layers.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLayers = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLayers = props => (
     />
   </svg>
 );
-
 export default SvgLayers;
diff --git a/packages/desktop-client/src/icons/v1/Library.js b/packages/desktop-client/src/icons/v1/Library.js
index 750752b05..38504bd8c 100644
--- a/packages/desktop-client/src/icons/v1/Library.js
+++ b/packages/desktop-client/src/icons/v1/Library.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLibrary = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLibrary = props => (
     />
   </svg>
 );
-
 export default SvgLibrary;
diff --git a/packages/desktop-client/src/icons/v1/LightBulb.js b/packages/desktop-client/src/icons/v1/LightBulb.js
index 62b93d64c..5b112c4d3 100644
--- a/packages/desktop-client/src/icons/v1/LightBulb.js
+++ b/packages/desktop-client/src/icons/v1/LightBulb.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLightBulb = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLightBulb = props => (
     />
   </svg>
 );
-
 export default SvgLightBulb;
diff --git a/packages/desktop-client/src/icons/v1/Link.js b/packages/desktop-client/src/icons/v1/Link.js
index 958227ed6..f4bc88a4b 100644
--- a/packages/desktop-client/src/icons/v1/Link.js
+++ b/packages/desktop-client/src/icons/v1/Link.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLink = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLink = props => (
     />
   </svg>
 );
-
 export default SvgLink;
diff --git a/packages/desktop-client/src/icons/v1/List.js b/packages/desktop-client/src/icons/v1/List.js
index c37c1dbf2..93c2b21d7 100644
--- a/packages/desktop-client/src/icons/v1/List.js
+++ b/packages/desktop-client/src/icons/v1/List.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgList = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgList = props => (
     />
   </svg>
 );
-
 export default SvgList;
diff --git a/packages/desktop-client/src/icons/v1/ListAdd.js b/packages/desktop-client/src/icons/v1/ListAdd.js
index db259176a..35333ff5d 100644
--- a/packages/desktop-client/src/icons/v1/ListAdd.js
+++ b/packages/desktop-client/src/icons/v1/ListAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgListAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgListAdd = props => (
     />
   </svg>
 );
-
 export default SvgListAdd;
diff --git a/packages/desktop-client/src/icons/v1/ListBullet.js b/packages/desktop-client/src/icons/v1/ListBullet.js
index 6f54e6871..e8ed0b877 100644
--- a/packages/desktop-client/src/icons/v1/ListBullet.js
+++ b/packages/desktop-client/src/icons/v1/ListBullet.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgListBullet = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgListBullet = props => (
     />
   </svg>
 );
-
 export default SvgListBullet;
diff --git a/packages/desktop-client/src/icons/v1/LoadBalancer.js b/packages/desktop-client/src/icons/v1/LoadBalancer.js
index 9f56ad5d4..62479e874 100644
--- a/packages/desktop-client/src/icons/v1/LoadBalancer.js
+++ b/packages/desktop-client/src/icons/v1/LoadBalancer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLoadBalancer = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLoadBalancer = props => (
     />
   </svg>
 );
-
 export default SvgLoadBalancer;
diff --git a/packages/desktop-client/src/icons/v1/Location.js b/packages/desktop-client/src/icons/v1/Location.js
index f269ff8df..70c0bdb34 100644
--- a/packages/desktop-client/src/icons/v1/Location.js
+++ b/packages/desktop-client/src/icons/v1/Location.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocation = props => (
     />
   </svg>
 );
-
 export default SvgLocation;
diff --git a/packages/desktop-client/src/icons/v1/LocationCurrent.js b/packages/desktop-client/src/icons/v1/LocationCurrent.js
index 09884ce54..17b8b6cab 100644
--- a/packages/desktop-client/src/icons/v1/LocationCurrent.js
+++ b/packages/desktop-client/src/icons/v1/LocationCurrent.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgLocationCurrent = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m0 0 20 8-8 4-2 8z" fill="currentColor" />
   </svg>
 );
-
 export default SvgLocationCurrent;
diff --git a/packages/desktop-client/src/icons/v1/LocationFood.js b/packages/desktop-client/src/icons/v1/LocationFood.js
index 9c57d196d..dd37a4e74 100644
--- a/packages/desktop-client/src/icons/v1/LocationFood.js
+++ b/packages/desktop-client/src/icons/v1/LocationFood.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationFood = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationFood = props => (
     />
   </svg>
 );
-
 export default SvgLocationFood;
diff --git a/packages/desktop-client/src/icons/v1/LocationGasStation.js b/packages/desktop-client/src/icons/v1/LocationGasStation.js
index 676894c1e..7c184fee4 100644
--- a/packages/desktop-client/src/icons/v1/LocationGasStation.js
+++ b/packages/desktop-client/src/icons/v1/LocationGasStation.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationGasStation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationGasStation = props => (
     />
   </svg>
 );
-
 export default SvgLocationGasStation;
diff --git a/packages/desktop-client/src/icons/v1/LocationHotel.js b/packages/desktop-client/src/icons/v1/LocationHotel.js
index 37f5c929a..b5ecc5ccc 100644
--- a/packages/desktop-client/src/icons/v1/LocationHotel.js
+++ b/packages/desktop-client/src/icons/v1/LocationHotel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationHotel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationHotel = props => (
     />
   </svg>
 );
-
 export default SvgLocationHotel;
diff --git a/packages/desktop-client/src/icons/v1/LocationMarina.js b/packages/desktop-client/src/icons/v1/LocationMarina.js
index 36504dae1..e5d07c905 100644
--- a/packages/desktop-client/src/icons/v1/LocationMarina.js
+++ b/packages/desktop-client/src/icons/v1/LocationMarina.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationMarina = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationMarina = props => (
     />
   </svg>
 );
-
 export default SvgLocationMarina;
diff --git a/packages/desktop-client/src/icons/v1/LocationPark.js b/packages/desktop-client/src/icons/v1/LocationPark.js
index d329e30ec..66f9c1a50 100644
--- a/packages/desktop-client/src/icons/v1/LocationPark.js
+++ b/packages/desktop-client/src/icons/v1/LocationPark.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationPark = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationPark = props => (
     />
   </svg>
 );
-
 export default SvgLocationPark;
diff --git a/packages/desktop-client/src/icons/v1/LocationRestroom.js b/packages/desktop-client/src/icons/v1/LocationRestroom.js
index 67b8d5e4c..bd18f5176 100644
--- a/packages/desktop-client/src/icons/v1/LocationRestroom.js
+++ b/packages/desktop-client/src/icons/v1/LocationRestroom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationRestroom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationRestroom = props => (
     />
   </svg>
 );
-
 export default SvgLocationRestroom;
diff --git a/packages/desktop-client/src/icons/v1/LocationShopping.js b/packages/desktop-client/src/icons/v1/LocationShopping.js
index a051f9e17..b0358c1b6 100644
--- a/packages/desktop-client/src/icons/v1/LocationShopping.js
+++ b/packages/desktop-client/src/icons/v1/LocationShopping.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationShopping = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationShopping = props => (
     />
   </svg>
 );
-
 export default SvgLocationShopping;
diff --git a/packages/desktop-client/src/icons/v1/LockClosed.js b/packages/desktop-client/src/icons/v1/LockClosed.js
index 8eb18037c..536f4ca91 100644
--- a/packages/desktop-client/src/icons/v1/LockClosed.js
+++ b/packages/desktop-client/src/icons/v1/LockClosed.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLockClosed = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLockClosed = props => (
     />
   </svg>
 );
-
 export default SvgLockClosed;
diff --git a/packages/desktop-client/src/icons/v1/LockOpen.js b/packages/desktop-client/src/icons/v1/LockOpen.js
index cd591d452..615449bf8 100644
--- a/packages/desktop-client/src/icons/v1/LockOpen.js
+++ b/packages/desktop-client/src/icons/v1/LockOpen.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLockOpen = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLockOpen = props => (
     />
   </svg>
 );
-
 export default SvgLockOpen;
diff --git a/packages/desktop-client/src/icons/v1/Map.js b/packages/desktop-client/src/icons/v1/Map.js
index 0eab27db3..85bb540d2 100644
--- a/packages/desktop-client/src/icons/v1/Map.js
+++ b/packages/desktop-client/src/icons/v1/Map.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMap = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMap = props => (
     />
   </svg>
 );
-
 export default SvgMap;
diff --git a/packages/desktop-client/src/icons/v1/Menu.js b/packages/desktop-client/src/icons/v1/Menu.js
index 1f4bc702e..26fab08b7 100644
--- a/packages/desktop-client/src/icons/v1/Menu.js
+++ b/packages/desktop-client/src/icons/v1/Menu.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgMenu = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgMenu;
diff --git a/packages/desktop-client/src/icons/v1/Mic.js b/packages/desktop-client/src/icons/v1/Mic.js
index e182ef50b..37416ff5e 100644
--- a/packages/desktop-client/src/icons/v1/Mic.js
+++ b/packages/desktop-client/src/icons/v1/Mic.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMic = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMic = props => (
     />
   </svg>
 );
-
 export default SvgMic;
diff --git a/packages/desktop-client/src/icons/v1/MinusOutline.js b/packages/desktop-client/src/icons/v1/MinusOutline.js
index 609e5467a..eacc4aa79 100644
--- a/packages/desktop-client/src/icons/v1/MinusOutline.js
+++ b/packages/desktop-client/src/icons/v1/MinusOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMinusOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMinusOutline = props => (
     />
   </svg>
 );
-
 export default SvgMinusOutline;
diff --git a/packages/desktop-client/src/icons/v1/MinusSolid.js b/packages/desktop-client/src/icons/v1/MinusSolid.js
index 5ab6d4da3..1b85afa1e 100644
--- a/packages/desktop-client/src/icons/v1/MinusSolid.js
+++ b/packages/desktop-client/src/icons/v1/MinusSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMinusSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMinusSolid = props => (
     />
   </svg>
 );
-
 export default SvgMinusSolid;
diff --git a/packages/desktop-client/src/icons/v1/MobileDevices.js b/packages/desktop-client/src/icons/v1/MobileDevices.js
index 88dcbb47a..253027a8b 100644
--- a/packages/desktop-client/src/icons/v1/MobileDevices.js
+++ b/packages/desktop-client/src/icons/v1/MobileDevices.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMobileDevices = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMobileDevices = props => (
     />
   </svg>
 );
-
 export default SvgMobileDevices;
diff --git a/packages/desktop-client/src/icons/v1/MoneyBag.js b/packages/desktop-client/src/icons/v1/MoneyBag.js
index e3dd50988..2e3c70231 100644
--- a/packages/desktop-client/src/icons/v1/MoneyBag.js
+++ b/packages/desktop-client/src/icons/v1/MoneyBag.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoneyBag = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoneyBag = props => (
     />
   </svg>
 );
-
 export default SvgMoneyBag;
diff --git a/packages/desktop-client/src/icons/v1/MoodHappyOutline.js b/packages/desktop-client/src/icons/v1/MoodHappyOutline.js
index c1d7c41b9..267290038 100644
--- a/packages/desktop-client/src/icons/v1/MoodHappyOutline.js
+++ b/packages/desktop-client/src/icons/v1/MoodHappyOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodHappyOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodHappyOutline = props => (
     />
   </svg>
 );
-
 export default SvgMoodHappyOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodHappySolid.js b/packages/desktop-client/src/icons/v1/MoodHappySolid.js
index 3ce260d27..e6a21ac64 100644
--- a/packages/desktop-client/src/icons/v1/MoodHappySolid.js
+++ b/packages/desktop-client/src/icons/v1/MoodHappySolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodHappySolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodHappySolid = props => (
     />
   </svg>
 );
-
 export default SvgMoodHappySolid;
diff --git a/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js b/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js
index f329e2647..e1424a596 100644
--- a/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js
+++ b/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodNeutralOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodNeutralOutline = props => (
     />
   </svg>
 );
-
 export default SvgMoodNeutralOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js b/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js
index 813be41a9..6d404ca25 100644
--- a/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js
+++ b/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodNeutralSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodNeutralSolid = props => (
     />
   </svg>
 );
-
 export default SvgMoodNeutralSolid;
diff --git a/packages/desktop-client/src/icons/v1/MoodSadOutline.js b/packages/desktop-client/src/icons/v1/MoodSadOutline.js
index 9614815bb..afbca52e1 100644
--- a/packages/desktop-client/src/icons/v1/MoodSadOutline.js
+++ b/packages/desktop-client/src/icons/v1/MoodSadOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodSadOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodSadOutline = props => (
     />
   </svg>
 );
-
 export default SvgMoodSadOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodSadSolid.js b/packages/desktop-client/src/icons/v1/MoodSadSolid.js
index 3da59b841..043a36dfa 100644
--- a/packages/desktop-client/src/icons/v1/MoodSadSolid.js
+++ b/packages/desktop-client/src/icons/v1/MoodSadSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodSadSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodSadSolid = props => (
     />
   </svg>
 );
-
 export default SvgMoodSadSolid;
diff --git a/packages/desktop-client/src/icons/v1/Mouse.js b/packages/desktop-client/src/icons/v1/Mouse.js
index 8fdcb7382..4a28a104a 100644
--- a/packages/desktop-client/src/icons/v1/Mouse.js
+++ b/packages/desktop-client/src/icons/v1/Mouse.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMouse = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMouse = props => (
     />
   </svg>
 );
-
 export default SvgMouse;
diff --git a/packages/desktop-client/src/icons/v1/MoveBack.js b/packages/desktop-client/src/icons/v1/MoveBack.js
index 67dd66140..5093d8bc7 100644
--- a/packages/desktop-client/src/icons/v1/MoveBack.js
+++ b/packages/desktop-client/src/icons/v1/MoveBack.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoveBack = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoveBack = props => (
     />
   </svg>
 );
-
 export default SvgMoveBack;
diff --git a/packages/desktop-client/src/icons/v1/MusicAlbum.js b/packages/desktop-client/src/icons/v1/MusicAlbum.js
index 8474a48ab..8f4ad8256 100644
--- a/packages/desktop-client/src/icons/v1/MusicAlbum.js
+++ b/packages/desktop-client/src/icons/v1/MusicAlbum.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicAlbum = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicAlbum = props => (
     />
   </svg>
 );
-
 export default SvgMusicAlbum;
diff --git a/packages/desktop-client/src/icons/v1/MusicArtist.js b/packages/desktop-client/src/icons/v1/MusicArtist.js
index ea208de56..b41349739 100644
--- a/packages/desktop-client/src/icons/v1/MusicArtist.js
+++ b/packages/desktop-client/src/icons/v1/MusicArtist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicArtist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicArtist = props => (
     />
   </svg>
 );
-
 export default SvgMusicArtist;
diff --git a/packages/desktop-client/src/icons/v1/MusicNotes.js b/packages/desktop-client/src/icons/v1/MusicNotes.js
index f7f8d1b1b..63a6f3d4d 100644
--- a/packages/desktop-client/src/icons/v1/MusicNotes.js
+++ b/packages/desktop-client/src/icons/v1/MusicNotes.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicNotes = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicNotes = props => (
     />
   </svg>
 );
-
 export default SvgMusicNotes;
diff --git a/packages/desktop-client/src/icons/v1/MusicPlaylist.js b/packages/desktop-client/src/icons/v1/MusicPlaylist.js
index 8e0b04dc8..c1a7803d3 100644
--- a/packages/desktop-client/src/icons/v1/MusicPlaylist.js
+++ b/packages/desktop-client/src/icons/v1/MusicPlaylist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicPlaylist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicPlaylist = props => (
     />
   </svg>
 );
-
 export default SvgMusicPlaylist;
diff --git a/packages/desktop-client/src/icons/v1/NavigationMore.js b/packages/desktop-client/src/icons/v1/NavigationMore.js
index a6012483e..c32e9810e 100644
--- a/packages/desktop-client/src/icons/v1/NavigationMore.js
+++ b/packages/desktop-client/src/icons/v1/NavigationMore.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNavigationMore = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNavigationMore = props => (
     />
   </svg>
 );
-
 export default SvgNavigationMore;
diff --git a/packages/desktop-client/src/icons/v1/Network.js b/packages/desktop-client/src/icons/v1/Network.js
index e303ed881..79d0d1d18 100644
--- a/packages/desktop-client/src/icons/v1/Network.js
+++ b/packages/desktop-client/src/icons/v1/Network.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNetwork = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNetwork = props => (
     />
   </svg>
 );
-
 export default SvgNetwork;
diff --git a/packages/desktop-client/src/icons/v1/NewsPaper.js b/packages/desktop-client/src/icons/v1/NewsPaper.js
index 2708e68f5..c5b71572d 100644
--- a/packages/desktop-client/src/icons/v1/NewsPaper.js
+++ b/packages/desktop-client/src/icons/v1/NewsPaper.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNewsPaper = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNewsPaper = props => (
     />
   </svg>
 );
-
 export default SvgNewsPaper;
diff --git a/packages/desktop-client/src/icons/v1/Notification.js b/packages/desktop-client/src/icons/v1/Notification.js
index 15167c0e4..3b7737118 100644
--- a/packages/desktop-client/src/icons/v1/Notification.js
+++ b/packages/desktop-client/src/icons/v1/Notification.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotification = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotification = props => (
     />
   </svg>
 );
-
 export default SvgNotification;
diff --git a/packages/desktop-client/src/icons/v1/Notifications.js b/packages/desktop-client/src/icons/v1/Notifications.js
index c630d0136..ed0dca457 100644
--- a/packages/desktop-client/src/icons/v1/Notifications.js
+++ b/packages/desktop-client/src/icons/v1/Notifications.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotifications = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotifications = props => (
     />
   </svg>
 );
-
 export default SvgNotifications;
diff --git a/packages/desktop-client/src/icons/v1/NotificationsOutline.js b/packages/desktop-client/src/icons/v1/NotificationsOutline.js
index 504535b71..12f395c4d 100644
--- a/packages/desktop-client/src/icons/v1/NotificationsOutline.js
+++ b/packages/desktop-client/src/icons/v1/NotificationsOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotificationsOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotificationsOutline = props => (
     />
   </svg>
 );
-
 export default SvgNotificationsOutline;
diff --git a/packages/desktop-client/src/icons/v1/Paste.js b/packages/desktop-client/src/icons/v1/Paste.js
index 241bcc2a8..8b1361c5d 100644
--- a/packages/desktop-client/src/icons/v1/Paste.js
+++ b/packages/desktop-client/src/icons/v1/Paste.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPaste = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPaste = props => (
     />
   </svg>
 );
-
 export default SvgPaste;
diff --git a/packages/desktop-client/src/icons/v1/Pause.js b/packages/desktop-client/src/icons/v1/Pause.js
index 02bd814a7..e779f479b 100644
--- a/packages/desktop-client/src/icons/v1/Pause.js
+++ b/packages/desktop-client/src/icons/v1/Pause.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgPause = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M5 4h3v12H5V4zm7 0h3v12h-3V4z" fill="currentColor" />
   </svg>
 );
-
 export default SvgPause;
diff --git a/packages/desktop-client/src/icons/v1/PauseOutline.js b/packages/desktop-client/src/icons/v1/PauseOutline.js
index 3b6e14b31..c12d510df 100644
--- a/packages/desktop-client/src/icons/v1/PauseOutline.js
+++ b/packages/desktop-client/src/icons/v1/PauseOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPauseOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPauseOutline = props => (
     />
   </svg>
 );
-
 export default SvgPauseOutline;
diff --git a/packages/desktop-client/src/icons/v1/PauseSolid.js b/packages/desktop-client/src/icons/v1/PauseSolid.js
index 0ddc3e362..6f71b80e9 100644
--- a/packages/desktop-client/src/icons/v1/PauseSolid.js
+++ b/packages/desktop-client/src/icons/v1/PauseSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPauseSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPauseSolid = props => (
     />
   </svg>
 );
-
 export default SvgPauseSolid;
diff --git a/packages/desktop-client/src/icons/v1/PenTool.js b/packages/desktop-client/src/icons/v1/PenTool.js
index 79a1bb746..c935658a4 100644
--- a/packages/desktop-client/src/icons/v1/PenTool.js
+++ b/packages/desktop-client/src/icons/v1/PenTool.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPenTool = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPenTool = props => (
     />
   </svg>
 );
-
 export default SvgPenTool;
diff --git a/packages/desktop-client/src/icons/v1/PencilWrite.js b/packages/desktop-client/src/icons/v1/PencilWrite.js
index 0e0403274..783a8a324 100644
--- a/packages/desktop-client/src/icons/v1/PencilWrite.js
+++ b/packages/desktop-client/src/icons/v1/PencilWrite.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPencilWrite = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgPencilWrite = props => (
     />
   </svg>
 );
-
 export default SvgPencilWrite;
diff --git a/packages/desktop-client/src/icons/v1/Phone.js b/packages/desktop-client/src/icons/v1/Phone.js
index 70980886c..e815d2f16 100644
--- a/packages/desktop-client/src/icons/v1/Phone.js
+++ b/packages/desktop-client/src/icons/v1/Phone.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPhone = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPhone = props => (
     />
   </svg>
 );
-
 export default SvgPhone;
diff --git a/packages/desktop-client/src/icons/v1/Photo.js b/packages/desktop-client/src/icons/v1/Photo.js
index bca4b6f23..c18164fe7 100644
--- a/packages/desktop-client/src/icons/v1/Photo.js
+++ b/packages/desktop-client/src/icons/v1/Photo.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPhoto = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPhoto = props => (
     />
   </svg>
 );
-
 export default SvgPhoto;
diff --git a/packages/desktop-client/src/icons/v1/PhpElephant.js b/packages/desktop-client/src/icons/v1/PhpElephant.js
index 0ebd484ca..a80074422 100644
--- a/packages/desktop-client/src/icons/v1/PhpElephant.js
+++ b/packages/desktop-client/src/icons/v1/PhpElephant.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPhpElephant = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgPhpElephant = props => (
     />
   </svg>
 );
-
 export default SvgPhpElephant;
diff --git a/packages/desktop-client/src/icons/v1/PiggyBank.js b/packages/desktop-client/src/icons/v1/PiggyBank.js
index 27e769992..94b27f228 100644
--- a/packages/desktop-client/src/icons/v1/PiggyBank.js
+++ b/packages/desktop-client/src/icons/v1/PiggyBank.js
@@ -1,19 +1,18 @@
 import * as React from 'react';
-
 const SvgPiggyBank = props => (
   <svg
     {...props}
-    viewBox="0 0 20 20"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <g clipPath="url(#a)">
       <path
-        d="M1.857 7.612H.98a.98.98 0 0 0-.98.98v2.224c0 .449.184.857.51 1.163.612.551 1.816 1.49 3.735 2.368a.571.571 0 0 1 .306.346l.939 3.286a.484.484 0 0 0 .469.347h1.47a.479.479 0 0 0 .469-.367l.47-1.817a.262.262 0 0 1 .326-.183c.571.122 1.183.163 1.795.163.613 0 1.225-.061 1.796-.163.143-.02.286.06.327.183l.47 1.817a.502.502 0 0 0 .468.367h1.47a.484.484 0 0 0 .47-.347l1.224-4.245a.487.487 0 0 1 .122-.224c.919-.98 1.53-2.163 1.735-3.47h.49c.53 0 .959-.448.938-.979-.02-.51-.47-.918-.98-.918h-.448C18.06 4.673 14.632 2 10.489 2c-1.775 0-3.428.49-4.755 1.326-.591-.408-1.469-.734-2.693-.632-.49.04-.715.612-.388.959.408.429.796 1 .877 1.735L1.857 7.612Zm3.122.98a.862.862 0 0 1-.857-.858c0-.469.388-.857.857-.857.47 0 .858.388.858.857 0 .47-.388.858-.858.858Z"
         fill="currentColor"
+        d="M1.857 7.612H.98a.98.98 0 0 0-.98.98v2.224c0 .449.184.857.51 1.163.612.551 1.816 1.49 3.735 2.368a.571.571 0 0 1 .306.346l.939 3.286a.484.484 0 0 0 .469.347h1.47a.479.479 0 0 0 .469-.367l.47-1.817a.262.262 0 0 1 .326-.183c.571.122 1.183.163 1.795.163.613 0 1.225-.061 1.796-.163.143-.02.286.06.327.183l.47 1.817a.502.502 0 0 0 .468.367h1.47a.484.484 0 0 0 .47-.347l1.224-4.245a.487.487 0 0 1 .122-.224c.919-.98 1.53-2.163 1.735-3.47h.49c.53 0 .959-.448.938-.979-.02-.51-.47-.918-.98-.918h-.448C18.06 4.673 14.632 2 10.489 2c-1.775 0-3.428.49-4.755 1.326-.591-.408-1.469-.734-2.693-.632-.49.04-.715.612-.388.959.408.429.796 1 .877 1.735L1.857 7.612Zm3.122.98a.862.862 0 0 1-.857-.858c0-.469.388-.857.857-.857.47 0 .858.388.858.857 0 .47-.388.858-.858.858Z"
       />
     </g>
     <defs>
@@ -23,5 +22,4 @@ const SvgPiggyBank = props => (
     </defs>
   </svg>
 );
-
 export default SvgPiggyBank;
diff --git a/packages/desktop-client/src/icons/v1/Pin.js b/packages/desktop-client/src/icons/v1/Pin.js
index f28870826..a0a5457d2 100644
--- a/packages/desktop-client/src/icons/v1/Pin.js
+++ b/packages/desktop-client/src/icons/v1/Pin.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPin = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPin = props => (
     />
   </svg>
 );
-
 export default SvgPin;
diff --git a/packages/desktop-client/src/icons/v1/Play.js b/packages/desktop-client/src/icons/v1/Play.js
index 5a8c5605d..f56ebfba7 100644
--- a/packages/desktop-client/src/icons/v1/Play.js
+++ b/packages/desktop-client/src/icons/v1/Play.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgPlay = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m4 4 12 6-12 6z" fill="currentColor" />
   </svg>
 );
-
 export default SvgPlay;
diff --git a/packages/desktop-client/src/icons/v1/PlayOutline.js b/packages/desktop-client/src/icons/v1/PlayOutline.js
index 67a1f650c..46000e813 100644
--- a/packages/desktop-client/src/icons/v1/PlayOutline.js
+++ b/packages/desktop-client/src/icons/v1/PlayOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPlayOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPlayOutline = props => (
     />
   </svg>
 );
-
 export default SvgPlayOutline;
diff --git a/packages/desktop-client/src/icons/v1/Playlist.js b/packages/desktop-client/src/icons/v1/Playlist.js
index 426ee24ac..0baf65fd3 100644
--- a/packages/desktop-client/src/icons/v1/Playlist.js
+++ b/packages/desktop-client/src/icons/v1/Playlist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPlaylist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPlaylist = props => (
     />
   </svg>
 );
-
 export default SvgPlaylist;
diff --git a/packages/desktop-client/src/icons/v1/Plugin.js b/packages/desktop-client/src/icons/v1/Plugin.js
index a8e984817..56f2e5618 100644
--- a/packages/desktop-client/src/icons/v1/Plugin.js
+++ b/packages/desktop-client/src/icons/v1/Plugin.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPlugin = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPlugin = props => (
     />
   </svg>
 );
-
 export default SvgPlugin;
diff --git a/packages/desktop-client/src/icons/v1/Portfolio.js b/packages/desktop-client/src/icons/v1/Portfolio.js
index be0893984..788306c6d 100644
--- a/packages/desktop-client/src/icons/v1/Portfolio.js
+++ b/packages/desktop-client/src/icons/v1/Portfolio.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPortfolio = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPortfolio = props => (
     />
   </svg>
 );
-
 export default SvgPortfolio;
diff --git a/packages/desktop-client/src/icons/v1/Printer.js b/packages/desktop-client/src/icons/v1/Printer.js
index 0e1027f0a..d2f79d9ee 100644
--- a/packages/desktop-client/src/icons/v1/Printer.js
+++ b/packages/desktop-client/src/icons/v1/Printer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPrinter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPrinter = props => (
     />
   </svg>
 );
-
 export default SvgPrinter;
diff --git a/packages/desktop-client/src/icons/v1/Pylon.js b/packages/desktop-client/src/icons/v1/Pylon.js
index 8e602f270..b14060bd8 100644
--- a/packages/desktop-client/src/icons/v1/Pylon.js
+++ b/packages/desktop-client/src/icons/v1/Pylon.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPylon = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPylon = props => (
     />
   </svg>
 );
-
 export default SvgPylon;
diff --git a/packages/desktop-client/src/icons/v1/Question.js b/packages/desktop-client/src/icons/v1/Question.js
index 70675fd80..5a512be87 100644
--- a/packages/desktop-client/src/icons/v1/Question.js
+++ b/packages/desktop-client/src/icons/v1/Question.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgQuestion = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgQuestion = props => (
     />
   </svg>
 );
-
 export default SvgQuestion;
diff --git a/packages/desktop-client/src/icons/v1/Queue.js b/packages/desktop-client/src/icons/v1/Queue.js
index 661be98a7..f50c74a41 100644
--- a/packages/desktop-client/src/icons/v1/Queue.js
+++ b/packages/desktop-client/src/icons/v1/Queue.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgQueue = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgQueue = props => (
     />
   </svg>
 );
-
 export default SvgQueue;
diff --git a/packages/desktop-client/src/icons/v1/Radar.js b/packages/desktop-client/src/icons/v1/Radar.js
index 4f678d60e..6f75eec94 100644
--- a/packages/desktop-client/src/icons/v1/Radar.js
+++ b/packages/desktop-client/src/icons/v1/Radar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRadar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRadar = props => (
     />
   </svg>
 );
-
 export default SvgRadar;
diff --git a/packages/desktop-client/src/icons/v1/RadarCopy2.js b/packages/desktop-client/src/icons/v1/RadarCopy2.js
index ecd0c09ec..7cf3e52ce 100644
--- a/packages/desktop-client/src/icons/v1/RadarCopy2.js
+++ b/packages/desktop-client/src/icons/v1/RadarCopy2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRadarCopy2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRadarCopy2 = props => (
     />
   </svg>
 );
-
 export default SvgRadarCopy2;
diff --git a/packages/desktop-client/src/icons/v1/Radio.js b/packages/desktop-client/src/icons/v1/Radio.js
index 0f58bce77..9158e5eec 100644
--- a/packages/desktop-client/src/icons/v1/Radio.js
+++ b/packages/desktop-client/src/icons/v1/Radio.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRadio = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRadio = props => (
     />
   </svg>
 );
-
 export default SvgRadio;
diff --git a/packages/desktop-client/src/icons/v1/Refresh.js b/packages/desktop-client/src/icons/v1/Refresh.js
index 44c4d11ed..32e1fd623 100644
--- a/packages/desktop-client/src/icons/v1/Refresh.js
+++ b/packages/desktop-client/src/icons/v1/Refresh.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRefresh = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRefresh = props => (
     />
   </svg>
 );
-
 export default SvgRefresh;
diff --git a/packages/desktop-client/src/icons/v1/Reload.js b/packages/desktop-client/src/icons/v1/Reload.js
index 5ce0bc440..9b7a912d2 100644
--- a/packages/desktop-client/src/icons/v1/Reload.js
+++ b/packages/desktop-client/src/icons/v1/Reload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReload = props => (
     />
   </svg>
 );
-
 export default SvgReload;
diff --git a/packages/desktop-client/src/icons/v1/Reply.js b/packages/desktop-client/src/icons/v1/Reply.js
index 2ee62712a..808416037 100644
--- a/packages/desktop-client/src/icons/v1/Reply.js
+++ b/packages/desktop-client/src/icons/v1/Reply.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReply = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReply = props => (
     />
   </svg>
 );
-
 export default SvgReply;
diff --git a/packages/desktop-client/src/icons/v1/ReplyAll.js b/packages/desktop-client/src/icons/v1/ReplyAll.js
index 3ea9b2738..eaff3a53b 100644
--- a/packages/desktop-client/src/icons/v1/ReplyAll.js
+++ b/packages/desktop-client/src/icons/v1/ReplyAll.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReplyAll = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReplyAll = props => (
     />
   </svg>
 );
-
 export default SvgReplyAll;
diff --git a/packages/desktop-client/src/icons/v1/Reports.js b/packages/desktop-client/src/icons/v1/Reports.js
index bd57b87d4..045a21319 100644
--- a/packages/desktop-client/src/icons/v1/Reports.js
+++ b/packages/desktop-client/src/icons/v1/Reports.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReports = props => (
   <svg
     {...props}
-    viewBox="0 0 20 20"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReports = props => (
     />
   </svg>
 );
-
 export default SvgReports;
diff --git a/packages/desktop-client/src/icons/v1/Repost.js b/packages/desktop-client/src/icons/v1/Repost.js
index 4e5578ba7..52d85f28b 100644
--- a/packages/desktop-client/src/icons/v1/Repost.js
+++ b/packages/desktop-client/src/icons/v1/Repost.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRepost = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRepost = props => (
     />
   </svg>
 );
-
 export default SvgRepost;
diff --git a/packages/desktop-client/src/icons/v1/SaveDisk.js b/packages/desktop-client/src/icons/v1/SaveDisk.js
index a506724e5..b57619bcf 100644
--- a/packages/desktop-client/src/icons/v1/SaveDisk.js
+++ b/packages/desktop-client/src/icons/v1/SaveDisk.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSaveDisk = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSaveDisk = props => (
     />
   </svg>
 );
-
 export default SvgSaveDisk;
diff --git a/packages/desktop-client/src/icons/v1/ScreenFull.js b/packages/desktop-client/src/icons/v1/ScreenFull.js
index 776a7a961..3fa457f9a 100644
--- a/packages/desktop-client/src/icons/v1/ScreenFull.js
+++ b/packages/desktop-client/src/icons/v1/ScreenFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgScreenFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgScreenFull = props => (
     />
   </svg>
 );
-
 export default SvgScreenFull;
diff --git a/packages/desktop-client/src/icons/v1/Search.js b/packages/desktop-client/src/icons/v1/Search.js
index 2d02d6897..f60a24289 100644
--- a/packages/desktop-client/src/icons/v1/Search.js
+++ b/packages/desktop-client/src/icons/v1/Search.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSearch = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSearch = props => (
     />
   </svg>
 );
-
 export default SvgSearch;
diff --git a/packages/desktop-client/src/icons/v1/Send.js b/packages/desktop-client/src/icons/v1/Send.js
index 813080357..32d64b6e6 100644
--- a/packages/desktop-client/src/icons/v1/Send.js
+++ b/packages/desktop-client/src/icons/v1/Send.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgSend = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m0 0 20 10L0 20V0zm0 8v4l10-2L0 8z" fill="currentColor" />
   </svg>
 );
-
 export default SvgSend;
diff --git a/packages/desktop-client/src/icons/v1/Servers.js b/packages/desktop-client/src/icons/v1/Servers.js
index f9e0c3aa2..b75a614a6 100644
--- a/packages/desktop-client/src/icons/v1/Servers.js
+++ b/packages/desktop-client/src/icons/v1/Servers.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgServers = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgServers = props => (
     />
   </svg>
 );
-
 export default SvgServers;
diff --git a/packages/desktop-client/src/icons/v1/Share.js b/packages/desktop-client/src/icons/v1/Share.js
index 3e41b6816..f6733ab1f 100644
--- a/packages/desktop-client/src/icons/v1/Share.js
+++ b/packages/desktop-client/src/icons/v1/Share.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShare = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShare = props => (
     />
   </svg>
 );
-
 export default SvgShare;
diff --git a/packages/desktop-client/src/icons/v1/Share01.js b/packages/desktop-client/src/icons/v1/Share01.js
index d2e72d645..d700422cc 100644
--- a/packages/desktop-client/src/icons/v1/Share01.js
+++ b/packages/desktop-client/src/icons/v1/Share01.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShare01 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShare01 = props => (
     />
   </svg>
 );
-
 export default SvgShare01;
diff --git a/packages/desktop-client/src/icons/v1/ShareAlt.js b/packages/desktop-client/src/icons/v1/ShareAlt.js
index ff4c6c8b5..bc5051380 100644
--- a/packages/desktop-client/src/icons/v1/ShareAlt.js
+++ b/packages/desktop-client/src/icons/v1/ShareAlt.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShareAlt = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShareAlt = props => (
     />
   </svg>
 );
-
 export default SvgShareAlt;
diff --git a/packages/desktop-client/src/icons/v1/Shield.js b/packages/desktop-client/src/icons/v1/Shield.js
index 459f060d2..d3b63db73 100644
--- a/packages/desktop-client/src/icons/v1/Shield.js
+++ b/packages/desktop-client/src/icons/v1/Shield.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShield = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShield = props => (
     />
   </svg>
 );
-
 export default SvgShield;
diff --git a/packages/desktop-client/src/icons/v1/ShoppingCart.js b/packages/desktop-client/src/icons/v1/ShoppingCart.js
index 783cb8c3f..688257c3a 100644
--- a/packages/desktop-client/src/icons/v1/ShoppingCart.js
+++ b/packages/desktop-client/src/icons/v1/ShoppingCart.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShoppingCart = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShoppingCart = props => (
     />
   </svg>
 );
-
 export default SvgShoppingCart;
diff --git a/packages/desktop-client/src/icons/v1/ShowSidebar.js b/packages/desktop-client/src/icons/v1/ShowSidebar.js
index f58998cc5..617886adf 100644
--- a/packages/desktop-client/src/icons/v1/ShowSidebar.js
+++ b/packages/desktop-client/src/icons/v1/ShowSidebar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShowSidebar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShowSidebar = props => (
     />
   </svg>
 );
-
 export default SvgShowSidebar;
diff --git a/packages/desktop-client/src/icons/v1/Shuffle.js b/packages/desktop-client/src/icons/v1/Shuffle.js
index eec70e114..36d5d55eb 100644
--- a/packages/desktop-client/src/icons/v1/Shuffle.js
+++ b/packages/desktop-client/src/icons/v1/Shuffle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShuffle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShuffle = props => (
     />
   </svg>
 );
-
 export default SvgShuffle;
diff --git a/packages/desktop-client/src/icons/v1/StandBy.js b/packages/desktop-client/src/icons/v1/StandBy.js
index 0b17f2d91..a6270f3d9 100644
--- a/packages/desktop-client/src/icons/v1/StandBy.js
+++ b/packages/desktop-client/src/icons/v1/StandBy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStandBy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgStandBy = props => (
     />
   </svg>
 );
-
 export default SvgStandBy;
diff --git a/packages/desktop-client/src/icons/v1/StarFull.js b/packages/desktop-client/src/icons/v1/StarFull.js
index 7930ade2e..b54ce90f2 100644
--- a/packages/desktop-client/src/icons/v1/StarFull.js
+++ b/packages/desktop-client/src/icons/v1/StarFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStarFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStarFull = props => (
     />
   </svg>
 );
-
 export default SvgStarFull;
diff --git a/packages/desktop-client/src/icons/v1/Station.js b/packages/desktop-client/src/icons/v1/Station.js
index 1bcc81021..ad4d6d54a 100644
--- a/packages/desktop-client/src/icons/v1/Station.js
+++ b/packages/desktop-client/src/icons/v1/Station.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStation = props => (
     />
   </svg>
 );
-
 export default SvgStation;
diff --git a/packages/desktop-client/src/icons/v1/StepBackward.js b/packages/desktop-client/src/icons/v1/StepBackward.js
index f97c0d62a..02feabb38 100644
--- a/packages/desktop-client/src/icons/v1/StepBackward.js
+++ b/packages/desktop-client/src/icons/v1/StepBackward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgStepBackward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M4 5h3v10H4V5zm12 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgStepBackward;
diff --git a/packages/desktop-client/src/icons/v1/StepForward.js b/packages/desktop-client/src/icons/v1/StepForward.js
index 33b9efc0f..6c882e247 100644
--- a/packages/desktop-client/src/icons/v1/StepForward.js
+++ b/packages/desktop-client/src/icons/v1/StepForward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgStepForward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M13 5h3v10h-3V5zM4 5l9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgStepForward;
diff --git a/packages/desktop-client/src/icons/v1/Stethoscope.js b/packages/desktop-client/src/icons/v1/Stethoscope.js
index 05874391a..01a00e065 100644
--- a/packages/desktop-client/src/icons/v1/Stethoscope.js
+++ b/packages/desktop-client/src/icons/v1/Stethoscope.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStethoscope = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStethoscope = props => (
     />
   </svg>
 );
-
 export default SvgStethoscope;
diff --git a/packages/desktop-client/src/icons/v1/StoreFront.js b/packages/desktop-client/src/icons/v1/StoreFront.js
index 4dd7a2000..3667c960d 100644
--- a/packages/desktop-client/src/icons/v1/StoreFront.js
+++ b/packages/desktop-client/src/icons/v1/StoreFront.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStoreFront = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStoreFront = props => (
     />
   </svg>
 );
-
 export default SvgStoreFront;
diff --git a/packages/desktop-client/src/icons/v1/StrokeWidth.js b/packages/desktop-client/src/icons/v1/StrokeWidth.js
index 8127a19c8..e8ebe0fc4 100644
--- a/packages/desktop-client/src/icons/v1/StrokeWidth.js
+++ b/packages/desktop-client/src/icons/v1/StrokeWidth.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStrokeWidth = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStrokeWidth = props => (
     />
   </svg>
 );
-
 export default SvgStrokeWidth;
diff --git a/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js b/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js
index 8802dbcd8..90620c479 100644
--- a/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js
+++ b/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgSubdirectoryLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M18 12v1H8v5l-6-6 6-6v5h8V2h2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgSubdirectoryLeft;
diff --git a/packages/desktop-client/src/icons/v1/SubdirectoryRight.js b/packages/desktop-client/src/icons/v1/SubdirectoryRight.js
index 64d7e78c1..2e61763a2 100644
--- a/packages/desktop-client/src/icons/v1/SubdirectoryRight.js
+++ b/packages/desktop-client/src/icons/v1/SubdirectoryRight.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgSubdirectoryRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M3.5 13H12v5l6-6-6-6v5H4V2H2v11z" fill="currentColor" />
   </svg>
 );
-
 export default SvgSubdirectoryRight;
diff --git a/packages/desktop-client/src/icons/v1/Subtract.js b/packages/desktop-client/src/icons/v1/Subtract.js
index 49ab73bc2..4caa56d0f 100644
--- a/packages/desktop-client/src/icons/v1/Subtract.js
+++ b/packages/desktop-client/src/icons/v1/Subtract.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgSubtract = props => (
   <svg
     {...props}
-    viewBox="0 0 23 3"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 23 3"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5z"
-      fillRule="nonzero"
       fill="currentColor"
+      fillRule="nonzero"
+      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5z"
     />
   </svg>
 );
-
 export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v1/Swap.js b/packages/desktop-client/src/icons/v1/Swap.js
index b81bb8a0c..5ab56b785 100644
--- a/packages/desktop-client/src/icons/v1/Swap.js
+++ b/packages/desktop-client/src/icons/v1/Swap.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSwap = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSwap = props => (
     />
   </svg>
 );
-
 export default SvgSwap;
diff --git a/packages/desktop-client/src/icons/v1/Tablet.js b/packages/desktop-client/src/icons/v1/Tablet.js
index 173197282..b75ad83cf 100644
--- a/packages/desktop-client/src/icons/v1/Tablet.js
+++ b/packages/desktop-client/src/icons/v1/Tablet.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTablet = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTablet = props => (
     />
   </svg>
 );
-
 export default SvgTablet;
diff --git a/packages/desktop-client/src/icons/v1/Tag.js b/packages/desktop-client/src/icons/v1/Tag.js
index fedfcaed1..362429669 100644
--- a/packages/desktop-client/src/icons/v1/Tag.js
+++ b/packages/desktop-client/src/icons/v1/Tag.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTag = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTag = props => (
     />
   </svg>
 );
-
 export default SvgTag;
diff --git a/packages/desktop-client/src/icons/v1/Target.js b/packages/desktop-client/src/icons/v1/Target.js
index 272d3d152..be39bf4ca 100644
--- a/packages/desktop-client/src/icons/v1/Target.js
+++ b/packages/desktop-client/src/icons/v1/Target.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTarget = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTarget = props => (
     />
   </svg>
 );
-
 export default SvgTarget;
diff --git a/packages/desktop-client/src/icons/v1/TextBox.js b/packages/desktop-client/src/icons/v1/TextBox.js
index 99c8048d1..c7f466766 100644
--- a/packages/desktop-client/src/icons/v1/TextBox.js
+++ b/packages/desktop-client/src/icons/v1/TextBox.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTextBox = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTextBox = props => (
     />
   </svg>
 );
-
 export default SvgTextBox;
diff --git a/packages/desktop-client/src/icons/v1/TextDecoration.js b/packages/desktop-client/src/icons/v1/TextDecoration.js
index c6667e9f6..59fe3a519 100644
--- a/packages/desktop-client/src/icons/v1/TextDecoration.js
+++ b/packages/desktop-client/src/icons/v1/TextDecoration.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTextDecoration = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTextDecoration = props => (
     />
   </svg>
 );
-
 export default SvgTextDecoration;
diff --git a/packages/desktop-client/src/icons/v1/Thermometer.js b/packages/desktop-client/src/icons/v1/Thermometer.js
index f66f3eccc..2b01dfa37 100644
--- a/packages/desktop-client/src/icons/v1/Thermometer.js
+++ b/packages/desktop-client/src/icons/v1/Thermometer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgThermometer = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgThermometer = props => (
     />
   </svg>
 );
-
 export default SvgThermometer;
diff --git a/packages/desktop-client/src/icons/v1/ThumbsDown.js b/packages/desktop-client/src/icons/v1/ThumbsDown.js
index d3983e6e2..6df5e889e 100644
--- a/packages/desktop-client/src/icons/v1/ThumbsDown.js
+++ b/packages/desktop-client/src/icons/v1/ThumbsDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgThumbsDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgThumbsDown = props => (
     />
   </svg>
 );
-
 export default SvgThumbsDown;
diff --git a/packages/desktop-client/src/icons/v1/ThumbsUp.js b/packages/desktop-client/src/icons/v1/ThumbsUp.js
index e242a3cf5..3bd4ee02a 100644
--- a/packages/desktop-client/src/icons/v1/ThumbsUp.js
+++ b/packages/desktop-client/src/icons/v1/ThumbsUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgThumbsUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgThumbsUp = props => (
     />
   </svg>
 );
-
 export default SvgThumbsUp;
diff --git a/packages/desktop-client/src/icons/v1/Ticket.js b/packages/desktop-client/src/icons/v1/Ticket.js
index a63dcab9d..40861f0ab 100644
--- a/packages/desktop-client/src/icons/v1/Ticket.js
+++ b/packages/desktop-client/src/icons/v1/Ticket.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTicket = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTicket = props => (
     />
   </svg>
 );
-
 export default SvgTicket;
diff --git a/packages/desktop-client/src/icons/v1/Time.js b/packages/desktop-client/src/icons/v1/Time.js
index b022ffa5f..62e9a1154 100644
--- a/packages/desktop-client/src/icons/v1/Time.js
+++ b/packages/desktop-client/src/icons/v1/Time.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTime = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTime = props => (
     />
   </svg>
 );
-
 export default SvgTime;
diff --git a/packages/desktop-client/src/icons/v1/Timer.js b/packages/desktop-client/src/icons/v1/Timer.js
index 9160dc5b2..1d35205ea 100644
--- a/packages/desktop-client/src/icons/v1/Timer.js
+++ b/packages/desktop-client/src/icons/v1/Timer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTimer = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTimer = props => (
     />
   </svg>
 );
-
 export default SvgTimer;
diff --git a/packages/desktop-client/src/icons/v1/ToolsCopy.js b/packages/desktop-client/src/icons/v1/ToolsCopy.js
index 52a3ebedf..6888f8f99 100644
--- a/packages/desktop-client/src/icons/v1/ToolsCopy.js
+++ b/packages/desktop-client/src/icons/v1/ToolsCopy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgToolsCopy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgToolsCopy = props => (
     />
   </svg>
 );
-
 export default SvgToolsCopy;
diff --git a/packages/desktop-client/src/icons/v1/Translate.js b/packages/desktop-client/src/icons/v1/Translate.js
index 38e86d474..6216929ec 100644
--- a/packages/desktop-client/src/icons/v1/Translate.js
+++ b/packages/desktop-client/src/icons/v1/Translate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTranslate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTranslate = props => (
     />
   </svg>
 );
-
 export default SvgTranslate;
diff --git a/packages/desktop-client/src/icons/v1/Trash.js b/packages/desktop-client/src/icons/v1/Trash.js
index 79cc67265..1adb32c23 100644
--- a/packages/desktop-client/src/icons/v1/Trash.js
+++ b/packages/desktop-client/src/icons/v1/Trash.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTrash = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTrash = props => (
     />
   </svg>
 );
-
 export default SvgTrash;
diff --git a/packages/desktop-client/src/icons/v1/Travel.js b/packages/desktop-client/src/icons/v1/Travel.js
index a5b33f063..54f2f3a23 100644
--- a/packages/desktop-client/src/icons/v1/Travel.js
+++ b/packages/desktop-client/src/icons/v1/Travel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravel = props => (
     />
   </svg>
 );
-
 export default SvgTravel;
diff --git a/packages/desktop-client/src/icons/v1/TravelBus.js b/packages/desktop-client/src/icons/v1/TravelBus.js
index 21625bad8..a3218bb5d 100644
--- a/packages/desktop-client/src/icons/v1/TravelBus.js
+++ b/packages/desktop-client/src/icons/v1/TravelBus.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelBus = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelBus = props => (
     />
   </svg>
 );
-
 export default SvgTravelBus;
diff --git a/packages/desktop-client/src/icons/v1/TravelCar.js b/packages/desktop-client/src/icons/v1/TravelCar.js
index b4d6bc51b..c40c11daf 100644
--- a/packages/desktop-client/src/icons/v1/TravelCar.js
+++ b/packages/desktop-client/src/icons/v1/TravelCar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelCar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelCar = props => (
     />
   </svg>
 );
-
 export default SvgTravelCar;
diff --git a/packages/desktop-client/src/icons/v1/TravelCase.js b/packages/desktop-client/src/icons/v1/TravelCase.js
index 33e98ed11..89d6939a2 100644
--- a/packages/desktop-client/src/icons/v1/TravelCase.js
+++ b/packages/desktop-client/src/icons/v1/TravelCase.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelCase = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelCase = props => (
     />
   </svg>
 );
-
 export default SvgTravelCase;
diff --git a/packages/desktop-client/src/icons/v1/TravelTaxiCab.js b/packages/desktop-client/src/icons/v1/TravelTaxiCab.js
index e00bf8d9e..65e71be56 100644
--- a/packages/desktop-client/src/icons/v1/TravelTaxiCab.js
+++ b/packages/desktop-client/src/icons/v1/TravelTaxiCab.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelTaxiCab = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelTaxiCab = props => (
     />
   </svg>
 );
-
 export default SvgTravelTaxiCab;
diff --git a/packages/desktop-client/src/icons/v1/TravelTrain.js b/packages/desktop-client/src/icons/v1/TravelTrain.js
index af54254ec..3241283fa 100644
--- a/packages/desktop-client/src/icons/v1/TravelTrain.js
+++ b/packages/desktop-client/src/icons/v1/TravelTrain.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelTrain = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelTrain = props => (
     />
   </svg>
 );
-
 export default SvgTravelTrain;
diff --git a/packages/desktop-client/src/icons/v1/TravelWalk.js b/packages/desktop-client/src/icons/v1/TravelWalk.js
index f9690aca7..cf800d1e7 100644
--- a/packages/desktop-client/src/icons/v1/TravelWalk.js
+++ b/packages/desktop-client/src/icons/v1/TravelWalk.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelWalk = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelWalk = props => (
     />
   </svg>
 );
-
 export default SvgTravelWalk;
diff --git a/packages/desktop-client/src/icons/v1/Trophy.js b/packages/desktop-client/src/icons/v1/Trophy.js
index 173b13ab9..1e261da87 100644
--- a/packages/desktop-client/src/icons/v1/Trophy.js
+++ b/packages/desktop-client/src/icons/v1/Trophy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTrophy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTrophy = props => (
     />
   </svg>
 );
-
 export default SvgTrophy;
diff --git a/packages/desktop-client/src/icons/v1/Tuning.js b/packages/desktop-client/src/icons/v1/Tuning.js
index f6d7a6dc6..941126d55 100644
--- a/packages/desktop-client/src/icons/v1/Tuning.js
+++ b/packages/desktop-client/src/icons/v1/Tuning.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTuning = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTuning = props => (
     />
   </svg>
 );
-
 export default SvgTuning;
diff --git a/packages/desktop-client/src/icons/v1/Upload.js b/packages/desktop-client/src/icons/v1/Upload.js
index 52a5d8c67..44a7f78df 100644
--- a/packages/desktop-client/src/icons/v1/Upload.js
+++ b/packages/desktop-client/src/icons/v1/Upload.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgUpload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M13 10v6H7v-6H2l8-8 8 8h-5zM0 18h20v2H0v-2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgUpload;
diff --git a/packages/desktop-client/src/icons/v1/Usb.js b/packages/desktop-client/src/icons/v1/Usb.js
index b0fbf3a3b..de3afa54c 100644
--- a/packages/desktop-client/src/icons/v1/Usb.js
+++ b/packages/desktop-client/src/icons/v1/Usb.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUsb = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUsb = props => (
     />
   </svg>
 );
-
 export default SvgUsb;
diff --git a/packages/desktop-client/src/icons/v1/User.js b/packages/desktop-client/src/icons/v1/User.js
index 19334e3ba..7c15fab31 100644
--- a/packages/desktop-client/src/icons/v1/User.js
+++ b/packages/desktop-client/src/icons/v1/User.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUser = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUser = props => (
     />
   </svg>
 );
-
 export default SvgUser;
diff --git a/packages/desktop-client/src/icons/v1/UserAdd.js b/packages/desktop-client/src/icons/v1/UserAdd.js
index 25da17f14..e43c87c8b 100644
--- a/packages/desktop-client/src/icons/v1/UserAdd.js
+++ b/packages/desktop-client/src/icons/v1/UserAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserAdd = props => (
     />
   </svg>
 );
-
 export default SvgUserAdd;
diff --git a/packages/desktop-client/src/icons/v1/UserGroup.js b/packages/desktop-client/src/icons/v1/UserGroup.js
index c0249097c..449dcc7a4 100644
--- a/packages/desktop-client/src/icons/v1/UserGroup.js
+++ b/packages/desktop-client/src/icons/v1/UserGroup.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserGroup = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserGroup = props => (
     />
   </svg>
 );
-
 export default SvgUserGroup;
diff --git a/packages/desktop-client/src/icons/v1/UserSolidCircle.js b/packages/desktop-client/src/icons/v1/UserSolidCircle.js
index 217214e88..87194bc24 100644
--- a/packages/desktop-client/src/icons/v1/UserSolidCircle.js
+++ b/packages/desktop-client/src/icons/v1/UserSolidCircle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserSolidCircle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserSolidCircle = props => (
     />
   </svg>
 );
-
 export default SvgUserSolidCircle;
diff --git a/packages/desktop-client/src/icons/v1/UserSolidSquare.js b/packages/desktop-client/src/icons/v1/UserSolidSquare.js
index 47b03eb19..88f3308fb 100644
--- a/packages/desktop-client/src/icons/v1/UserSolidSquare.js
+++ b/packages/desktop-client/src/icons/v1/UserSolidSquare.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserSolidSquare = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserSolidSquare = props => (
     />
   </svg>
 );
-
 export default SvgUserSolidSquare;
diff --git a/packages/desktop-client/src/icons/v1/Vector.js b/packages/desktop-client/src/icons/v1/Vector.js
index ba4bf1bd7..e2640e15f 100644
--- a/packages/desktop-client/src/icons/v1/Vector.js
+++ b/packages/desktop-client/src/icons/v1/Vector.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVector = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVector = props => (
     />
   </svg>
 );
-
 export default SvgVector;
diff --git a/packages/desktop-client/src/icons/v1/VideoCamera.js b/packages/desktop-client/src/icons/v1/VideoCamera.js
index b925bbb30..cfe2bf60c 100644
--- a/packages/desktop-client/src/icons/v1/VideoCamera.js
+++ b/packages/desktop-client/src/icons/v1/VideoCamera.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVideoCamera = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVideoCamera = props => (
     />
   </svg>
 );
-
 export default SvgVideoCamera;
diff --git a/packages/desktop-client/src/icons/v1/ViewCarousel.js b/packages/desktop-client/src/icons/v1/ViewCarousel.js
index 8c1a2bbf3..9472bebcb 100644
--- a/packages/desktop-client/src/icons/v1/ViewCarousel.js
+++ b/packages/desktop-client/src/icons/v1/ViewCarousel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewCarousel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewCarousel = props => (
     />
   </svg>
 );
-
 export default SvgViewCarousel;
diff --git a/packages/desktop-client/src/icons/v1/ViewColumn.js b/packages/desktop-client/src/icons/v1/ViewColumn.js
index 6f8917170..f25770d25 100644
--- a/packages/desktop-client/src/icons/v1/ViewColumn.js
+++ b/packages/desktop-client/src/icons/v1/ViewColumn.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewColumn = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewColumn = props => (
     />
   </svg>
 );
-
 export default SvgViewColumn;
diff --git a/packages/desktop-client/src/icons/v1/ViewHide.js b/packages/desktop-client/src/icons/v1/ViewHide.js
index b59b22c8a..fbaa7f708 100644
--- a/packages/desktop-client/src/icons/v1/ViewHide.js
+++ b/packages/desktop-client/src/icons/v1/ViewHide.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewHide = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewHide = props => (
     />
   </svg>
 );
-
 export default SvgViewHide;
diff --git a/packages/desktop-client/src/icons/v1/ViewList.js b/packages/desktop-client/src/icons/v1/ViewList.js
index c2640ccb0..18e1a2c29 100644
--- a/packages/desktop-client/src/icons/v1/ViewList.js
+++ b/packages/desktop-client/src/icons/v1/ViewList.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewList = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewList = props => (
     />
   </svg>
 );
-
 export default SvgViewList;
diff --git a/packages/desktop-client/src/icons/v1/ViewShow.js b/packages/desktop-client/src/icons/v1/ViewShow.js
index cf90f8cc3..24047ab05 100644
--- a/packages/desktop-client/src/icons/v1/ViewShow.js
+++ b/packages/desktop-client/src/icons/v1/ViewShow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewShow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewShow = props => (
     />
   </svg>
 );
-
 export default SvgViewShow;
diff --git a/packages/desktop-client/src/icons/v1/ViewTile.js b/packages/desktop-client/src/icons/v1/ViewTile.js
index b227f06e6..cca9f50b9 100644
--- a/packages/desktop-client/src/icons/v1/ViewTile.js
+++ b/packages/desktop-client/src/icons/v1/ViewTile.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewTile = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewTile = props => (
     />
   </svg>
 );
-
 export default SvgViewTile;
diff --git a/packages/desktop-client/src/icons/v1/VolumeDown.js b/packages/desktop-client/src/icons/v1/VolumeDown.js
index d766724ec..599fefda5 100644
--- a/packages/desktop-client/src/icons/v1/VolumeDown.js
+++ b/packages/desktop-client/src/icons/v1/VolumeDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVolumeDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVolumeDown = props => (
     />
   </svg>
 );
-
 export default SvgVolumeDown;
diff --git a/packages/desktop-client/src/icons/v1/VolumeMute.js b/packages/desktop-client/src/icons/v1/VolumeMute.js
index 8068d8ae3..74061758b 100644
--- a/packages/desktop-client/src/icons/v1/VolumeMute.js
+++ b/packages/desktop-client/src/icons/v1/VolumeMute.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgVolumeMute = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M9 7H5v6h4l5 5V2L9 7z" fill="currentColor" />
   </svg>
 );
-
 export default SvgVolumeMute;
diff --git a/packages/desktop-client/src/icons/v1/VolumeOff.js b/packages/desktop-client/src/icons/v1/VolumeOff.js
index 4b793eb94..2664c8895 100644
--- a/packages/desktop-client/src/icons/v1/VolumeOff.js
+++ b/packages/desktop-client/src/icons/v1/VolumeOff.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVolumeOff = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVolumeOff = props => (
     />
   </svg>
 );
-
 export default SvgVolumeOff;
diff --git a/packages/desktop-client/src/icons/v1/VolumeUp.js b/packages/desktop-client/src/icons/v1/VolumeUp.js
index 6b2fb5255..30a5312d6 100644
--- a/packages/desktop-client/src/icons/v1/VolumeUp.js
+++ b/packages/desktop-client/src/icons/v1/VolumeUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVolumeUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVolumeUp = props => (
     />
   </svg>
 );
-
 export default SvgVolumeUp;
diff --git a/packages/desktop-client/src/icons/v1/Wallet.js b/packages/desktop-client/src/icons/v1/Wallet.js
index 5d363b2de..9ba983ddc 100644
--- a/packages/desktop-client/src/icons/v1/Wallet.js
+++ b/packages/desktop-client/src/icons/v1/Wallet.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWallet = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWallet = props => (
     />
   </svg>
 );
-
 export default SvgWallet;
diff --git a/packages/desktop-client/src/icons/v1/Watch.js b/packages/desktop-client/src/icons/v1/Watch.js
index 842400d6c..4318dc5f5 100644
--- a/packages/desktop-client/src/icons/v1/Watch.js
+++ b/packages/desktop-client/src/icons/v1/Watch.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWatch = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWatch = props => (
     />
   </svg>
 );
-
 export default SvgWatch;
diff --git a/packages/desktop-client/src/icons/v1/Window.js b/packages/desktop-client/src/icons/v1/Window.js
index 860fd038e..fd9b57fd6 100644
--- a/packages/desktop-client/src/icons/v1/Window.js
+++ b/packages/desktop-client/src/icons/v1/Window.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWindow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWindow = props => (
     />
   </svg>
 );
-
 export default SvgWindow;
diff --git a/packages/desktop-client/src/icons/v1/WindowNew.js b/packages/desktop-client/src/icons/v1/WindowNew.js
index 52c56b1fc..fddc8df5a 100644
--- a/packages/desktop-client/src/icons/v1/WindowNew.js
+++ b/packages/desktop-client/src/icons/v1/WindowNew.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWindowNew = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWindowNew = props => (
     />
   </svg>
 );
-
 export default SvgWindowNew;
diff --git a/packages/desktop-client/src/icons/v1/WindowOpen.js b/packages/desktop-client/src/icons/v1/WindowOpen.js
index 141173b38..83b793489 100644
--- a/packages/desktop-client/src/icons/v1/WindowOpen.js
+++ b/packages/desktop-client/src/icons/v1/WindowOpen.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWindowOpen = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWindowOpen = props => (
     />
   </svg>
 );
-
 export default SvgWindowOpen;
diff --git a/packages/desktop-client/src/icons/v1/Wrench.js b/packages/desktop-client/src/icons/v1/Wrench.js
index 6f08f05bd..5c5939aa5 100644
--- a/packages/desktop-client/src/icons/v1/Wrench.js
+++ b/packages/desktop-client/src/icons/v1/Wrench.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWrench = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWrench = props => (
     />
   </svg>
 );
-
 export default SvgWrench;
diff --git a/packages/desktop-client/src/icons/v1/YinYang.js b/packages/desktop-client/src/icons/v1/YinYang.js
index d2b294d55..174fde6f0 100644
--- a/packages/desktop-client/src/icons/v1/YinYang.js
+++ b/packages/desktop-client/src/icons/v1/YinYang.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgYinYang = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgYinYang = props => (
     />
   </svg>
 );
-
 export default SvgYinYang;
diff --git a/packages/desktop-client/src/icons/v1/ZoomIn.js b/packages/desktop-client/src/icons/v1/ZoomIn.js
index fc0dd4f8a..54d3116a1 100644
--- a/packages/desktop-client/src/icons/v1/ZoomIn.js
+++ b/packages/desktop-client/src/icons/v1/ZoomIn.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgZoomIn = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgZoomIn = props => (
     />
   </svg>
 );
-
 export default SvgZoomIn;
diff --git a/packages/desktop-client/src/icons/v1/ZoomOut.js b/packages/desktop-client/src/icons/v1/ZoomOut.js
index 24980f95f..b62d19051 100644
--- a/packages/desktop-client/src/icons/v1/ZoomOut.js
+++ b/packages/desktop-client/src/icons/v1/ZoomOut.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgZoomOut = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgZoomOut = props => (
     />
   </svg>
 );
-
 export default SvgZoomOut;
diff --git a/packages/desktop-client/src/icons/v2/AlertTriangle.js b/packages/desktop-client/src/icons/v2/AlertTriangle.js
index 2fa3e6b36..a811b248d 100644
--- a/packages/desktop-client/src/icons/v2/AlertTriangle.js
+++ b/packages/desktop-client/src/icons/v2/AlertTriangle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlertTriangle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlertTriangle = props => (
     />
   </svg>
 );
-
 export default SvgAlertTriangle;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js b/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js
index 29392c9e5..02e19ea0e 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonDown1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonDown1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonDown1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js b/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js
index dce92cd89..8b0cf7bb2 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonLeft1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonLeft1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonLeft1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js b/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js
index fa9b80c08..fdd179b4e 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonRight1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonRight1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonRight1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js b/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js
index 9caae26ec..cd0bc7d6a 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonUp1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonUp1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonUp1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsExpand3.js b/packages/desktop-client/src/icons/v2/ArrowsExpand3.js
index 6fc793267..9db71cb24 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsExpand3.js
+++ b/packages/desktop-client/src/icons/v2/ArrowsExpand3.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgArrowsExpand3 = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M19.611 2.571h-3.754a1.286 1.286 0 1 1 0-2.571h6.857A1.286 1.286 0 0 1 24 1.286v6.857a1.286 1.286 0 0 1-2.571 0V4.39L15.48 10.34a1.286 1.286 0 0 1-1.817-1.817l5.948-5.95ZM1.286 14.571a1.286 1.286 0 0 1 1.285 1.286v3.754l5.949-5.946a1.286 1.286 0 0 1 1.817 1.817L4.39 21.429h3.753a1.285 1.285 0 1 1 0 2.571H1.286A1.286 1.286 0 0 1 0 22.714v-6.857a1.286 1.286 0 0 1 1.286-1.286Z"
       fill="currentColor"
+      d="M19.611 2.571h-3.754a1.286 1.286 0 1 1 0-2.571h6.857A1.286 1.286 0 0 1 24 1.286v6.857a1.286 1.286 0 0 1-2.571 0V4.39L15.48 10.34a1.286 1.286 0 0 1-1.817-1.817l5.948-5.95ZM1.286 14.571a1.286 1.286 0 0 1 1.285 1.286v3.754l5.949-5.946a1.286 1.286 0 0 1 1.817 1.817L4.39 21.429h3.753a1.285 1.285 0 1 1 0 2.571H1.286A1.286 1.286 0 0 1 0 22.714v-6.857a1.286 1.286 0 0 1 1.286-1.286Z"
     />
   </svg>
 );
-
 export default SvgArrowsExpand3;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsShrink3.js b/packages/desktop-client/src/icons/v2/ArrowsShrink3.js
index 9d1b68a9a..97b828654 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsShrink3.js
+++ b/packages/desktop-client/src/icons/v2/ArrowsShrink3.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgArrowsShrink3 = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M14.143 1.714A1.286 1.286 0 0 1 15.429 3v3.753L21.806.377a1.286 1.286 0 0 1 1.817 1.817l-6.376 6.377H21a1.286 1.286 0 1 1 0 2.572h-6.857a1.286 1.286 0 0 1-1.286-1.286V3a1.286 1.286 0 0 1 1.286-1.286ZM9.857 22.286A1.285 1.285 0 0 1 8.571 21v-3.753l-6.377 6.376a1.286 1.286 0 0 1-1.817-1.817l6.376-6.377H3a1.286 1.286 0 0 1 0-2.572h6.857a1.286 1.286 0 0 1 1.286 1.286V21a1.286 1.286 0 0 1-1.286 1.286Z"
       fill="currentColor"
+      d="M14.143 1.714A1.286 1.286 0 0 1 15.429 3v3.753L21.806.377a1.286 1.286 0 0 1 1.817 1.817l-6.376 6.377H21a1.286 1.286 0 1 1 0 2.572h-6.857a1.286 1.286 0 0 1-1.286-1.286V3a1.286 1.286 0 0 1 1.286-1.286ZM9.857 22.286A1.285 1.285 0 0 1 8.571 21v-3.753l-6.377 6.376a1.286 1.286 0 0 1-1.817-1.817l6.376-6.377H3a1.286 1.286 0 0 1 0-2.572h6.857a1.286 1.286 0 0 1 1.286 1.286V21a1.286 1.286 0 0 1-1.286 1.286Z"
     />
   </svg>
 );
-
 export default SvgArrowsShrink3;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js b/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js
index 9d932be9d..1db5f0908 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js
+++ b/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowsSynchronize = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -18,5 +17,4 @@ const SvgArrowsSynchronize = props => (
     </g>
   </svg>
 );
-
 export default SvgArrowsSynchronize;
diff --git a/packages/desktop-client/src/icons/v2/Calendar.js b/packages/desktop-client/src/icons/v2/Calendar.js
index 64b361172..9cfac11e2 100644
--- a/packages/desktop-client/src/icons/v2/Calendar.js
+++ b/packages/desktop-client/src/icons/v2/Calendar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalendar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCalendar = props => (
     />
   </svg>
 );
-
 export default SvgCalendar;
diff --git a/packages/desktop-client/src/icons/v2/Calendar3.js b/packages/desktop-client/src/icons/v2/Calendar3.js
index 1435c78f4..27114ed7c 100644
--- a/packages/desktop-client/src/icons/v2/Calendar3.js
+++ b/packages/desktop-client/src/icons/v2/Calendar3.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalendar3 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCalendar3 = props => (
     />
   </svg>
 );
-
 export default SvgCalendar3;
diff --git a/packages/desktop-client/src/icons/v2/Check.js b/packages/desktop-client/src/icons/v2/Check.js
index f053674f4..d76fc5a97 100644
--- a/packages/desktop-client/src/icons/v2/Check.js
+++ b/packages/desktop-client/src/icons/v2/Check.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgCheck = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M6.847 21.429a3.408 3.408 0 0 1-2.662-1.34l-3.76-4.273a1.714 1.714 0 0 1 2.572-2.263l3.522 4.01a.429.429 0 0 0 .631.014L21.036 3.105a1.715 1.715 0 1 1 2.486 2.362l-14.06 14.8a3.327 3.327 0 0 1-2.615 1.162Z"
       fill="currentColor"
+      d="M6.847 21.429a3.408 3.408 0 0 1-2.662-1.34l-3.76-4.273a1.714 1.714 0 0 1 2.572-2.263l3.522 4.01a.429.429 0 0 0 .631.014L21.036 3.105a1.715 1.715 0 1 1 2.486 2.362l-14.06 14.8a3.327 3.327 0 0 1-2.615 1.162Z"
     />
   </svg>
 );
-
 export default SvgCheck;
diff --git a/packages/desktop-client/src/icons/v2/CheckCircle1.js b/packages/desktop-client/src/icons/v2/CheckCircle1.js
index 73b9306da..5bccf8499 100644
--- a/packages/desktop-client/src/icons/v2/CheckCircle1.js
+++ b/packages/desktop-client/src/icons/v2/CheckCircle1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckCircle1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheckCircle1 = props => (
     />
   </svg>
 );
-
 export default SvgCheckCircle1;
diff --git a/packages/desktop-client/src/icons/v2/CheckCircleHollow.js b/packages/desktop-client/src/icons/v2/CheckCircleHollow.js
index 82a2561c0..62935e17a 100644
--- a/packages/desktop-client/src/icons/v2/CheckCircleHollow.js
+++ b/packages/desktop-client/src/icons/v2/CheckCircleHollow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckCircleHollow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheckCircleHollow = props => (
     />
   </svg>
 );
-
 export default SvgCheckCircleHollow;
diff --git a/packages/desktop-client/src/icons/v2/CloudUnknown.js b/packages/desktop-client/src/icons/v2/CloudUnknown.js
index ab0ba7cc9..0f37a5fd9 100644
--- a/packages/desktop-client/src/icons/v2/CloudUnknown.js
+++ b/packages/desktop-client/src/icons/v2/CloudUnknown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudUnknown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudUnknown = props => (
     />
   </svg>
 );
-
 export default SvgCloudUnknown;
diff --git a/packages/desktop-client/src/icons/v2/CloudUpload.js b/packages/desktop-client/src/icons/v2/CloudUpload.js
index 709a09589..4223f1f24 100644
--- a/packages/desktop-client/src/icons/v2/CloudUpload.js
+++ b/packages/desktop-client/src/icons/v2/CloudUpload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudUpload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudUpload = props => (
     />
   </svg>
 );
-
 export default SvgCloudUpload;
diff --git a/packages/desktop-client/src/icons/v2/CustomNotesPaper.js b/packages/desktop-client/src/icons/v2/CustomNotesPaper.js
index da2b89373..25bed444f 100644
--- a/packages/desktop-client/src/icons/v2/CustomNotesPaper.js
+++ b/packages/desktop-client/src/icons/v2/CustomNotesPaper.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgCustomNotesPaper = props => (
   <svg
     {...props}
-    viewBox="0 0 19 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 19 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M17 24H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h9a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 19 8v14a2 2 0 0 1-2 2ZM2 21.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V9a.5.5 0 0 0-.5-.5h-4a2 2 0 0 1-2-2v-4A.5.5 0 0 0 10 2H2.5a.5.5 0 0 0-.5.5v19Z"
       fill="currentColor"
+      d="M17 24H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h9a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 19 8v14a2 2 0 0 1-2 2ZM2 21.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V9a.5.5 0 0 0-.5-.5h-4a2 2 0 0 1-2-2v-4A.5.5 0 0 0 10 2H2.5a.5.5 0 0 0-.5.5v19Z"
     />
   </svg>
 );
-
 export default SvgCustomNotesPaper;
diff --git a/packages/desktop-client/src/icons/v2/DownloadThickBottom.js b/packages/desktop-client/src/icons/v2/DownloadThickBottom.js
index 388410e6a..d077d063e 100644
--- a/packages/desktop-client/src/icons/v2/DownloadThickBottom.js
+++ b/packages/desktop-client/src/icons/v2/DownloadThickBottom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDownloadThickBottom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgDownloadThickBottom = props => (
     />
   </svg>
 );
-
 export default SvgDownloadThickBottom;
diff --git a/packages/desktop-client/src/icons/v2/EditSkull1.js b/packages/desktop-client/src/icons/v2/EditSkull1.js
index 228adfdc9..4059dff7b 100644
--- a/packages/desktop-client/src/icons/v2/EditSkull1.js
+++ b/packages/desktop-client/src/icons/v2/EditSkull1.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgEditSkull1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M12 0a10.286 10.286 0 0 0-6.243 18.45 1.714 1.714 0 0 1 .672 1.36v1.619A2.571 2.571 0 0 0 9 24a1.714 1.714 0 0 0 1.714-1.714V21a1.286 1.286 0 0 1 2.572 0v1.286A1.714 1.714 0 0 0 15 24a2.571 2.571 0 0 0 2.571-2.571V19.81a1.714 1.714 0 0 1 .672-1.36A10.286 10.286 0 0 0 12 0ZM7.714 12.429a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Zm8.572 0a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Z"
       fill="currentColor"
+      d="M12 0a10.286 10.286 0 0 0-6.243 18.45 1.714 1.714 0 0 1 .672 1.36v1.619A2.571 2.571 0 0 0 9 24a1.714 1.714 0 0 0 1.714-1.714V21a1.286 1.286 0 0 1 2.572 0v1.286A1.714 1.714 0 0 0 15 24a2.571 2.571 0 0 0 2.571-2.571V19.81a1.714 1.714 0 0 1 .672-1.36A10.286 10.286 0 0 0 12 0ZM7.714 12.429a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Zm8.572 0a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Z"
     />
   </svg>
 );
-
 export default SvgEditSkull1;
diff --git a/packages/desktop-client/src/icons/v2/Eye.js b/packages/desktop-client/src/icons/v2/Eye.js
index 56b65a2e2..69d829336 100644
--- a/packages/desktop-client/src/icons/v2/Eye.js
+++ b/packages/desktop-client/src/icons/v2/Eye.js
@@ -1,55 +1,53 @@
 import * as React from 'react';
-
 const SvgEye = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
+      d="M18.502 12.712c0 2.368-3.137 4.289-7.003 4.289S4.5 15.08 4.5 12.712c0-2.364 3.133-4.285 6.999-4.285 3.866 0 7.003 1.921 7.003 4.285Zm0 0"
       style={{
         fill: 'none',
         strokeWidth: 1.5,
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
-        stroke: 'rgb(0%,0%,0%)',
+        stroke: '#000',
         strokeOpacity: 1,
         strokeMiterlimit: 4,
       }}
-      d="M 18.50179 12.712077 C 18.50179 15.080241 15.364583 17.000814 11.499023 17.000814 C 7.633464 17.000814 4.500326 15.080241 4.500326 12.712077 C 4.500326 10.347982 7.633464 8.427409 11.499023 8.427409 C 15.364583 8.427409 18.50179 10.347982 18.50179 12.712077 Z M 18.50179 12.712077"
-      transform="matrix(0.96,0,0,0.96,1,0.48)"
+      transform="matrix(.96 0 0 .96 1 .48)"
       fill="currentColor"
     />
     <path
+      d="M13.249 12.712a1.749 1.749 0 0 1-1.054 1.644 1.757 1.757 0 0 1-1.92-.354 1.752 1.752 0 0 1 1.225-3.003c.459-.004.902.175 1.232.496.325.322.513.761.517 1.217Zm0 0"
       style={{
         fill: 'none',
         strokeWidth: 1.5,
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
-        stroke: 'rgb(0%,0%,0%)',
+        stroke: '#000',
         strokeOpacity: 1,
         strokeMiterlimit: 4,
       }}
-      d="M 13.248698 12.712077 C 13.264974 13.424154 12.845866 14.075195 12.194824 14.355957 C 11.543783 14.636719 10.782878 14.498372 10.274251 14.001953 C 9.769694 13.501465 9.611003 12.748698 9.879557 12.089518 C 10.148112 11.430339 10.791016 10.999023 11.499023 10.999023 C 11.958822 10.994954 12.402344 11.173991 12.731934 11.495443 C 13.057454 11.816895 13.244629 12.256348 13.248698 12.712077 Z M 13.248698 12.712077"
-      transform="matrix(0.96,0,0,0.96,1,0.48)"
+      transform="matrix(.96 0 0 .96 1 .48)"
       fill="currentColor"
     />
     <path
+      d="M10.32 8.57a.72.72 0 1 0 1.442 0Zm1.442-3.289a.72.72 0 1 0-1.441 0Zm5.8 1.973a.72.72 0 0 0-.316-.969.718.718 0 0 0-.969.313Zm-2.664 2.05a.722.722 0 0 0 .317.97c.351.18.785.039.969-.317ZM5.801 6.599a.715.715 0 0 0-.969-.313.722.722 0 0 0-.312.969Zm.097 3.359a.72.72 0 0 0 .97.316.718.718 0 0 0 .312-.968Zm5.864-1.387V5.281H10.32v3.29Zm4.515-1.972-1.379 2.707 1.286.652 1.378-2.703ZM4.52 7.254l1.378 2.703 1.282-.652L5.8 6.598Zm0 0"
       style={{
         stroke: 'none',
         fillRule: 'nonzero',
-        fill: 'rgb(0%,0%,0%)',
+        fill: '#000',
         fillOpacity: 1,
       }}
-      d="M 10.320312 8.570312 C 10.320312 8.96875 10.640625 9.292969 11.039062 9.292969 C 11.4375 9.292969 11.761719 8.96875 11.761719 8.570312 Z M 11.761719 5.28125 C 11.761719 4.882812 11.4375 4.558594 11.039062 4.558594 C 10.640625 4.558594 10.320312 4.882812 10.320312 5.28125 Z M 17.5625 7.253906 C 17.742188 6.898438 17.601562 6.464844 17.246094 6.285156 C 16.894531 6.101562 16.460938 6.242188 16.277344 6.597656 Z M 14.898438 9.304688 C 14.71875 9.65625 14.859375 10.089844 15.214844 10.273438 C 15.566406 10.453125 16 10.3125 16.183594 9.957031 Z M 5.800781 6.597656 C 5.621094 6.242188 5.1875 6.101562 4.832031 6.285156 C 4.480469 6.464844 4.339844 6.898438 4.519531 7.253906 Z M 5.898438 9.957031 C 6.078125 10.3125 6.511719 10.453125 6.867188 10.273438 C 7.222656 10.089844 7.363281 9.65625 7.179688 9.304688 Z M 11.761719 8.570312 L 11.761719 5.28125 L 10.320312 5.28125 L 10.320312 8.570312 Z M 16.277344 6.597656 L 14.898438 9.304688 L 16.183594 9.957031 L 17.5625 7.253906 Z M 4.519531 7.253906 L 5.898438 9.957031 L 7.179688 9.304688 L 5.800781 6.597656 Z M 4.519531 7.253906"
       transform="translate(1)"
       fill="currentColor"
     />
   </svg>
 );
-
 export default SvgEye;
diff --git a/packages/desktop-client/src/icons/v2/EyeSlashed.js b/packages/desktop-client/src/icons/v2/EyeSlashed.js
index 50f843673..fbc3cabde 100644
--- a/packages/desktop-client/src/icons/v2/EyeSlashed.js
+++ b/packages/desktop-client/src/icons/v2/EyeSlashed.js
@@ -1,17 +1,18 @@
 import * as React from 'react';
-
 const SvgEyeSlashed = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
-    <path d="M 12 9.386719 C 12.398438 9.386719 12.71875 9.066406 12.71875 8.667969 C 12.71875 8.269531 12.398438 7.949219 12 7.949219 Z M 7.476562 16.851562 C 7.832031 17.03125 8.261719 16.890625 8.441406 16.535156 C 8.621094 16.179688 8.480469 15.746094 8.125 15.566406 Z M 11.28125 8.667969 C 11.28125 9.066406 11.601562 9.386719 12 9.386719 C 12.398438 9.386719 12.71875 9.066406 12.71875 8.667969 Z M 12.71875 5.28125 C 12.71875 4.882812 12.398438 4.558594 12 4.558594 C 11.601562 4.558594 11.28125 4.882812 11.28125 5.28125 Z M 11.996094 7.949219 C 11.601562 7.949219 11.277344 8.273438 11.28125 8.671875 C 11.28125 9.066406 11.605469 9.390625 12.003906 9.386719 Z M 14.46875 9.707031 C 14.855469 9.808594 15.25 9.582031 15.351562 9.195312 C 15.453125 8.8125 15.226562 8.417969 14.839844 8.316406 Z M 6.765625 6.65625 C 6.589844 6.296875 6.15625 6.152344 5.800781 6.328125 C 5.445312 6.507812 5.296875 6.9375 5.476562 7.292969 Z M 6.855469 10.078125 C 7.035156 10.433594 7.464844 10.582031 7.820312 10.402344 C 8.175781 10.226562 8.324219 9.792969 8.144531 9.4375 Z M 7.269531 19.191406 C 7 19.484375 7.019531 19.941406 7.3125 20.210938 C 7.605469 20.480469 8.058594 20.460938 8.328125 20.167969 Z M 10.800781 17.484375 C 11.070312 17.191406 11.050781 16.738281 10.761719 16.46875 C 10.46875 16.199219 10.011719 16.214844 9.742188 16.507812 Z M 19.25 8.308594 C 19.519531 8.015625 19.5 7.5625 19.207031 7.292969 C 18.914062 7.023438 18.460938 7.039062 18.191406 7.332031 Z M 16.25 9.441406 C 15.980469 9.730469 16 10.1875 16.292969 10.457031 C 16.585938 10.726562 17.042969 10.707031 17.308594 10.414062 Z M 9.742188 16.507812 C 9.472656 16.800781 9.492188 17.257812 9.785156 17.527344 C 10.078125 17.796875 10.53125 17.777344 10.800781 17.484375 Z M 12.574219 14.496094 L 13.105469 14.984375 Z M 13.617188 13.363281 L 13.089844 12.875 L 13.085938 12.875 Z M 17.308594 10.414062 C 17.578125 10.121094 17.5625 9.667969 17.269531 9.398438 C 16.976562 9.128906 16.519531 9.148438 16.25 9.441406 Z M 10.390625 16.285156 C 9.996094 16.222656 9.628906 16.488281 9.5625 16.878906 C 9.496094 17.269531 9.761719 17.640625 10.152344 17.707031 Z M 12 17.140625 L 12 16.417969 Z M 18.71875 12.902344 L 19.441406 12.902344 C 19.441406 12.886719 19.4375 12.871094 19.4375 12.851562 Z M 17.117188 9.289062 C 16.765625 9.105469 16.332031 9.238281 16.144531 9.589844 C 15.957031 9.941406 16.09375 10.378906 16.445312 10.5625 Z M 10.054688 14.320312 C 10.285156 14.640625 10.734375 14.714844 11.058594 14.484375 C 11.378906 14.25 11.453125 13.800781 11.222656 13.476562 Z M 10.5 12.140625 L 11.140625 12.464844 Z M 12 11.207031 L 12 10.488281 L 11.996094 10.488281 Z M 12.503906 12.074219 C 12.839844 12.285156 13.285156 12.179688 13.496094 11.84375 C 13.707031 11.507812 13.601562 11.0625 13.265625 10.851562 Z M 12 7.949219 C 10.03125 7.949219 8.210938 8.449219 6.863281 9.300781 C 5.527344 10.144531 4.558594 11.398438 4.558594 12.902344 L 6 12.902344 C 6 12.070312 6.539062 11.207031 7.632812 10.515625 C 8.714844 9.835938 10.257812 9.386719 12 9.386719 Z M 4.558594 12.902344 C 4.558594 14.625 5.816406 16.015625 7.476562 16.851562 L 8.125 15.566406 C 6.710938 14.851562 6 13.855469 6 12.902344 Z M 12.71875 8.667969 L 12.71875 5.28125 L 11.28125 5.28125 L 11.28125 8.667969 Z M 12.003906 9.386719 C 12.835938 9.386719 13.664062 9.492188 14.46875 9.707031 L 14.839844 8.316406 C 13.914062 8.070312 12.957031 7.945312 11.996094 7.949219 Z M 5.476562 7.292969 L 6.855469 10.078125 L 8.144531 9.4375 L 6.765625 6.65625 Z M 8.328125 20.167969 L 10.800781 17.484375 L 9.742188 16.507812 L 7.269531 19.191406 Z M 18.191406 7.332031 L 16.25 9.441406 L 17.308594 10.414062 L 19.25 8.308594 Z M 10.800781 17.484375 L 13.105469 14.984375 L 12.046875 14.007812 L 9.742188 16.507812 Z M 13.105469 14.984375 L 14.148438 13.847656 L 13.085938 12.875 L 12.046875 14.007812 Z M 14.148438 13.851562 L 17.308594 10.414062 L 16.25 9.441406 L 13.089844 12.875 Z M 10.152344 17.707031 C 10.765625 17.808594 11.382812 17.859375 12 17.859375 L 12 16.417969 C 11.460938 16.417969 10.921875 16.375 10.390625 16.285156 Z M 12 17.859375 C 13.96875 17.859375 15.789062 17.355469 17.136719 16.507812 C 18.472656 15.664062 19.441406 14.40625 19.441406 12.902344 L 18 12.902344 C 18 13.738281 17.460938 14.601562 16.367188 15.289062 C 15.285156 15.972656 13.742188 16.417969 12 16.417969 Z M 19.4375 12.851562 C 19.332031 11.34375 18.453125 10 17.117188 9.289062 L 16.445312 10.5625 C 17.339844 11.039062 17.929688 11.941406 18 12.953125 Z M 11.222656 13.476562 C 11.007812 13.179688 10.976562 12.789062 11.140625 12.464844 L 9.855469 11.8125 C 9.449219 12.621094 9.523438 13.585938 10.054688 14.320312 Z M 11.140625 12.464844 C 11.308594 12.136719 11.640625 11.933594 12.003906 11.929688 L 11.996094 10.488281 C 11.089844 10.496094 10.265625 11.007812 9.855469 11.8125 Z M 12 11.929688 C 12.179688 11.929688 12.351562 11.976562 12.503906 12.074219 L 13.265625 10.851562 C 12.886719 10.613281 12.445312 10.488281 12 10.488281 Z M 12 11.929688" />
+    <path
+      d="M12 9.387c.398 0 .719-.32.719-.719A.717.717 0 0 0 12 7.949Zm-4.523 7.465a.72.72 0 0 0 .648-1.285Zm3.804-8.184c0 .398.32.719.719.719.398 0 .719-.32.719-.719Zm1.438-3.387A.72.72 0 0 0 12 4.56a.72.72 0 0 0-.719.722Zm-.723 2.668a.717.717 0 0 0-.715.723c0 .394.324.719.723.715Zm2.473 1.758a.72.72 0 1 0 .37-1.39Zm-7.703-3.05a.72.72 0 1 0-1.29.636Zm.09 3.421c.18.356.609.504.964.324a.718.718 0 0 0 .325-.964Zm.414 9.113c-.27.293-.25.75.043 1.02.292.27.746.25 1.015-.043Zm3.53-1.707a.72.72 0 0 0-1.058-.976Zm8.45-9.175a.717.717 0 0 0-.043-1.016.717.717 0 0 0-1.016.039Zm-3 1.132c-.27.29-.25.746.043 1.016s.75.25 1.016-.043Zm-6.508 7.067c-.27.293-.25.75.043 1.02.293.269.746.25 1.016-.044Zm2.832-2.012.531.488Zm1.043-1.133-.527-.488h-.004Zm3.692-2.949a.717.717 0 0 0-.04-1.016.722.722 0 0 0-1.019.043Zm-6.918 5.871a.72.72 0 0 0-.238 1.422Zm1.609.856v-.723Zm6.719-4.239h.722c0-.015-.003-.03-.003-.05ZM17.117 9.29a.722.722 0 0 0-.972.3.718.718 0 0 0 .3.973Zm-7.062 5.031c.23.32.68.395 1.004.164a.727.727 0 0 0 .164-1.007Zm.445-2.18.64.325Zm1.5-.933v-.719h-.004Zm.504.867c.336.211.781.106.992-.23a.722.722 0 0 0-.23-.992ZM12 7.95c-1.969 0-3.79.5-5.137 1.352-1.336.844-2.304 2.097-2.304 3.601H6c0-.832.54-1.695 1.633-2.386 1.082-.68 2.625-1.13 4.367-1.13Zm-7.441 4.953c0 1.723 1.257 3.114 2.918 3.95l.648-1.286C6.711 14.852 6 13.856 6 12.902Zm8.16-4.234V5.281H11.28v3.387Zm-.715.719c.832 0 1.66.105 2.465.32l.37-1.39a10.903 10.903 0 0 0-2.843-.368ZM5.477 7.293l1.378 2.785 1.29-.64-1.38-2.782Zm2.851 12.875 2.473-2.684-1.059-.976L7.27 19.19Zm9.863-12.836-1.941 2.11 1.059.972L19.25 8.31Zm-7.39 10.152 2.304-2.5-1.058-.976-2.305 2.5Zm2.304-2.5 1.043-1.136-1.062-.973-1.04 1.133Zm1.043-1.132 3.16-3.438-1.058-.973-3.16 3.434Zm-3.996 3.855c.614.102 1.23.152 1.848.152v-1.441c-.54 0-1.078-.043-1.61-.133Zm1.848.152c1.969 0 3.79-.504 5.137-1.351 1.336-.844 2.304-2.102 2.304-3.606H18c0 .836-.54 1.7-1.633 2.387-1.082.684-2.625 1.129-4.367 1.129Zm7.438-5.007a4.385 4.385 0 0 0-2.32-3.563l-.673 1.274A2.943 2.943 0 0 1 18 12.953Zm-8.215.625a.975.975 0 0 1-.082-1.012l-1.286-.652a2.42 2.42 0 0 0 .2 2.507Zm-.082-1.012a.98.98 0 0 1 .863-.535l-.008-1.442c-.906.008-1.73.52-2.14 1.325ZM12 11.93c.18 0 .352.047.504.144l.762-1.222A2.383 2.383 0 0 0 12 10.488Zm0 0"
+      fill="currentColor"
+    />
   </svg>
 );
-
 export default SvgEyeSlashed;
diff --git a/packages/desktop-client/src/icons/v2/FavoriteStar.js b/packages/desktop-client/src/icons/v2/FavoriteStar.js
index b48815ed5..61686c4e6 100644
--- a/packages/desktop-client/src/icons/v2/FavoriteStar.js
+++ b/packages/desktop-client/src/icons/v2/FavoriteStar.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgFavoriteStar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M23.91 9.113a1.785 1.785 0 0 0-1.453-1.227l-6.132-.926-2.714-5.506a1.863 1.863 0 0 0-3.222 0l-2.78 5.552-6.066.88a1.798 1.798 0 0 0-1 3.068l4.428 4.361-1.028 6.055a1.797 1.797 0 0 0 2.607 1.895l5.488-2.865 5.429 2.858a1.797 1.797 0 0 0 2.607-1.895l-1.011-6.128 4.394-4.286a1.786 1.786 0 0 0 .454-1.836Z"
       fill="currentColor"
+      d="M23.91 9.113a1.785 1.785 0 0 0-1.453-1.227l-6.132-.926-2.714-5.506a1.863 1.863 0 0 0-3.222 0l-2.78 5.552-6.066.88a1.798 1.798 0 0 0-1 3.068l4.428 4.361-1.028 6.055a1.797 1.797 0 0 0 2.607 1.895l5.488-2.865 5.429 2.858a1.797 1.797 0 0 0 2.607-1.895l-1.011-6.128 4.394-4.286a1.786 1.786 0 0 0 .454-1.836Z"
     />
   </svg>
 );
-
 export default SvgFavoriteStar;
diff --git a/packages/desktop-client/src/icons/v2/Filter2.js b/packages/desktop-client/src/icons/v2/Filter2.js
index 7434e71e7..f771687a7 100644
--- a/packages/desktop-client/src/icons/v2/Filter2.js
+++ b/packages/desktop-client/src/icons/v2/Filter2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFilter2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFilter2 = props => (
     />
   </svg>
 );
-
 export default SvgFilter2;
diff --git a/packages/desktop-client/src/icons/v2/Hyperlink2.js b/packages/desktop-client/src/icons/v2/Hyperlink2.js
index b32a4ce1b..16e351ea9 100644
--- a/packages/desktop-client/src/icons/v2/Hyperlink2.js
+++ b/packages/desktop-client/src/icons/v2/Hyperlink2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHyperlink2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -24,5 +23,4 @@ const SvgHyperlink2 = props => (
     />
   </svg>
 );
-
 export default SvgHyperlink2;
diff --git a/packages/desktop-client/src/icons/v2/Hyperlink3.js b/packages/desktop-client/src/icons/v2/Hyperlink3.js
index 32c94bcd9..c18c9d78f 100644
--- a/packages/desktop-client/src/icons/v2/Hyperlink3.js
+++ b/packages/desktop-client/src/icons/v2/Hyperlink3.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHyperlink3 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgHyperlink3 = props => (
     />
   </svg>
 );
-
 export default SvgHyperlink3;
diff --git a/packages/desktop-client/src/icons/v2/InformationCircle.js b/packages/desktop-client/src/icons/v2/InformationCircle.js
index 74cc6d503..37f8c0ec6 100644
--- a/packages/desktop-client/src/icons/v2/InformationCircle.js
+++ b/packages/desktop-client/src/icons/v2/InformationCircle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInformationCircle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInformationCircle = props => (
     />
   </svg>
 );
-
 export default SvgInformationCircle;
diff --git a/packages/desktop-client/src/icons/v2/Key.js b/packages/desktop-client/src/icons/v2/Key.js
index a9f2e0c65..4386cc185 100644
--- a/packages/desktop-client/src/icons/v2/Key.js
+++ b/packages/desktop-client/src/icons/v2/Key.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgKey = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgKey = props => (
     />
   </svg>
 );
-
 export default SvgKey;
diff --git a/packages/desktop-client/src/icons/v2/NavigationMenu.js b/packages/desktop-client/src/icons/v2/NavigationMenu.js
index 0707f49de..0fbc1b28b 100644
--- a/packages/desktop-client/src/icons/v2/NavigationMenu.js
+++ b/packages/desktop-client/src/icons/v2/NavigationMenu.js
@@ -1,43 +1,41 @@
 import * as React from 'react';
-
 const SvgNavigationMenu = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <rect
-      x={0.5}
-      y={2.5}
       width={23}
       height={3}
+      x={0.5}
+      y={2.5}
       rx={1}
       ry={1}
       fill="currentColor"
     />
     <rect
-      x={0.5}
-      y={10.5}
       width={23}
       height={3}
+      x={0.5}
+      y={10.5}
       rx={1}
       ry={1}
       fill="currentColor"
     />
     <rect
-      x={0.5}
-      y={18.5}
       width={23}
       height={3}
+      x={0.5}
+      y={18.5}
       rx={1}
       ry={1}
       fill="currentColor"
     />
   </svg>
 );
-
 export default SvgNavigationMenu;
diff --git a/packages/desktop-client/src/icons/v2/NotesPaper.js b/packages/desktop-client/src/icons/v2/NotesPaper.js
index 04b1b3c9b..5a914bd91 100644
--- a/packages/desktop-client/src/icons/v2/NotesPaper.js
+++ b/packages/desktop-client/src/icons/v2/NotesPaper.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotesPaper = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotesPaper = props => (
     />
   </svg>
 );
-
 export default SvgNotesPaper;
diff --git a/packages/desktop-client/src/icons/v2/NotesPaperText.js b/packages/desktop-client/src/icons/v2/NotesPaperText.js
index 1ea8142e1..19ac9473a 100644
--- a/packages/desktop-client/src/icons/v2/NotesPaperText.js
+++ b/packages/desktop-client/src/icons/v2/NotesPaperText.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotesPaperText = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgNotesPaperText = props => (
     />
   </svg>
 );
-
 export default SvgNotesPaperText;
diff --git a/packages/desktop-client/src/icons/v2/Pencil1.js b/packages/desktop-client/src/icons/v2/Pencil1.js
index 4b36a6254..1d5b333f4 100644
--- a/packages/desktop-client/src/icons/v2/Pencil1.js
+++ b/packages/desktop-client/src/icons/v2/Pencil1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPencil1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPencil1 = props => (
     />
   </svg>
 );
-
 export default SvgPencil1;
diff --git a/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js b/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js
index 5f37ae8a4..ece2e348d 100644
--- a/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js
+++ b/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPencilWriteAlternate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgPencilWriteAlternate = props => (
     />
   </svg>
 );
-
 export default SvgPencilWriteAlternate;
diff --git a/packages/desktop-client/src/icons/v2/RefreshArrow.js b/packages/desktop-client/src/icons/v2/RefreshArrow.js
index e3ef269ea..3fcbe6b74 100644
--- a/packages/desktop-client/src/icons/v2/RefreshArrow.js
+++ b/packages/desktop-client/src/icons/v2/RefreshArrow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRefreshArrow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRefreshArrow = props => (
     />
   </svg>
 );
-
 export default SvgRefreshArrow;
diff --git a/packages/desktop-client/src/icons/v2/Remove.js b/packages/desktop-client/src/icons/v2/Remove.js
index cd0ac6b1e..6fd1a2046 100644
--- a/packages/desktop-client/src/icons/v2/Remove.js
+++ b/packages/desktop-client/src/icons/v2/Remove.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRemove = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRemove = props => (
     />
   </svg>
 );
-
 export default SvgRemove;
diff --git a/packages/desktop-client/src/icons/v2/RemoveAlternate.js b/packages/desktop-client/src/icons/v2/RemoveAlternate.js
index 77e6389f7..69329fa59 100644
--- a/packages/desktop-client/src/icons/v2/RemoveAlternate.js
+++ b/packages/desktop-client/src/icons/v2/RemoveAlternate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRemoveAlternate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgRemoveAlternate = props => (
     />
   </svg>
 );
-
 export default SvgRemoveAlternate;
diff --git a/packages/desktop-client/src/icons/v2/Search1.js b/packages/desktop-client/src/icons/v2/Search1.js
index 6afcd67f8..aefba5fb0 100644
--- a/packages/desktop-client/src/icons/v2/Search1.js
+++ b/packages/desktop-client/src/icons/v2/Search1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSearch1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSearch1 = props => (
     />
   </svg>
 );
-
 export default SvgSearch1;
diff --git a/packages/desktop-client/src/icons/v2/SearchAlternate.js b/packages/desktop-client/src/icons/v2/SearchAlternate.js
index 67efc3961..66e1bf986 100644
--- a/packages/desktop-client/src/icons/v2/SearchAlternate.js
+++ b/packages/desktop-client/src/icons/v2/SearchAlternate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSearchAlternate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSearchAlternate = props => (
     />
   </svg>
 );
-
 export default SvgSearchAlternate;
diff --git a/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js b/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js
index 9800a4fa5..c1507440e 100644
--- a/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js
+++ b/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgSettingsSliderAlternate = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M4.5 17.5h6.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 0 0 0-2h-1.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2Zm10-2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM19.5 6.5h-6.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2h1.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 1 0 0-2ZM9.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"
       fill="currentColor"
+      d="M4.5 17.5h6.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 0 0 0-2h-1.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2Zm10-2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM19.5 6.5h-6.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2h1.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 1 0 0-2ZM9.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"
     />
   </svg>
 );
-
 export default SvgSettingsSliderAlternate;
diff --git a/packages/desktop-client/src/icons/v2/Subtract.js b/packages/desktop-client/src/icons/v2/Subtract.js
index 1d38fa0a7..a8644c7be 100644
--- a/packages/desktop-client/src/icons/v2/Subtract.js
+++ b/packages/desktop-client/src/icons/v2/Subtract.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSubtract = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSubtract = props => (
     />
   </svg>
 );
-
 export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v2/UploadThickBottom.js b/packages/desktop-client/src/icons/v2/UploadThickBottom.js
index 579ad43db..a64549bdc 100644
--- a/packages/desktop-client/src/icons/v2/UploadThickBottom.js
+++ b/packages/desktop-client/src/icons/v2/UploadThickBottom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUploadThickBottom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgUploadThickBottom = props => (
     />
   </svg>
 );
-
 export default SvgUploadThickBottom;
diff --git a/packages/desktop-client/src/icons/v2/ValidationCheck.js b/packages/desktop-client/src/icons/v2/ValidationCheck.js
index ea0e81b95..43225e4ae 100644
--- a/packages/desktop-client/src/icons/v2/ValidationCheck.js
+++ b/packages/desktop-client/src/icons/v2/ValidationCheck.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgValidationCheck = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M7.176 22.5a4.111 4.111 0 0 1-3.17-1.486l-3.62-4.6a1.8 1.8 0 1 1 2.828-2.228l3.6 4.56a.384.384 0 0 0 .379.152.52.52 0 0 0 .408-.197L20.794 2.177a1.8 1.8 0 1 1 2.812 2.246L10.39 20.964A4.12 4.12 0 0 1 7.2 22.5Z"
       fill="currentColor"
+      d="M7.176 22.5a4.111 4.111 0 0 1-3.17-1.486l-3.62-4.6a1.8 1.8 0 1 1 2.828-2.228l3.6 4.56a.384.384 0 0 0 .379.152.52.52 0 0 0 .408-.197L20.794 2.177a1.8 1.8 0 1 1 2.812 2.246L10.39 20.964A4.12 4.12 0 0 1 7.2 22.5Z"
     />
   </svg>
 );
-
 export default SvgValidationCheck;
diff --git a/packages/desktop-client/src/icons/v2/eye.svg b/packages/desktop-client/src/icons/v2/eye.svg
index 0ed146947..38ab9bf43 100644
--- a/packages/desktop-client/src/icons/v2/eye.svg
+++ b/packages/desktop-client/src/icons/v2/eye.svg
@@ -3,6 +3,6 @@
 <g>
 <path style="fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 18.50179 12.712077 C 18.50179 15.080241 15.364583 17.000814 11.499023 17.000814 C 7.633464 17.000814 4.500326 15.080241 4.500326 12.712077 C 4.500326 10.347982 7.633464 8.427409 11.499023 8.427409 C 15.364583 8.427409 18.50179 10.347982 18.50179 12.712077 Z M 18.50179 12.712077" transform="matrix(0.96,0,0,0.96,1,0.48)"/>
 <path style="fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 13.248698 12.712077 C 13.264974 13.424154 12.845866 14.075195 12.194824 14.355957 C 11.543783 14.636719 10.782878 14.498372 10.274251 14.001953 C 9.769694 13.501465 9.611003 12.748698 9.879557 12.089518 C 10.148112 11.430339 10.791016 10.999023 11.499023 10.999023 C 11.958822 10.994954 12.402344 11.173991 12.731934 11.495443 C 13.057454 11.816895 13.244629 12.256348 13.248698 12.712077 Z M 13.248698 12.712077" transform="matrix(0.96,0,0,0.96,1,0.48)"/>
-<path style="stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 10.320312 8.570312 C 10.320312 8.96875 10.640625 9.292969 11.039062 9.292969 C 11.4375 9.292969 11.761719 8.96875 11.761719 8.570312 Z M 11.761719 5.28125 C 11.761719 4.882812 11.4375 4.558594 11.039062 4.558594 C 10.640625 4.558594 10.320312 4.882812 10.320312 5.28125 Z M 17.5625 7.253906 C 17.742188 6.898438 17.601562 6.464844 17.246094 6.285156 C 16.894531 6.101562 16.460938 6.242188 16.277344 6.597656 Z M 14.898438 9.304688 C 14.71875 9.65625 14.859375 10.089844 15.214844 10.273438 C 15.566406 10.453125 16 10.3125 16.183594 9.957031 Z M 5.800781 6.597656 C 5.621094 6.242188 5.1875 6.101562 4.832031 6.285156 C 4.480469 6.464844 4.339844 6.898438 4.519531 7.253906 Z M 5.898438 9.957031 C 6.078125 10.3125 6.511719 10.453125 6.867188 10.273438 C 7.222656 10.089844 7.363281 9.65625 7.179688 9.304688 Z M 11.761719 8.570312 L 11.761719 5.28125 L 10.320312 5.28125 L 10.320312 8.570312 Z M 16.277344 6.597656 L 14.898438 9.304688 L 16.183594 9.957031 L 17.5625 7.253906 Z M 4.519531 7.253906 L 5.898438 9.957031 L 7.179688 9.304688 L 5.800781 6.597656 Z M 4.519531 7.253906" transform="translate(1)/>
+<path style="stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 10.320312 8.570312 C 10.320312 8.96875 10.640625 9.292969 11.039062 9.292969 C 11.4375 9.292969 11.761719 8.96875 11.761719 8.570312 Z M 11.761719 5.28125 C 11.761719 4.882812 11.4375 4.558594 11.039062 4.558594 C 10.640625 4.558594 10.320312 4.882812 10.320312 5.28125 Z M 17.5625 7.253906 C 17.742188 6.898438 17.601562 6.464844 17.246094 6.285156 C 16.894531 6.101562 16.460938 6.242188 16.277344 6.597656 Z M 14.898438 9.304688 C 14.71875 9.65625 14.859375 10.089844 15.214844 10.273438 C 15.566406 10.453125 16 10.3125 16.183594 9.957031 Z M 5.800781 6.597656 C 5.621094 6.242188 5.1875 6.101562 4.832031 6.285156 C 4.480469 6.464844 4.339844 6.898438 4.519531 7.253906 Z M 5.898438 9.957031 C 6.078125 10.3125 6.511719 10.453125 6.867188 10.273438 C 7.222656 10.089844 7.363281 9.65625 7.179688 9.304688 Z M 11.761719 8.570312 L 11.761719 5.28125 L 10.320312 5.28125 L 10.320312 8.570312 Z M 16.277344 6.597656 L 14.898438 9.304688 L 16.183594 9.957031 L 17.5625 7.253906 Z M 4.519531 7.253906 L 5.898438 9.957031 L 7.179688 9.304688 L 5.800781 6.597656 Z M 4.519531 7.253906" transform="translate(1)"/>
 </g>
 </svg>
diff --git a/upcoming-release-notes/1368.md b/upcoming-release-notes/1368.md
new file mode 100644
index 000000000..82e115d85
--- /dev/null
+++ b/upcoming-release-notes/1368.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [j-f1]
+---
+
+Update to the latest SVGR version & re-generate all icons
diff --git a/yarn.lock b/yarn.lock
index 6621bacda..39463746e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -82,7 +82,7 @@ __metadata:
     "@react-aria/utils": ^3.13.3
     "@react-stately/collections": ^3.4.3
     "@react-stately/list": ^3.5.3
-    "@svgr/cli": ^6.5.1
+    "@svgr/cli": ^8.0.1
     "@testing-library/react": 14.0.0
     "@testing-library/user-event": 14.4.3
     "@types/react": ^18.2.0
@@ -173,7 +173,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.16.0, @babel/core@npm:^7.19.6, @babel/core@npm:^7.7.2, @babel/core@npm:^7.8.0, @babel/core@npm:~7.22.5":
+"@babel/compat-data@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/compat-data@npm:7.22.9"
+  checksum: bed77d9044ce948b4327b30dd0de0779fa9f3a7ed1f2d31638714ed00229fa71fc4d1617ae0eb1fad419338d3658d0e9a5a083297451e09e73e078d0347ff808
+  languageName: node
+  linkType: hard
+
+"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.16.0, @babel/core@npm:^7.7.2, @babel/core@npm:^7.8.0, @babel/core@npm:~7.22.5":
   version: 7.22.5
   resolution: "@babel/core@npm:7.22.5"
   dependencies:
@@ -196,6 +203,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/core@npm:^7.21.3":
+  version: 7.22.9
+  resolution: "@babel/core@npm:7.22.9"
+  dependencies:
+    "@ampproject/remapping": ^2.2.0
+    "@babel/code-frame": ^7.22.5
+    "@babel/generator": ^7.22.9
+    "@babel/helper-compilation-targets": ^7.22.9
+    "@babel/helper-module-transforms": ^7.22.9
+    "@babel/helpers": ^7.22.6
+    "@babel/parser": ^7.22.7
+    "@babel/template": ^7.22.5
+    "@babel/traverse": ^7.22.8
+    "@babel/types": ^7.22.5
+    convert-source-map: ^1.7.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.2
+    semver: ^6.3.1
+  checksum: 7bf069aeceb417902c4efdaefab1f7b94adb7dea694a9aed1bda2edf4135348a080820529b1a300c6f8605740a00ca00c19b2d5e74b5dd489d99d8c11d5e56d1
+  languageName: node
+  linkType: hard
+
 "@babel/eslint-parser@npm:^7.16.3":
   version: 7.22.5
   resolution: "@babel/eslint-parser@npm:7.22.5"
@@ -222,6 +252,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.22.7, @babel/generator@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/generator@npm:7.22.9"
+  dependencies:
+    "@babel/types": ^7.22.5
+    "@jridgewell/gen-mapping": ^0.3.2
+    "@jridgewell/trace-mapping": ^0.3.17
+    jsesc: ^2.5.1
+  checksum: 7c9d2c58b8d5ac5e047421a6ab03ec2ff5d9a5ff2c2212130a0055e063ac349e0b19d435537d6886c999771aef394832e4f54cd9fc810100a7f23d982f6af06b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-annotate-as-pure@npm:^7.18.6, @babel/helper-annotate-as-pure@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
@@ -255,6 +297,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/helper-compilation-targets@npm:7.22.9"
+  dependencies:
+    "@babel/compat-data": ^7.22.9
+    "@babel/helper-validator-option": ^7.22.5
+    browserslist: ^4.21.9
+    lru-cache: ^5.1.1
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: ea0006c6a93759025f4a35a25228ae260538c9f15023e8aac2a6d45ca68aef4cf86cfc429b19af9a402cbdd54d5de74ad3fbcf6baa7e48184dc079f1a791e178
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.21.0, @babel/helper-create-class-features-plugin@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-create-class-features-plugin@npm:7.22.5"
@@ -363,6 +420,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-transforms@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/helper-module-transforms@npm:7.22.9"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.5
+    "@babel/helper-module-imports": ^7.22.5
+    "@babel/helper-simple-access": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/helper-validator-identifier": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 2751f77660518cf4ff027514d6f4794f04598c6393be7b04b8e46c6e21606e11c19f3f57ab6129a9c21bacdf8b3ffe3af87bb401d972f34af2d0ffde02ac3001
+  languageName: node
+  linkType: hard
+
 "@babel/helper-optimise-call-expression@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-optimise-call-expression@npm:7.22.5"
@@ -434,6 +506,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-split-export-declaration@npm:^7.22.6":
+  version: 7.22.6
+  resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: e141cace583b19d9195f9c2b8e17a3ae913b7ee9b8120246d0f9ca349ca6f03cb2c001fd5ec57488c544347c0bb584afec66c936511e447fd20a360e591ac921
+  languageName: node
+  linkType: hard
+
 "@babel/helper-string-parser@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-string-parser@npm:7.22.5"
@@ -478,6 +559,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helpers@npm:^7.22.6":
+  version: 7.22.6
+  resolution: "@babel/helpers@npm:7.22.6"
+  dependencies:
+    "@babel/template": ^7.22.5
+    "@babel/traverse": ^7.22.6
+    "@babel/types": ^7.22.5
+  checksum: 5c1f33241fe7bf7709868c2105134a0a86dca26a0fbd508af10a89312b1f77ca38ebae43e50be3b208613c5eacca1559618af4ca236f0abc55d294800faeff30
+  languageName: node
+  linkType: hard
+
 "@babel/highlight@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/highlight@npm:7.22.5"
@@ -498,6 +590,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.22.7":
+  version: 7.22.7
+  resolution: "@babel/parser@npm:7.22.7"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 02209ddbd445831ee8bf966fdf7c29d189ed4b14343a68eb2479d940e7e3846340d7cc6bd654a5f3d87d19dc84f49f50a58cf9363bee249dc5409ff3ba3dab54
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.22.5"
@@ -1765,7 +1866,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.12.6, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
+"@babel/traverse@npm:^7.22.6, @babel/traverse@npm:^7.22.8":
+  version: 7.22.8
+  resolution: "@babel/traverse@npm:7.22.8"
+  dependencies:
+    "@babel/code-frame": ^7.22.5
+    "@babel/generator": ^7.22.7
+    "@babel/helper-environment-visitor": ^7.22.5
+    "@babel/helper-function-name": ^7.22.5
+    "@babel/helper-hoist-variables": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/parser": ^7.22.7
+    "@babel/types": ^7.22.5
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: a381369bc3eedfd13ed5fef7b884657f1c29024ea7388198149f0edc34bd69ce3966e9f40188d15f56490a5e12ba250ccc485f2882b53d41b054fccefb233e33
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.12.6, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.22.5, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.22.5
   resolution: "@babel/types@npm:7.22.5"
   dependencies:
@@ -3459,6 +3578,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3fc8e35d16f5abe0af5efe5851f27581225ac405d6a1ca44cda0df064cddfcc29a428c48c2e4bef6cebf627c9ac2f652a096030edb02cf5a120ce28d3c234710
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-add-jsx-attribute@npm:^5.4.0":
   version: 5.4.0
   resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:5.4.0"
@@ -3466,21 +3594,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-add-jsx-attribute@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:6.5.1"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: cab83832830a57735329ed68f67c03b57ca21fa037b0134847b0c5c0ef4beca89956d7dacfbf7b2a10fd901e7009e877512086db2ee918b8c69aee7742ae32c0
-  languageName: node
-  linkType: hard
-
-"@svgr/babel-plugin-remove-jsx-attribute@npm:*":
-  version: 7.0.0
-  resolution: "@svgr/babel-plugin-remove-jsx-attribute@npm:7.0.0"
+"@svgr/babel-plugin-remove-jsx-attribute@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-remove-jsx-attribute@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 808ba216eea6904b2c0b664957b1ad4d3e0d9e36635ad2fca7fb2667031730cbbe067421ac0d50209f7c83dc3b6c2eff8f377780268cd1606c85603bc47b18d7
+  checksum: ff992893c6c4ac802713ba3a97c13be34e62e6d981c813af40daabcd676df68a72a61bd1e692bb1eda3587f1b1d700ea462222ae2153bb0f46886632d4f88d08
   languageName: node
   linkType: hard
 
@@ -3491,12 +3610,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-remove-jsx-empty-expression@npm:*":
-  version: 7.0.0
-  resolution: "@svgr/babel-plugin-remove-jsx-empty-expression@npm:7.0.0"
+"@svgr/babel-plugin-remove-jsx-empty-expression@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-remove-jsx-empty-expression@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: da0cae989cc99b5437c877412da6251eef57edfff8514b879c1245b6519edfda101ebc4ba2be3cce3aa9a6014050ea4413e004084d839afd8ac8ffc587a921bf
+  checksum: 0fb691b63a21bac00da3aa2dccec50d0d5a5b347ff408d60803b84410d8af168f2656e4ba1ee1f24dab0ae4e4af77901f2928752bb0434c1f6788133ec599ec8
   languageName: node
   linkType: hard
 
@@ -3507,6 +3626,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@svgr/babel-plugin-replace-jsx-attribute-value@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1edda65ef4f4dd8f021143c8ec276a08f6baa6f733b8e8ee2e7775597bf6b97afb47fdeefd579d6ae6c959fe2e634f55cd61d99377631212228c8cfb351b8921
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-replace-jsx-attribute-value@npm:^5.0.1":
   version: 5.0.1
   resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:5.0.1"
@@ -3514,12 +3642,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-replace-jsx-attribute-value@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:6.5.1"
+"@svgr/babel-plugin-svg-dynamic-title@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-svg-dynamic-title@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b7d2125758e766e1ebd14b92216b800bdc976959bc696dbfa1e28682919147c1df4bb8b1b5fd037d7a83026e27e681fea3b8d3741af8d3cf4c9dfa3d412125df
+  checksum: 876cec891488992e6a9aebb8155e2bea4ec461b4718c51de36e988e00e271c6d9d01ef6be17b9effd44b2b3d7db0b41c161a5904a46ae6f38b26b387ad7f3709
   languageName: node
   linkType: hard
 
@@ -3530,12 +3658,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-svg-dynamic-title@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-svg-dynamic-title@npm:6.5.1"
+"@svgr/babel-plugin-svg-em-dimensions@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-svg-em-dimensions@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 0fd42ebf127ae9163ef341e84972daa99bdcb9e6ed3f83aabd95ee173fddc43e40e02fa847fbc0a1058cf5549f72b7960a2c5e22c3e4ac18f7e3ac81277852ae
+  checksum: be0e2d391164428327d9ec469a52cea7d93189c6b0e2c290999e048f597d777852f701c64dca44cd45b31ed14a7f859520326e2e4ad7c3a4545d0aa235bc7e9a
   languageName: node
   linkType: hard
 
@@ -3546,12 +3674,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-svg-em-dimensions@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-svg-em-dimensions@npm:6.5.1"
+"@svgr/babel-plugin-transform-react-native-svg@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-transform-react-native-svg@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: c1550ee9f548526fa66fd171e3ffb5696bfc4e4cd108a631d39db492c7410dc10bba4eb5a190e9df824bf806130ccc586ae7d2e43c547e6a4f93bbb29a18f344
+  checksum: 14e3f8ef27bb3215aa8914ea44831eb43decde4a131e4302480f23d6e75aa8c4ea9e1f8888d479b7a8ac63b828e590c03df6d72a6964676612c015f4a967fc74
   languageName: node
   linkType: hard
 
@@ -3562,12 +3690,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-transform-react-native-svg@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-transform-react-native-svg@npm:6.5.1"
+"@svgr/babel-plugin-transform-svg-component@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-transform-svg-component@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 4c924af22b948b812629e80efb90ad1ec8faae26a232d8ca8a06b46b53e966a2c415a57806a3ff0ea806a622612e546422719b69ec6839717a7755dac19171d9
+  checksum: 04e2023d75693eeb0890341c40e449881184663056c249be7e5c80168e4aabb0fadd255e8d5d2dbf54b8c2a6e700efba994377135bfa4060dc4a2e860116ef8c
   languageName: node
   linkType: hard
 
@@ -3578,12 +3706,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-transform-svg-component@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-transform-svg-component@npm:6.5.1"
+"@svgr/babel-preset@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-preset@npm:8.0.0"
+  dependencies:
+    "@svgr/babel-plugin-add-jsx-attribute": 8.0.0
+    "@svgr/babel-plugin-remove-jsx-attribute": 8.0.0
+    "@svgr/babel-plugin-remove-jsx-empty-expression": 8.0.0
+    "@svgr/babel-plugin-replace-jsx-attribute-value": 8.0.0
+    "@svgr/babel-plugin-svg-dynamic-title": 8.0.0
+    "@svgr/babel-plugin-svg-em-dimensions": 8.0.0
+    "@svgr/babel-plugin-transform-react-native-svg": 8.0.0
+    "@svgr/babel-plugin-transform-svg-component": 8.0.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: e496bb5ee871feb6bcab250b6e067322da7dd5c9c2b530b41e5586fe090f86611339b49d0a909c334d9b24cbca0fa755c949a2526c6ad03c6b5885666874cf5f
+  checksum: c8a4497f3fe8338831be275e9e9534b265d22c8ecd75eec0ed82cff8d287506d38fc1963ac3b1a3a27abe0582bcba73f7a76798d23cce586e840bf65a87ba990
   languageName: node
   linkType: hard
 
@@ -3603,40 +3740,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-preset@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-preset@npm:6.5.1"
-  dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute": ^6.5.1
-    "@svgr/babel-plugin-remove-jsx-attribute": "*"
-    "@svgr/babel-plugin-remove-jsx-empty-expression": "*"
-    "@svgr/babel-plugin-replace-jsx-attribute-value": ^6.5.1
-    "@svgr/babel-plugin-svg-dynamic-title": ^6.5.1
-    "@svgr/babel-plugin-svg-em-dimensions": ^6.5.1
-    "@svgr/babel-plugin-transform-react-native-svg": ^6.5.1
-    "@svgr/babel-plugin-transform-svg-component": ^6.5.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 9f124be39a8e64f909162f925b3a63ddaa5a342a5e24fc0b7f7d9d4d7f7e3b916596c754fb557dc259928399cad5366a27cb231627a0d2dcc4b13ac521cf05af
-  languageName: node
-  linkType: hard
-
-"@svgr/cli@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/cli@npm:6.5.1"
+"@svgr/cli@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/cli@npm:8.0.1"
   dependencies:
-    "@svgr/core": ^6.5.1
-    "@svgr/plugin-jsx": ^6.5.1
-    "@svgr/plugin-prettier": ^6.5.1
-    "@svgr/plugin-svgo": ^6.5.1
+    "@svgr/core": 8.0.0
+    "@svgr/plugin-jsx": 8.0.1
+    "@svgr/plugin-prettier": 8.0.1
+    "@svgr/plugin-svgo": 8.0.1
     camelcase: ^6.2.0
     chalk: ^4.1.2
     commander: ^9.4.1
     dashify: ^2.0.0
     glob: ^8.0.3
+    snake-case: ^3.0.4
   bin:
     svgr: bin/svgr
-  checksum: 508c76809463d9e7e4a3cd10e0fed7a43d2d91804d8a8f31146780c3dc7e9b187bdf919a57fe8156842061ce292b5358d4b77ae2dff9ecf8682617e5e98b6cee
+  checksum: 8c16d431bdd029daae7f40b5432600d95f96e1124956a8396650a5eed39815c33b80d11d327a06b53a80a6fd203720a7ad9a4bf45f0f4b863495a39f35d587d0
+  languageName: node
+  linkType: hard
+
+"@svgr/core@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/core@npm:8.0.0"
+  dependencies:
+    "@babel/core": ^7.21.3
+    "@svgr/babel-preset": 8.0.0
+    camelcase: ^6.2.0
+    cosmiconfig: ^8.1.3
+    snake-case: ^3.0.4
+  checksum: ce83ecbab185db72d16dbd9650f5a66c6e2705627722e593b0eaf23bfafe49cf8bb55f216016a11b8a546822c7387887d218aab8697f7b31e3d1a97d94fa0593
   languageName: node
   linkType: hard
 
@@ -3651,16 +3784,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/core@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/core@npm:6.5.1"
+"@svgr/hast-util-to-babel-ast@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/hast-util-to-babel-ast@npm:8.0.0"
   dependencies:
-    "@babel/core": ^7.19.6
-    "@svgr/babel-preset": ^6.5.1
-    "@svgr/plugin-jsx": ^6.5.1
-    camelcase: ^6.2.0
-    cosmiconfig: ^7.0.1
-  checksum: fd6d6d5da5aeb956703310480b626c1fb3e3973ad9fe8025efc1dcf3d895f857b70d100c63cf32cebb20eb83c9607bafa464c9436e18fe6fe4fafdc73ed6b1a5
+    "@babel/types": ^7.21.3
+    entities: ^4.4.0
+  checksum: 88401281a38bbc7527e65ff5437970414391a86158ef4b4046c89764c156d2d39ecd7cce77be8a51994c9fb3249170cb1eb8b9128b62faaa81743ef6ed3534ab
   languageName: node
   linkType: hard
 
@@ -3673,13 +3803,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/hast-util-to-babel-ast@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/hast-util-to-babel-ast@npm:6.5.1"
+"@svgr/plugin-jsx@npm:8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/plugin-jsx@npm:8.0.1"
   dependencies:
-    "@babel/types": ^7.20.0
-    entities: ^4.4.0
-  checksum: 37923cce1b3f4e2039077b0c570b6edbabe37d1cf1a6ee35e71e0fe00f9cffac450eec45e9720b1010418131a999cb0047331ba1b6d1d2c69af1b92ac785aacf
+    "@babel/core": ^7.21.3
+    "@svgr/babel-preset": 8.0.0
+    "@svgr/hast-util-to-babel-ast": 8.0.0
+    svg-parser: ^2.0.4
+  peerDependencies:
+    "@svgr/core": "*"
+  checksum: c6a0fc3e757e79837cd88f41f18b35594f8c4efe1b87e673514fa7add0912388b7dc79fa2738d629c2f945395ea568fa901c9c5ca5fce827a004c03867c1c482
   languageName: node
   linkType: hard
 
@@ -3695,29 +3829,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/plugin-jsx@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/plugin-jsx@npm:6.5.1"
+"@svgr/plugin-prettier@npm:8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/plugin-prettier@npm:8.0.1"
   dependencies:
-    "@babel/core": ^7.19.6
-    "@svgr/babel-preset": ^6.5.1
-    "@svgr/hast-util-to-babel-ast": ^6.5.1
-    svg-parser: ^2.0.4
+    deepmerge: ^4.3.1
+    prettier: ^2.8.7
   peerDependencies:
-    "@svgr/core": ^6.0.0
-  checksum: 42f22847a6bdf930514d7bedd3c5e1fd8d53eb3594779f9db16cb94c762425907c375cd8ec789114e100a4d38068aca6c7ab5efea4c612fba63f0630c44cc859
+    "@svgr/core": "*"
+  checksum: d10a9e0e2c298393c9acc93de387b4f487fb0317e382c47151f26889a78e48ff13742c23dfa1d3fde30d5a7db2ceaffa2191877e9dcab6dadfc79008780294d1
   languageName: node
   linkType: hard
 
-"@svgr/plugin-prettier@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/plugin-prettier@npm:6.5.1"
+"@svgr/plugin-svgo@npm:8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/plugin-svgo@npm:8.0.1"
   dependencies:
-    deepmerge: ^4.2.2
-    prettier: ^2.7.1
+    cosmiconfig: ^8.1.3
+    deepmerge: ^4.3.1
+    svgo: ^3.0.2
   peerDependencies:
     "@svgr/core": "*"
-  checksum: 59340ff467d0cb1f07dbbde2d8f15d6d740aa5d904faed0fad7684a6dc53137a384e63bb801e177df50f486c1f765218a35e9a15ffa23e0a1035de16c316b372
+  checksum: c5008c5dd8467f8f8b3a173462773fc37f2a8fa53989934ea802fc7a9db2147f6fee68736610a117751f2ab94773373e807d21e74db5f93b98040f1479845ec6
   languageName: node
   linkType: hard
 
@@ -3732,19 +3865,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/plugin-svgo@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/plugin-svgo@npm:6.5.1"
-  dependencies:
-    cosmiconfig: ^7.0.1
-    deepmerge: ^4.2.2
-    svgo: ^2.8.0
-  peerDependencies:
-    "@svgr/core": "*"
-  checksum: cd2833530ac0485221adc2146fd992ab20d79f4b12eebcd45fa859721dd779483158e11dfd9a534858fe468416b9412416e25cbe07ac7932c44ed5fa2021c72e
-  languageName: node
-  linkType: hard
-
 "@svgr/webpack@npm:^5.5.0":
   version: 5.5.0
   resolution: "@svgr/webpack@npm:5.5.0"
@@ -5993,7 +6113,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.18.1, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.21.5":
+"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.18.1, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.21.5, browserslist@npm:^4.21.9":
   version: 4.21.9
   resolution: "browserslist@npm:4.21.9"
   dependencies:
@@ -6876,7 +6996,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^7.0.0, cosmiconfig@npm:^7.0.1":
+"cosmiconfig@npm:^7.0.0":
   version: 7.1.0
   resolution: "cosmiconfig@npm:7.1.0"
   dependencies:
@@ -6889,6 +7009,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^8.1.3":
+  version: 8.2.0
+  resolution: "cosmiconfig@npm:8.2.0"
+  dependencies:
+    import-fresh: ^3.2.1
+    js-yaml: ^4.1.0
+    parse-json: ^5.0.0
+    path-type: ^4.0.0
+  checksum: 836d5d8efa750f3fb17b03d6ca74cd3154ed025dffd045304b3ef59637f662bde1e5dc88f8830080d180ec60841719cf4ea2ce73fb21ec694b16865c478ff297
+  languageName: node
+  linkType: hard
+
 "crc@npm:^3.8.0":
   version: 3.8.0
   resolution: "crc@npm:3.8.0"
@@ -7097,6 +7229,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-select@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "css-select@npm:5.1.0"
+  dependencies:
+    boolbase: ^1.0.0
+    css-what: ^6.1.0
+    domhandler: ^5.0.2
+    domutils: ^3.0.1
+    nth-check: ^2.0.1
+  checksum: 2772c049b188d3b8a8159907192e926e11824aea525b8282981f72ba3f349cf9ecd523fdf7734875ee2cb772246c22117fc062da105b6d59afe8dcd5c99c9bda
+  languageName: node
+  linkType: hard
+
 "css-tree@npm:1.0.0-alpha.37":
   version: 1.0.0-alpha.37
   resolution: "css-tree@npm:1.0.0-alpha.37"
@@ -7117,6 +7262,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-tree@npm:^2.2.1":
+  version: 2.3.1
+  resolution: "css-tree@npm:2.3.1"
+  dependencies:
+    mdn-data: 2.0.30
+    source-map-js: ^1.0.1
+  checksum: 493cc24b5c22b05ee5314b8a0d72d8a5869491c1458017ae5ed75aeb6c3596637dbe1b11dac2548974624adec9f7a1f3a6cf40593dc1f9185eb0e8279543fbc0
+  languageName: node
+  linkType: hard
+
+"css-tree@npm:~2.2.0":
+  version: 2.2.1
+  resolution: "css-tree@npm:2.2.1"
+  dependencies:
+    mdn-data: 2.0.28
+    source-map-js: ^1.0.1
+  checksum: b94aa8cc2f09e6f66c91548411fcf74badcbad3e150345074715012d16333ce573596ff5dfca03c2a87edf1924716db765120f94247e919d72753628ba3aba27
+  languageName: node
+  linkType: hard
+
 "css-what@npm:^3.2.1":
   version: 3.4.2
   resolution: "css-what@npm:3.4.2"
@@ -7124,7 +7289,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-what@npm:^6.0.1":
+"css-what@npm:^6.0.1, css-what@npm:^6.1.0":
   version: 6.1.0
   resolution: "css-what@npm:6.1.0"
   checksum: b975e547e1e90b79625918f84e67db5d33d896e6de846c9b584094e529f0c63e2ab85ee33b9daffd05bff3a146a1916bec664e18bb76dd5f66cbff9fc13b2bbe
@@ -7217,6 +7382,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"csso@npm:^5.0.5":
+  version: 5.0.5
+  resolution: "csso@npm:5.0.5"
+  dependencies:
+    css-tree: ~2.2.0
+  checksum: 0ad858d36bf5012ed243e9ec69962a867509061986d2ee07cc040a4b26e4d062c00d4c07e5ba8d430706ceb02dd87edd30a52b5937fd45b1b6f2119c4993d59a
+  languageName: node
+  linkType: hard
+
 "cssom@npm:^0.4.4":
   version: 0.4.4
   resolution: "cssom@npm:0.4.4"
@@ -7511,7 +7685,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deepmerge@npm:^4.2.2":
+"deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.1":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
   checksum: 2024c6a980a1b7128084170c4cf56b0fd58a63f2da1660dcfe977415f27b17dbe5888668b59d0b063753f3220719d5e400b7f113609489c90160bb9a5518d052
@@ -7870,6 +8044,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dom-serializer@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "dom-serializer@npm:2.0.0"
+  dependencies:
+    domelementtype: ^2.3.0
+    domhandler: ^5.0.2
+    entities: ^4.2.0
+  checksum: cd1810544fd8cdfbd51fa2c0c1128ec3a13ba92f14e61b7650b5de421b88205fd2e3f0cc6ace82f13334114addb90ed1c2f23074a51770a8e9c1273acbc7f3e6
+  languageName: node
+  linkType: hard
+
 "domelementtype@npm:1":
   version: 1.3.1
   resolution: "domelementtype@npm:1.3.1"
@@ -7877,7 +8062,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0":
+"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0, domelementtype@npm:^2.3.0":
   version: 2.3.0
   resolution: "domelementtype@npm:2.3.0"
   checksum: ee837a318ff702622f383409d1f5b25dd1024b692ef64d3096ff702e26339f8e345820f29a68bcdcea8cfee3531776b3382651232fbeae95612d6f0a75efb4f6
@@ -7911,6 +8096,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domhandler@npm:^5.0.2, domhandler@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "domhandler@npm:5.0.3"
+  dependencies:
+    domelementtype: ^2.3.0
+  checksum: 0f58f4a6af63e6f3a4320aa446d28b5790a009018707bce2859dcb1d21144c7876482b5188395a188dfa974238c019e0a1e610d2fc269a12b2c192ea2b0b131c
+  languageName: node
+  linkType: hard
+
 "domutils@npm:^1.7.0":
   version: 1.7.0
   resolution: "domutils@npm:1.7.0"
@@ -7932,6 +8126,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domutils@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "domutils@npm:3.1.0"
+  dependencies:
+    dom-serializer: ^2.0.0
+    domelementtype: ^2.3.0
+    domhandler: ^5.0.3
+  checksum: e5757456ddd173caa411cfc02c2bb64133c65546d2c4081381a3bafc8a57411a41eed70494551aa58030be9e58574fcc489828bebd673863d39924fb4878f416
+  languageName: node
+  linkType: hard
+
 "dot-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "dot-case@npm:3.0.4"
@@ -8211,7 +8416,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"entities@npm:^4.4.0":
+"entities@npm:^4.2.0, entities@npm:^4.4.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
   checksum: 853f8ebd5b425d350bffa97dd6958143179a5938352ccae092c62d1267c4e392a039be1bae7d51b6e4ffad25f51f9617531fedf5237f15df302ccfb452cbf2d7
@@ -12556,6 +12761,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdn-data@npm:2.0.28":
+  version: 2.0.28
+  resolution: "mdn-data@npm:2.0.28"
+  checksum: f51d587a6ebe8e426c3376c74ea6df3e19ec8241ed8e2466c9c8a3904d5d04397199ea4f15b8d34d14524b5de926d8724ae85207984be47e165817c26e49e0aa
+  languageName: node
+  linkType: hard
+
+"mdn-data@npm:2.0.30":
+  version: 2.0.30
+  resolution: "mdn-data@npm:2.0.30"
+  checksum: d6ac5ac7439a1607df44b22738ecf83f48e66a0874e4482d6424a61c52da5cde5750f1d1229b6f5fa1b80a492be89465390da685b11f97d62b8adcc6e88189aa
+  languageName: node
+  linkType: hard
+
 "mdn-data@npm:2.0.4":
   version: 2.0.4
   resolution: "mdn-data@npm:2.0.4"
@@ -14837,7 +15056,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.7.1":
+"prettier@npm:^2.8.7":
   version: 2.8.8
   resolution: "prettier@npm:2.8.8"
   bin:
@@ -16181,6 +16400,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:^6.3.1":
+  version: 6.3.1
+  resolution: "semver@npm:6.3.1"
+  bin:
+    semver: bin/semver.js
+  checksum: ae47d06de28836adb9d3e25f22a92943477371292d9b665fb023fae278d345d508ca1958232af086d85e0155aee22e313e100971898bbb8d5d89b8b1d4054ca2
+  languageName: node
+  linkType: hard
+
 "semver@npm:~7.0.0":
   version: 7.0.0
   resolution: "semver@npm:7.0.0"
@@ -16450,6 +16678,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"snake-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "snake-case@npm:3.0.4"
+  dependencies:
+    dot-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: 0a7a79900bbb36f8aaa922cf111702a3647ac6165736d5dc96d3ef367efc50465cac70c53cd172c382b022dac72ec91710608e5393de71f76d7142e6fd80e8a3
+  languageName: node
+  linkType: hard
+
 "snapshot-diff@npm:^0.10.0":
   version: 0.10.0
   resolution: "snapshot-diff@npm:0.10.0"
@@ -17078,7 +17316,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svgo@npm:^2.7.0, svgo@npm:^2.8.0":
+"svgo@npm:^2.7.0":
   version: 2.8.0
   resolution: "svgo@npm:2.8.0"
   dependencies:
@@ -17095,6 +17333,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"svgo@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "svgo@npm:3.0.2"
+  dependencies:
+    "@trysound/sax": 0.2.0
+    commander: ^7.2.0
+    css-select: ^5.1.0
+    css-tree: ^2.2.1
+    csso: ^5.0.5
+    picocolors: ^1.0.0
+  bin:
+    svgo: bin/svgo
+  checksum: 381ba14aa782e71ab7033227634a3041c11fa3e2769aeaf0df43a08a615de61925108e34f55af6e7c5146f4a3109e78deabb4fa9d687e36d45d1f848b4e23d17
+  languageName: node
+  linkType: hard
+
 "symbol-tree@npm:^3.2.4":
   version: 3.2.4
   resolution: "symbol-tree@npm:3.2.4"
-- 
GitLab