├── .eslintignore ├── .eslintrc.js ├── .github └── workflows │ └── actions.yml ├── .gitignore ├── .npmignore ├── .prettierrc ├── LICENSE ├── README.md ├── example ├── index.html ├── script.js └── style.css ├── jestconfig.json ├── load-icons.js ├── package-lock.json ├── package.json ├── rollup.config.js ├── src ├── icons │ ├── AccessibilityHandicapDisabilityHandicapWheelchair.tsx │ ├── AccountSearchUserPerson.tsx │ ├── AccountUserPersonRound.tsx │ ├── AccountUserPersonSquare.tsx │ ├── ActivityGraph.tsx │ ├── AdAnnouncementMegaphone.tsx │ ├── AddCirclePlus.tsx │ ├── AddPlus.tsx │ ├── AddPlusNewSquareBoxSquare.tsx │ ├── AdjustHorizontalSettings.tsx │ ├── AdjustVeticalSettings.tsx │ ├── AirportPlaneTravel.tsx │ ├── AlertCirlcleError.tsx │ ├── AlertError.tsx │ ├── AlertOctagonError.tsx │ ├── AlphabetA.tsx │ ├── AlphabetB.tsx │ ├── AlphabetC.tsx │ ├── AlphabetD.tsx │ ├── AlphabetE.tsx │ ├── AlphabetF.tsx │ ├── AlphabetG.tsx │ ├── AlphabetH.tsx │ ├── AlphabetI.tsx │ ├── AlphabetJ.tsx │ ├── AlphabetK.tsx │ ├── AlphabetL.tsx │ ├── AlphabetM.tsx │ ├── AlphabetN.tsx │ ├── AlphabetO.tsx │ ├── AlphabetP.tsx │ ├── AlphabetQ.tsx │ ├── AlphabetR.tsx │ ├── AlphabetS.tsx │ ├── AlphabetT.tsx │ ├── AlphabetU.tsx │ ├── AlphabetV.tsx │ ├── AlphabetW.tsx │ ├── AlphabetX.tsx │ ├── AlphabetY.tsx │ ├── AlphabetZ.tsx │ ├── AnalyticsGraphChart.tsx │ ├── ApiIntegrationConnection.tsx │ ├── Apps.tsx │ ├── Archive.tsx │ ├── ArrowBottomLeft.tsx │ ├── ArrowBottomRight.tsx │ ├── ArrowDown.tsx │ ├── ArrowDropdownCaretSortSelectArrow.tsx │ ├── ArrowLeft.tsx │ ├── ArrowRight.tsx │ ├── ArrowTopLeft.tsx │ ├── ArrowTopRight.tsx │ ├── ArrowUp.tsx │ ├── ArrowUpPushupCaretSortSelectArrow.tsx │ ├── AsteriskStar.tsx │ ├── AttachmentClipHook.tsx │ ├── Badge.tsx │ ├── BadgeVerified.tsx │ ├── BankFinancial.tsx │ ├── Basicons.tsx │ ├── BasketballBallSports.tsx │ ├── BatteryCharging.tsx │ ├── BatteryEmpty.tsx │ ├── BatteryFull.tsx │ ├── BatteryHalf.tsx │ ├── BedDoubleHotel.tsx │ ├── BedSingleHotel.tsx │ ├── BikerCycle.tsx │ ├── Blockchain.tsx │ ├── Bluetooth.tsx │ ├── BluetoothOff.tsx │ ├── BookNotePaper.tsx │ ├── BookmarkSave.tsx │ ├── BranchGitFork.tsx │ ├── BrowserChrome.tsx │ ├── CalculatorComputeMath.tsx │ ├── CalculatorComputeMathAlt.tsx │ ├── CalendarAppointmentDate.tsx │ ├── CalendarDateAppointmentTime.tsx │ ├── CameraApertureCaptureLens.tsx │ ├── CameraOffPhoto.tsx │ ├── CameraPhoto.tsx │ ├── Car.tsx │ ├── CaretSortSelectArrow.tsx │ ├── CaretSortSelectArrowAlt.tsx │ ├── Chatbot.tsx │ ├── CheckBox.tsx │ ├── CheckGoodYes.tsx │ ├── ChevronDownArrow.tsx │ ├── ChevronLeftArrow.tsx │ ├── ChevronRightArrow.tsx │ ├── ChevronUpArrow.tsx │ ├── ChevronsLeftArrows.tsx │ ├── ChevronsRightArrows.tsx │ ├── Chip.tsx │ ├── ClockTime.tsx │ ├── Cloud.tsx │ ├── CodeTechDev.tsx │ ├── CoffeeTea.tsx │ ├── CoffeeTeaAlt.tsx │ ├── CommentChatMessage.tsx │ ├── CommentChatMessageAlt.tsx │ ├── CommentCircleAltChatMessage.tsx │ ├── CommentCircleChatMessage.tsx │ ├── CommentSquareAltChatMessage.tsx │ ├── CommentSquareChatMessage.tsx │ ├── CompressArrowsConverge.tsx │ ├── Cone.tsx │ ├── ConnectLinkCategory.tsx │ ├── ConnectionSignalWifi.tsx │ ├── CopyDuplicate.tsx │ ├── CourseDiary.tsx │ ├── CreditCardDebit.tsx │ ├── Crop.tsx │ ├── CrosshairTargetCenter.tsx │ ├── CrosshairTargetCenterAlt.tsx │ ├── CursorAltPointerMouse.tsx │ ├── CursorPointerMouse.tsx │ ├── CutScissors.tsx │ ├── DataServer.tsx │ ├── Delete.tsx │ ├── DesktopComputerMac.tsx │ ├── DesktopMacComputer.tsx │ ├── DiscountPercent.tsx │ ├── DollarCurrency.tsx │ ├── DownTurnArrow.tsx │ ├── Download.tsx │ ├── DownloadAlt.tsx │ ├── DownloadCloud.tsx │ ├── DragHorizontal.tsx │ ├── DragVertical.tsx │ ├── EditWrite.tsx │ ├── EditWriteAlt.tsx │ ├── EducationSchool.tsx │ ├── EmailMessageInbox.tsx │ ├── EmojiAngelSmileyHappy.tsx │ ├── EmojiSmileyAngryMad.tsx │ ├── EmojiSmileyBaby.tsx │ ├── EmojiSmileyDizzyHappy.tsx │ ├── EmojiSmileyHappyFace.tsx │ ├── EmojiSmileyMehSad.tsx │ ├── EmojiSmileySadFace.tsx │ ├── EmojiSmileySurprisedShockedAmazed.tsx │ ├── EmojiSmileyWinkHappy.tsx │ ├── EnterArrowLeft.tsx │ ├── EntryLogin.tsx │ ├── Error.tsx │ ├── EuroCurrency.tsx │ ├── ExpandArrows.tsx │ ├── EyePasswordHide.tsx │ ├── EyePasswordShow.tsx │ ├── FaceId.tsx │ ├── FaceMask.tsx │ ├── FaceMaskAlt.tsx │ ├── FaceMaskAlt2.tsx │ ├── FacebookSocial.tsx │ ├── FastFoward.tsx │ ├── Figma.tsx │ ├── Filter.tsx │ ├── FilterAlt.tsx │ ├── FireTrendHot.tsx │ ├── FlagCountry.tsx │ ├── FocusCameraPlusAdd.tsx │ ├── FolderAddFile.tsx │ ├── FolderFileProject.tsx │ ├── Forward.tsx │ ├── FuelGasStation.tsx │ ├── GenderFemale.tsx │ ├── GenderMale.tsx │ ├── Gif.tsx │ ├── Gift.tsx │ ├── Github.tsx │ ├── GlobeWorldEarth.tsx │ ├── HarddriveHarddisk.tsx │ ├── HashtagTrendingNumber.tsx │ ├── HeadphoneMusic.tsx │ ├── HeadphoneMusicAlt.tsx │ ├── HealthCrossFirstaid.tsx │ ├── HeartLoveLike.tsx │ ├── HelpQuestion.tsx │ ├── HomeHouse.tsx │ ├── HospitalClinic.tsx │ ├── InboxMail.tsx │ ├── Info.tsx │ ├── InstagramSocial.tsx │ ├── LaptopComputer.tsx │ ├── LaunchLinkOpen.tsx │ ├── LightningEnergy.tsx │ ├── Link.tsx │ ├── LinkedinSocial.tsx │ ├── LoadingSpinner.tsx │ ├── LocationPin.tsx │ ├── LocationPinAlt.tsx │ ├── LockOpen.tsx │ ├── LockPrivacy.tsx │ ├── LogoutExit.tsx │ ├── MagicWand.tsx │ ├── MapLocation.tsx │ ├── MarkerCreatePen.tsx │ ├── MastercardCreditDebit.tsx │ ├── MaximizeExpand.tsx │ ├── MedalWinnerGold.tsx │ ├── MediaCast.tsx │ ├── MenuHambuger.tsx │ ├── MicrophoneMusicTalk.tsx │ ├── MicrophoneOffMusicTalk.tsx │ ├── MinimizeCollapse.tsx │ ├── MobilePhone.tsx │ ├── ModelDiamond.tsx │ ├── MoneyAltCashCurrency.tsx │ ├── MoneyCashCurrency.tsx │ ├── MoonNight.tsx │ ├── MoreHorizontal.tsx │ ├── MoreVertical.tsx │ ├── Mouse.tsx │ ├── MusicNote.tsx │ ├── NairaCurrencyMoney.tsx │ ├── NextArrowForward.tsx │ ├── NotificationBellAlarm.tsx │ ├── NotificationOffBellAlarm.tsx │ ├── PaperFile.tsx │ ├── PaperFileText.tsx │ ├── PaperNote.tsx │ ├── Pause.tsx │ ├── Percentage.tsx │ ├── PhoneCall.tsx │ ├── PhotoImagePicture.tsx │ ├── PieChart.tsx │ ├── Pin.tsx │ ├── PlanetSaturnSpace.tsx │ ├── Play.tsx │ ├── PlugConnect.tsx │ ├── PoundCurrencyMoney.tsx │ ├── PreviousArrowBackward.tsx │ ├── Print.tsx │ ├── Puzzle.tsx │ ├── RainCloudWeather.tsx │ ├── ReceiptPayment.tsx │ ├── Redo.tsx │ ├── Reply.tsx │ ├── ReplyAll.tsx │ ├── Rewind.tsx │ ├── RightTurnArrow.tsx │ ├── RoadmapTimeline.tsx │ ├── RocketLaunch.tsx │ ├── Save.tsx │ ├── SaveAlt.tsx │ ├── Search.tsx │ ├── SecurityPasswordKey.tsx │ ├── SecurityShield.tsx │ ├── SecurityShieldAlt.tsx │ ├── SecurityShieldPrivacyBad.tsx │ ├── SendMessageDm.tsx │ ├── SettingsAccountMore.tsx │ ├── ShareAlt.tsx │ ├── ShopStore.tsx │ ├── ShoppingAltBag.tsx │ ├── ShoppingBag.tsx │ ├── ShoppingCart.tsx │ ├── Shuffle.tsx │ ├── ShuffleAlt.tsx │ ├── SketchDiamond.tsx │ ├── SnapchatSocial.tsx │ ├── SnowflakesWeatherCold.tsx │ ├── SparkleStar.tsx │ ├── SquareBoxUncheck.tsx │ ├── StarRatings.tsx │ ├── Stop.tsx │ ├── SubtractCircleMinusRemove.tsx │ ├── SubtractMinusRemove.tsx │ ├── SunDay.tsx │ ├── Swim.tsx │ ├── TagPriceDiscount.tsx │ ├── TheaterMask.tsx │ ├── ThumbsDown.tsx │ ├── ThumbsUp.tsx │ ├── ThunderstormWeather.tsx │ ├── TicketPass.tsx │ ├── TiktokSocial.tsx │ ├── ToogleLeft.tsx │ ├── ToogleRight.tsx │ ├── TramTrainTransport.tsx │ ├── TrashAltDeleteBin.tsx │ ├── TrashDeleteBin.tsx │ ├── TwitterSocialTweet.tsx │ ├── UmbrellaInsurance.tsx │ ├── Undo.tsx │ ├── UpTurnArrow.tsx │ ├── UploadAlt.tsx │ ├── UploadCloud.tsx │ ├── UploadShare.tsx │ ├── Usb.tsx │ ├── UserAccountProfile.tsx │ ├── UserAddAccountProfile.tsx │ ├── UserGroupAccounts.tsx │ ├── UserRemoveAccountProfile.tsx │ ├── VideoCameraMedia.tsx │ ├── VolumeDown.tsx │ ├── VolumeMute.tsx │ ├── VolumeUp.tsx │ ├── Wallet.tsx │ ├── Watch.tsx │ ├── WifiConnection.tsx │ ├── WifiOffConnection.tsx │ ├── WorkAltBag.tsx │ ├── WorkBag.tsx │ ├── XCircleCloseDelete.tsx │ ├── XCloseDelete.tsx │ ├── XOctagonError.tsx │ ├── XSquareCloseDelete.tsx │ ├── YoutubeVideo.tsx │ ├── YuanCurrencyMoney.tsx │ ├── ZoomIn.tsx │ ├── ZoomOut.tsx │ └── index.ts ├── index.ts └── types.ts ├── svg ├── accessibility-handicap-disability-handicap-wheelchair.svg ├── account-search-user-person.svg ├── account-user-person-round.svg ├── account-user-person-square.svg ├── activity-graph.svg ├── ad-announcement-megaphone.svg ├── add-circle-plus.svg ├── add-plus-new-square-box-square.svg ├── add-plus.svg ├── adjust-horizontal-settings.svg ├── adjust-vetical-settings.svg ├── airport-plane-travel.svg ├── alert-cirlcle-error.svg ├── alert-error.svg ├── alert-octagon-error.svg ├── alphabet-a.svg ├── alphabet-b.svg ├── alphabet-c.svg ├── alphabet-d.svg ├── alphabet-e.svg ├── alphabet-f.svg ├── alphabet-g.svg ├── alphabet-h.svg ├── alphabet-i.svg ├── alphabet-j.svg ├── alphabet-k.svg ├── alphabet-l.svg ├── alphabet-m.svg ├── alphabet-n.svg ├── alphabet-o.svg ├── alphabet-p.svg ├── alphabet-q.svg ├── alphabet-r.svg ├── alphabet-s.svg ├── alphabet-t.svg ├── alphabet-u.svg ├── alphabet-v.svg ├── alphabet-w.svg ├── alphabet-x.svg ├── alphabet-y.svg ├── alphabet-z.svg ├── analytics-graph-chart.svg ├── api-integration-connection.svg ├── apps.svg ├── archive.svg ├── arrow-bottom-left.svg ├── arrow-bottom-right.svg ├── arrow-down.svg ├── arrow-dropdown-caret-sort-select-arrow.svg ├── arrow-left.svg ├── arrow-right.svg ├── arrow-top-left.svg ├── arrow-top-right.svg ├── arrow-up-pushup-caret-sort-select-arrow.svg ├── arrow-up.svg ├── asterisk-star.svg ├── attachment-clip-hook.svg ├── badge-verified.svg ├── badge.svg ├── bank-financial.svg ├── basicons.svg ├── basketball-ball-sports.svg ├── battery-charging.svg ├── battery-empty.svg ├── battery-full.svg ├── battery-half.svg ├── bed-double-hotel.svg ├── bed-single-hotel.svg ├── biker-cycle.svg ├── blockchain.svg ├── bluetooth-off.svg ├── bluetooth.svg ├── book-note-paper.svg ├── bookmark-save.svg ├── branch-git-fork.svg ├── browser-chrome.svg ├── calculator-compute-math-alt.svg ├── calculator-compute-math.svg ├── calendar-appointment-date.svg ├── calendar-date-appointment-time.svg ├── camera-aperture-capture-lens.svg ├── camera-off-photo.svg ├── camera-photo.svg ├── car.svg ├── caret-sort-select-arrow-alt.svg ├── caret-sort-select-arrow.svg ├── chatbot.svg ├── check-box.svg ├── check-good-yes.svg ├── chevron-down-arrow.svg ├── chevron-left-arrow.svg ├── chevron-right-arrow.svg ├── chevron-up-arrow.svg ├── chevrons-left-arrows.svg ├── chevrons-right-arrows.svg ├── chip.svg ├── clock-time.svg ├── cloud.svg ├── code-tech-dev.svg ├── coffee-tea-alt.svg ├── coffee-tea.svg ├── comment-chat-message-alt.svg ├── comment-chat-message.svg ├── comment-circle-alt-chat-message.svg ├── comment-circle-chat-message.svg ├── comment-square-alt-chat-message.svg ├── comment-square-chat-message.svg ├── compress-arrows-converge.svg ├── cone.svg ├── connect-link-category.svg ├── connection-signal-wifi.svg ├── copy-duplicate.svg ├── course-diary.svg ├── credit-card-debit.svg ├── crop.svg ├── crosshair-target-center-alt.svg ├── crosshair-target-center.svg ├── cursor-alt-pointer-mouse.svg ├── cursor-pointer-mouse.svg ├── cut-scissors.svg ├── data-server.svg ├── delete.svg ├── desktop-computer-mac.svg ├── desktop-mac-computer.svg ├── discount-percent.svg ├── dollar-currency.svg ├── down-turn-arrow.svg ├── download-alt.svg ├── download-cloud.svg ├── download.svg ├── drag-horizontal.svg ├── drag-vertical.svg ├── edit-write-alt.svg ├── edit-write.svg ├── education-school.svg ├── email-message-inbox.svg ├── emoji-angel-smiley-happy.svg ├── emoji-smiley-angry-mad.svg ├── emoji-smiley-baby.svg ├── emoji-smiley-dizzy-happy.svg ├── emoji-smiley-happy-face.svg ├── emoji-smiley-meh-sad.svg ├── emoji-smiley-sad-face.svg ├── emoji-smiley-surprised-shocked-amazed.svg ├── emoji-smiley-wink-happy.svg ├── enter-arrow-left.svg ├── entry-login.svg ├── error.svg ├── euro-currency.svg ├── expand-arrows.svg ├── eye-password-hide.svg ├── eye-password-show.svg ├── face-id.svg ├── face-mask-alt-2.svg ├── face-mask-alt.svg ├── face-mask.svg ├── facebook-social.svg ├── fast-foward.svg ├── filter-alt.svg ├── filter.svg ├── fire-trend-hot.svg ├── flag-country.svg ├── focus-camera-plus-add.svg ├── folder-add-file.svg ├── folder-file-project.svg ├── forward.svg ├── fuel-gas-station.svg ├── gender-female.svg ├── gender-male.svg ├── gif.svg ├── gift.svg ├── globe-world-earth.svg ├── harddrive-harddisk.svg ├── hashtag-trending-number.svg ├── headphone-music-alt.svg ├── headphone-music.svg ├── health-cross-firstaid.svg ├── heart-love-like.svg ├── help-question.svg ├── home-house.svg ├── hospital-clinic.svg ├── inbox-mail.svg ├── info.svg ├── instagram-social.svg ├── laptop-computer.svg ├── launch-link-open.svg ├── lightning-energy.svg ├── link.svg ├── linkedin-social.svg ├── loading-spinner.svg ├── location-pin-alt.svg ├── location-pin.svg ├── lock-open.svg ├── lock-privacy.svg ├── logout-exit.svg ├── magic-wand.svg ├── map-location.svg ├── marker-create-pen.svg ├── mastercard-credit-debit.svg ├── maximize-expand.svg ├── medal-winner-gold.svg ├── media-cast.svg ├── menu-hambuger.svg ├── microphone-music-talk.svg ├── microphone-off-music-talk.svg ├── minimize-collapse.svg ├── mobile-phone.svg ├── model-diamond.svg ├── money-alt-cash-currency.svg ├── money-cash-currency.svg ├── moon-night.svg ├── more-horizontal.svg ├── more-vertical.svg ├── mouse.svg ├── music-note.svg ├── naira-currency-money.svg ├── next-arrow-forward.svg ├── notification-bell-alarm.svg ├── notification-off-bell-alarm.svg ├── paper-file-text.svg ├── paper-file.svg ├── paper-note.svg ├── pause.svg ├── percentage.svg ├── phone-call.svg ├── photo-image-picture.svg ├── pie-chart.svg ├── pin.svg ├── planet-saturn-space.svg ├── play.svg ├── plug-connect.svg ├── pound-currency-money.svg ├── previous-arrow-backward.svg ├── print.svg ├── puzzle.svg ├── rain-cloud-weather.svg ├── receipt-payment.svg ├── redo.svg ├── reply-all.svg ├── reply.svg ├── rewind.svg ├── right-turn-arrow.svg ├── roadmap-timeline.svg ├── rocket-launch.svg ├── save-alt.svg ├── save.svg ├── search.svg ├── security-password-key.svg ├── security-shield-alt.svg ├── security-shield-privacy-bad.svg ├── security-shield.svg ├── send-message-dm.svg ├── settings-account-more.svg ├── share-alt.svg ├── shop-store.svg ├── shopping-alt-bag.svg ├── shopping-bag.svg ├── shopping-cart.svg ├── shuffle-alt.svg ├── shuffle.svg ├── sketch-diamond.svg ├── snapchat-social.svg ├── snowflakes-weather-cold.svg ├── sparkle-star.svg ├── square-box-uncheck.svg ├── star-ratings.svg ├── stop.svg ├── subtract-circle-minus-remove.svg ├── subtract-minus-remove.svg ├── sun-day.svg ├── swim.svg ├── tag-price-discount.svg ├── theater-mask.svg ├── thumbs-down.svg ├── thumbs-up.svg ├── thunderstorm-weather.svg ├── ticket-pass.svg ├── tiktok-social.svg ├── toogle-left.svg ├── toogle-right.svg ├── tram-train-transport.svg ├── trash-alt-delete-bin.svg ├── trash-delete-bin.svg ├── twitter-social-tweet.svg ├── umbrella-insurance.svg ├── undo.svg ├── up-turn-arrow.svg ├── upload-alt.svg ├── upload-cloud.svg ├── upload-share.svg ├── usb.svg ├── user-account-profile.svg ├── user-add-account-profile.svg ├── user-group-accounts.svg ├── user-remove-account-profile.svg ├── video-camera-media.svg ├── volume-down.svg ├── volume-mute.svg ├── volume-up.svg ├── wallet.svg ├── watch.svg ├── wifi-connection.svg ├── wifi-off-connection.svg ├── work-alt-bag.svg ├── work-bag.svg ├── x-circle-close-delete.svg ├── x-close-delete.svg ├── x-octagon-error.svg ├── x-square-close-delete.svg ├── youtube-video.svg ├── yuan-currency-money.svg ├── zoom-in.svg └── zoom-out.svg └── tsconfig.json /.eslintignore: -------------------------------------------------------------------------------- 1 | # don't ever lint node_modules 2 | node_modules 3 | # don't lint build output (make sure it's set to your correct build folder name) 4 | dist -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | /* eslint-env node */ 2 | 3 | module.exports = { 4 | root: true, 5 | plugins: ['@typescript-eslint'], 6 | extends: [ 7 | 'eslint:recommended', 8 | 'plugin:@typescript-eslint/recommended', 9 | 'prettier' 10 | ], 11 | rules: { 12 | 'no-case-declarations': 'off', 13 | '@typescript-eslint/no-explicit-any': 'off' 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # local env files 28 | .env.local 29 | .env.development.local 30 | .env.test.local 31 | .env.production.local 32 | 33 | # vercel 34 | .vercel 35 | 36 | # typescript 37 | *.tsbuildinfo 38 | 39 | /dist -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | Node generated files 2 | node_modules 3 | npm-debug.log 4 | # OS generated files 5 | Thumbs.db 6 | .DS_Store 7 | # Ignored files 8 | *.ts 9 | !*.d.ts 10 | # IDE files 11 | .vscode 12 | .json 13 | # Source files 14 | src -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "trailingComma": "none", 3 | "tabWidth": 4, 4 | "semi": false, 5 | "singleQuote": true, 6 | "printWidth": 80, 7 | "arrowParens": "always" 8 | } 9 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-basicons 2 | 3 | React package for simple customizable icons 4 | https://basicons.xyz 5 | 6 | ## Installation 7 | 8 | ``` 9 | npm i react-basicons 10 | ``` 11 | 12 | ## Usage 13 | 14 | ```ts 15 | import { CheckGoodYes as Check } from 'react-basicons' 16 | 17 | const DownloadCompleteComponent: React.FC = () => ( 18 |
19 | 20 | Download complete! 21 |
22 | ) 23 | ``` 24 | -------------------------------------------------------------------------------- /example/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | click me 5 | 6 | 7 | 8 | 9 | 10 | 14 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PreciousME/react-basicons/a4850b127fad66106022238b48634f828caecc9c/example/script.js -------------------------------------------------------------------------------- /example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PreciousME/react-basicons/a4850b127fad66106022238b48634f828caecc9c/example/style.css -------------------------------------------------------------------------------- /jestconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "transform": { 3 | "^.+\\.(t|j)sx?$": "ts-jest" 4 | }, 5 | "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$", 6 | "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"], 7 | "passWithNoTests": true 8 | } 9 | -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- 1 | import typescript from 'rollup-plugin-typescript2' 2 | 3 | import pkg from './package.json' 4 | 5 | export default { 6 | input: 'src/index.ts', 7 | output: [ 8 | { 9 | file: pkg.main, 10 | format: 'cjs', 11 | exports: 'named', 12 | sourcemap: true, 13 | strict: false 14 | } 15 | ], 16 | plugins: [typescript()], 17 | external: ['react', 'react-dom', 'body-scroll-lock'] 18 | } 19 | -------------------------------------------------------------------------------- /src/icons/ActivityGraph.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ActivityGraph: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ActivityGraph 28 | -------------------------------------------------------------------------------- /src/icons/AddPlus.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AddPlus: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AddPlus 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetA.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetA: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetA 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetD.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetD: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetD 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetE.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetE: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetE 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetF.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetF: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetF 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetH.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetH: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetH 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetI.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetI: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetI 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetJ.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetJ: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetJ 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetK.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetK: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetK 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetL.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetL: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetL 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetM.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetM: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetM 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetN.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetN: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetN 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetT.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetT: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetT 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetU.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetU: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetU 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetV.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetV: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetV 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetW.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetW: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetW 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetX.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetX: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetX 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetY.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetY: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetY 28 | -------------------------------------------------------------------------------- /src/icons/AlphabetZ.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const AlphabetZ: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default AlphabetZ 28 | -------------------------------------------------------------------------------- /src/icons/ArrowDown.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ArrowDown: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ArrowDown 28 | -------------------------------------------------------------------------------- /src/icons/ArrowDropdownCaretSortSelectArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ArrowDropdownCaretSortSelectArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ArrowDropdownCaretSortSelectArrow 28 | -------------------------------------------------------------------------------- /src/icons/ArrowLeft.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ArrowLeft: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ArrowLeft 28 | -------------------------------------------------------------------------------- /src/icons/ArrowRight.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ArrowRight: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ArrowRight 28 | -------------------------------------------------------------------------------- /src/icons/ArrowUp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ArrowUp: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ArrowUp 28 | -------------------------------------------------------------------------------- /src/icons/ArrowUpPushupCaretSortSelectArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ArrowUpPushupCaretSortSelectArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ArrowUpPushupCaretSortSelectArrow 28 | -------------------------------------------------------------------------------- /src/icons/BookmarkSave.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const BookmarkSave: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default BookmarkSave 28 | -------------------------------------------------------------------------------- /src/icons/CaretSortSelectArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const CaretSortSelectArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default CaretSortSelectArrow 28 | -------------------------------------------------------------------------------- /src/icons/CaretSortSelectArrowAlt.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const CaretSortSelectArrowAlt: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default CaretSortSelectArrowAlt 28 | -------------------------------------------------------------------------------- /src/icons/CheckGoodYes.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const CheckGoodYes: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default CheckGoodYes 28 | -------------------------------------------------------------------------------- /src/icons/ChevronDownArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ChevronDownArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ChevronDownArrow 28 | -------------------------------------------------------------------------------- /src/icons/ChevronLeftArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ChevronLeftArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ChevronLeftArrow 28 | -------------------------------------------------------------------------------- /src/icons/ChevronRightArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ChevronRightArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ChevronRightArrow 28 | -------------------------------------------------------------------------------- /src/icons/ChevronUpArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ChevronUpArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ChevronUpArrow 28 | -------------------------------------------------------------------------------- /src/icons/CursorAltPointerMouse.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const CursorAltPointerMouse: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default CursorAltPointerMouse 28 | -------------------------------------------------------------------------------- /src/icons/DesktopMacComputer.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const DesktopMacComputer: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default DesktopMacComputer 28 | -------------------------------------------------------------------------------- /src/icons/DownTurnArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const DownTurnArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default DownTurnArrow 28 | -------------------------------------------------------------------------------- /src/icons/DragVertical.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const DragVertical: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default DragVertical 28 | -------------------------------------------------------------------------------- /src/icons/EnterArrowLeft.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const EnterArrowLeft: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default EnterArrowLeft 28 | -------------------------------------------------------------------------------- /src/icons/Filter.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const Filter: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default Filter 28 | -------------------------------------------------------------------------------- /src/icons/FilterAlt.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const FilterAlt: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default FilterAlt 28 | -------------------------------------------------------------------------------- /src/icons/HashtagTrendingNumber.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const HashtagTrendingNumber: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default HashtagTrendingNumber 28 | -------------------------------------------------------------------------------- /src/icons/LightningEnergy.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const LightningEnergy: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default LightningEnergy 28 | -------------------------------------------------------------------------------- /src/icons/NairaCurrencyMoney.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const NairaCurrencyMoney: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default NairaCurrencyMoney 28 | -------------------------------------------------------------------------------- /src/icons/Play.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const Play: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default Play 28 | -------------------------------------------------------------------------------- /src/icons/RightTurnArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const RightTurnArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default RightTurnArrow 28 | -------------------------------------------------------------------------------- /src/icons/Shuffle.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const Shuffle: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default Shuffle 28 | -------------------------------------------------------------------------------- /src/icons/ShuffleAlt.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const ShuffleAlt: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default ShuffleAlt 28 | -------------------------------------------------------------------------------- /src/icons/UpTurnArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const UpTurnArrow: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default UpTurnArrow 28 | -------------------------------------------------------------------------------- /src/icons/XCloseDelete.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const XCloseDelete: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default XCloseDelete 28 | -------------------------------------------------------------------------------- /src/icons/XOctagonError.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const XOctagonError: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default XOctagonError 28 | -------------------------------------------------------------------------------- /src/icons/YuanCurrencyMoney.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { IconConfig } from '../types' 3 | const YuanCurrencyMoney: React.FC = ({ 4 | size = 24, 5 | color = '#000', 6 | weight = 1.5 7 | }) => { 8 | return ( 9 | 16 | 23 | 24 | ) 25 | } 26 | 27 | export default YuanCurrencyMoney 28 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | export * from './icons' 2 | -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- 1 | export interface IconConfig { 2 | weight?: number 3 | size?: number 4 | color?: string 5 | } 6 | -------------------------------------------------------------------------------- /svg/accessibility-handicap-disability-handicap-wheelchair.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/account-search-user-person.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/account-user-person-round.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/activity-graph.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/ad-announcement-megaphone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/add-circle-plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/add-plus-new-square-box-square.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/add-plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/adjust-horizontal-settings.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/adjust-vetical-settings.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/airport-plane-travel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /svg/alert-cirlcle-error.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/alert-error.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/alert-octagon-error.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/alphabet-a.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-b.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-c.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-d.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-e.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-f.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-g.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-h.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-i.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-j.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-k.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-l.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-m.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-n.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-o.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-p.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-q.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-r.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-s.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-t.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-u.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-v.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-w.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-y.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/alphabet-z.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/analytics-graph-chart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/apps.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/archive.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/arrow-bottom-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-bottom-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-dropdown-caret-sort-select-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-top-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-top-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-up-pushup-caret-sort-select-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/arrow-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/asterisk-star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/attachment-clip-hook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/badge.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/basicons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/basketball-ball-sports.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/battery-charging.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/battery-empty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/battery-full.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /svg/battery-half.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/bed-double-hotel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/bed-single-hotel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/blockchain.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/bluetooth-off.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/bluetooth.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/book-note-paper.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/bookmark-save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/branch-git-fork.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/browser-chrome.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/calculator-compute-math-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/calculator-compute-math.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/calendar-appointment-date.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/calendar-date-appointment-time.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/camera-aperture-capture-lens.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/camera-off-photo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/camera-photo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/car.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/caret-sort-select-arrow-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/caret-sort-select-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/chatbot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/check-box.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/check-good-yes.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/chevron-down-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/chevron-left-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/chevron-right-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/chevron-up-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/chevrons-left-arrows.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/chevrons-right-arrows.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/chip.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/clock-time.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/cloud.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/code-tech-dev.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/coffee-tea-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/coffee-tea.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/comment-chat-message-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/comment-chat-message.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/comment-circle-alt-chat-message.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/comment-circle-chat-message.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/comment-square-alt-chat-message.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/comment-square-chat-message.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/compress-arrows-converge.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/cone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/connect-link-category.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /svg/connection-signal-wifi.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/copy-duplicate.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/course-diary.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/credit-card-debit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/crop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/crosshair-target-center-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/crosshair-target-center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/cursor-alt-pointer-mouse.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/cursor-pointer-mouse.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/cut-scissors.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/desktop-computer-mac.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/desktop-mac-computer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/dollar-currency.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/down-turn-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/download-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/download-cloud.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/drag-horizontal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /svg/drag-vertical.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/edit-write-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/edit-write.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/education-school.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/email-message-inbox.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/emoji-angel-smiley-happy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-angry-mad.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-baby.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-dizzy-happy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-happy-face.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-meh-sad.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-sad-face.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-surprised-shocked-amazed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/emoji-smiley-wink-happy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/enter-arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/entry-login.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/error.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/euro-currency.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/expand-arrows.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/eye-password-hide.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/eye-password-show.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/face-mask-alt-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/face-mask.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/facebook-social.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/fast-foward.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/filter-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/filter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/fire-trend-hot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/flag-country.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/focus-camera-plus-add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/folder-add-file.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/folder-file-project.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/forward.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/fuel-gas-station.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/gender-female.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/gender-male.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/gif.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/gift.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/globe-world-earth.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/harddrive-harddisk.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/hashtag-trending-number.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/headphone-music-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/headphone-music.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/health-cross-firstaid.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/heart-love-like.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/help-question.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/home-house.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/hospital-clinic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/inbox-mail.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/info.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/instagram-social.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/laptop-computer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/launch-link-open.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/lightning-energy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/link.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/linkedin-social.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/loading-spinner.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/location-pin-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/location-pin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/lock-open.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/lock-privacy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/logout-exit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/magic-wand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/map-location.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/marker-create-pen.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/mastercard-credit-debit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/maximize-expand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/medal-winner-gold.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/media-cast.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/menu-hambuger.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/microphone-music-talk.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/microphone-off-music-talk.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/minimize-collapse.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/mobile-phone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/model-diamond.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/money-alt-cash-currency.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/moon-night.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/more-horizontal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/more-vertical.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/mouse.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/music-note.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/naira-currency-money.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/next-arrow-forward.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/notification-bell-alarm.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/notification-off-bell-alarm.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/paper-file-text.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/paper-file.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/paper-note.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/pause.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/percentage.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/phone-call.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/photo-image-picture.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/pie-chart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/pin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/planet-saturn-space.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/play.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/plug-connect.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/pound-currency-money.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/previous-arrow-backward.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/print.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/puzzle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/rain-cloud-weather.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/receipt-payment.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/redo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/reply-all.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/reply.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/rewind.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/right-turn-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/roadmap-timeline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/rocket-launch.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/save-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/security-password-key.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/security-shield-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/security-shield-privacy-bad.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/security-shield.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/send-message-dm.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/share-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/shop-store.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/shopping-alt-bag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/shopping-bag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/shopping-cart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/shuffle-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/shuffle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/sketch-diamond.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/snowflakes-weather-cold.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/sparkle-star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/square-box-uncheck.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/star-ratings.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/stop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/subtract-circle-minus-remove.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/subtract-minus-remove.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/sun-day.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/tag-price-discount.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/thumbs-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/thumbs-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/thunderstorm-weather.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/ticket-pass.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/tiktok-social.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/toogle-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/toogle-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/trash-alt-delete-bin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/trash-delete-bin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/umbrella-insurance.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/undo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/up-turn-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/upload-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/upload-cloud.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/upload-share.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/usb.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/user-account-profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/user-add-account-profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/user-group-accounts.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/user-remove-account-profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/video-camera-media.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/volume-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/volume-mute.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/volume-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/wallet.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/watch.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /svg/wifi-connection.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /svg/work-alt-bag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /svg/work-bag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/x-circle-close-delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/x-close-delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/x-octagon-error.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/x-square-close-delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /svg/yuan-currency-money.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/zoom-in.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /svg/zoom-out.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es6", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "skipLibCheck": true, 6 | "strict": true, 7 | "forceConsistentCasingInFileNames": true, 8 | "allowSyntheticDefaultImports": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "node", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "react", 15 | "outDir": "./dist", 16 | "declaration": true 17 | }, 18 | "include": ["./src/**/*.ts", "./src/**/*.tsx"], 19 | "exclude": [ 20 | "node_modules", 21 | "**/__tests__/*", 22 | "examples", 23 | "rollup.config.js" 24 | ] 25 | } 26 | --------------------------------------------------------------------------------