├── .github └── workflows │ ├── publish.yml │ ├── release.yml │ └── update-icon.yml ├── .gitignore ├── .node-version ├── .release-it.json ├── .storybook ├── main.js └── preview.js ├── .svgrrc.js ├── LICENSE ├── README.md ├── assets ├── account-icon.svg ├── account-setting-icon.svg ├── address-icon.svg ├── alert-icon.svg ├── alertA-icon.svg ├── alertB-icon.svg ├── ambulance-icon.svg ├── arrowA-down-icon.svg ├── arrowA-left-icon.svg ├── arrowA-right-icon.svg ├── arrowA-up-icon.svg ├── arrowB-down-icon.svg ├── arrowB-left-icon.svg ├── arrowB-right-icon.svg ├── arrowB-up-icon.svg ├── arrowC-down-fill-icon.svg ├── arrowC-down-icon.svg ├── arrowC-left-fill-icon.svg ├── arrowC-left-icon.svg ├── arrowC-right-fill-icon.svg ├── arrowC-right-icon.svg ├── arrowC-up-fill-icon.svg ├── arrowC-up-icon.svg ├── arrowD-down-icon.svg ├── arrowD-left-icon.svg ├── arrowD-right-icon.svg ├── arrowD-up-icon.svg ├── arrowE-down-icon.svg ├── arrowE-left-icon.svg ├── arrowE-right-icon.svg ├── arrowE-up-icon.svg ├── beginner-icon.svg ├── bike-icon.svg ├── birthday-icon.svg ├── blank-link-icon.svg ├── bookmark-fill-icon.svg ├── bookmark-outline-icon.svg ├── boy-icon.svg ├── calendar-icon.svg ├── camera-icon.svg ├── cancel-icon.svg ├── capsule-icon.svg ├── capsule-tablet-icon.svg ├── car-icon.svg ├── checkA-icon.svg ├── checkB-fill-icon.svg ├── checkB-icon.svg ├── checkbox-off-outline-icon.svg ├── checkbox-on-outline-icon.svg ├── circle-fill-icon.svg ├── circle-outline-icon.svg ├── closeA-icon.svg ├── closeB-icon.svg ├── comment-bubble-icon.svg ├── comment-fill-icon.svg ├── comment-outline-icon.svg ├── comment-writing-fill-icon.svg ├── comment-writing-outline-icon.svg ├── condition-bad-1-icon.svg ├── condition-bad-2-icon.svg ├── condition-bad-3-icon.svg ├── condition-good-1-icon.svg ├── condition-good-2-icon.svg ├── condition-good-3-icon.svg ├── condition-normal-icon.svg ├── copy-icon.svg ├── credit-card-icon.svg ├── crop-icon.svg ├── devices-icon.svg ├── display-icon.svg ├── doctor-bag-icon.svg ├── doctor-icon.svg ├── doublecircle-icon.svg ├── download-icon.svg ├── drawer-icon.svg ├── ecg-heart-fill-icon.svg ├── ecg-outline-icon.svg ├── edit-icon.svg ├── expansion-icon.svg ├── favolite-add-icon.svg ├── favolite-outline-icon.svg ├── favorite-add-icon.svg ├── favorite-fill-icon.svg ├── favorite-outline-icon.svg ├── favorite-remove-icon.svg ├── female-human-icon.svg ├── female-symbol-icon.svg ├── file-icon.svg ├── filter-icon.svg ├── finger-down-icon.svg ├── finger-left-icon.svg ├── finger-right-icon.svg ├── finger-up-icon.svg ├── first-aid-box-icon.svg ├── flag-icon.svg ├── folder-icon.svg ├── gender-human-icon.svg ├── gender-symbol-icon.svg ├── girl-icon.svg ├── help-icon.svg ├── hide-fill-icon.svg ├── hide-outline-icon.svg ├── history-icon.svg ├── home-outline-icon.svg ├── hospital-icon.svg ├── image-icon.svg ├── information-icon.svg ├── injection-icon.svg ├── insurance-card-icon.svg ├── laptop-icon.svg ├── leader-horizontal-icon.svg ├── leader-vertical-icon.svg ├── light-icon.svg ├── light-on-icon.svg ├── link-icon.svg ├── lock-icon.svg ├── login-icon.svg ├── logout-icon.svg ├── mail-outline-icon.svg ├── male-human-icon.svg ├── male-symbol-icon.svg ├── man-icon.svg ├── map-icon.svg ├── mask-icon.svg ├── medical-ID-icon.svg ├── medical-ID-off-icon.svg ├── medical-form-icon.svg ├── medical-heart-icon.svg ├── medical-symbol-fill-icon.svg ├── medical-symbol-outline-icon.svg ├── medicine-auto-injector-icon.svg ├── medicine-enema-icon.svg ├── medicine-injection-form-icon.svg ├── medicine-intravenous-drip-icon.svg ├── medicine-powder-icon.svg ├── medicine-suppository-icon.svg ├── medicine-syrup-icon.svg ├── medicine-tablet-icon.svg ├── memo-icon.svg ├── menu-icon.svg ├── mic-icon.svg ├── mic-mute-icon.svg ├── minusA-icon.svg ├── minusB-icon.svg ├── move-icon.svg ├── mute-icon.svg ├── mynumber-card-icon.svg ├── notification-icon.svg ├── nurse-icon.svg ├── old-man-icon.svg ├── old-woman-icon.svg ├── pen-icon.svg ├── person-add-icon.svg ├── person-remove-icon.svg ├── phone-icon.svg ├── pin-icon.svg ├── plusA-icon.svg ├── plusB-icon.svg ├── post-icon.svg ├── postal-code-icon.svg ├── printer-icon.svg ├── qr-code-reader-icon.svg ├── range-selection-icon.svg ├── reception-icon.svg ├── redo-icon.svg ├── reload-icon.svg ├── return -icon.svg ├── rotate-icon.svg ├── search-icon.svg ├── security-icon.svg ├── send-icon.svg ├── setting-icon.svg ├── setup-icon.svg ├── share-icon.svg ├── shareB-icon.svg ├── show-fill-icon.svg ├── show-outline-icon.svg ├── shrink-icon.svg ├── sick-icon.svg ├── smartphone-icon.svg ├── sort-atoz-icon.svg ├── sort-icon.svg ├── square-icon.svg ├── star-fill-icon.svg ├── star-half-icon.svg ├── star-outline-icon.svg ├── stethoscope-icon.svg ├── tablet-icon.svg ├── thumb-down-fill-icon.svg ├── thumb-down-outline-icon.svg ├── thumb-up-fill-icon.svg ├── thumb-up-outline-icon.svg ├── ticket-icon.svg ├── train-icon.svg ├── trash-empty-icon.svg ├── trash-icon.svg ├── triangle-down-icon.svg ├── triangle-up-icon.svg ├── ubie-icon.svg ├── unfold-more-icon.svg ├── unlock-icon.svg ├── upload-icon.svg ├── virus-icon.svg ├── volume-icon.svg ├── walk-icon.svg ├── weight-scale-icon.svg ├── wheelchair-icon.svg ├── woman-icon.svg └── workflow-icon.svg ├── package-lock.json ├── package.json ├── prettier.config.js ├── scripts └── figma.js ├── src ├── AccountIcon.tsx ├── AccountSettingIcon.tsx ├── AddressIcon.tsx ├── AlertAIcon.tsx ├── AlertBIcon.tsx ├── AlertIcon.tsx ├── AmbulanceIcon.tsx ├── ArrowADownIcon.tsx ├── ArrowALeftIcon.tsx ├── ArrowARightIcon.tsx ├── ArrowAUpIcon.tsx ├── ArrowBDownIcon.tsx ├── ArrowBLeftIcon.tsx ├── ArrowBRightIcon.tsx ├── ArrowBUpIcon.tsx ├── ArrowCDownFillIcon.tsx ├── ArrowCDownIcon.tsx ├── ArrowCLeftFillIcon.tsx ├── ArrowCLeftIcon.tsx ├── ArrowCRightFillIcon.tsx ├── ArrowCRightIcon.tsx ├── ArrowCUpFillIcon.tsx ├── ArrowCUpIcon.tsx ├── ArrowDDownIcon.tsx ├── ArrowDLeftIcon.tsx ├── ArrowDRightIcon.tsx ├── ArrowDUpIcon.tsx ├── ArrowEDownIcon.tsx ├── ArrowELeftIcon.tsx ├── ArrowERightIcon.tsx ├── ArrowEUpIcon.tsx ├── BeginnerIcon.tsx ├── BikeIcon.tsx ├── BirthdayIcon.tsx ├── BlankLinkIcon.tsx ├── BookmarkFillIcon.tsx ├── BookmarkOutlineIcon.tsx ├── BoyIcon.tsx ├── CalendarIcon.tsx ├── CameraIcon.tsx ├── CancelIcon.tsx ├── CapsuleIcon.tsx ├── CapsuleTabletIcon.tsx ├── CarIcon.tsx ├── CheckAIcon.tsx ├── CheckBFillIcon.tsx ├── CheckBIcon.tsx ├── CheckboxOffOutlineIcon.tsx ├── CheckboxOnOutlineIcon.tsx ├── CircleFillIcon.tsx ├── CircleOutlineIcon.tsx ├── CloseAIcon.tsx ├── CloseBIcon.tsx ├── CommentBubbleIcon.tsx ├── CommentFillIcon.tsx ├── CommentOutlineIcon.tsx ├── CommentWritingFillIcon.tsx ├── CommentWritingOutlineIcon.tsx ├── ConditionBad1Icon.tsx ├── ConditionBad2Icon.tsx ├── ConditionBad3Icon.tsx ├── ConditionGood1Icon.tsx ├── ConditionGood2Icon.tsx ├── ConditionGood3Icon.tsx ├── ConditionNormalIcon.tsx ├── CopyIcon.tsx ├── CreditCardIcon.tsx ├── CropIcon.tsx ├── DevicesIcon.tsx ├── DisplayIcon.tsx ├── DoctorBagIcon.tsx ├── DoctorIcon.tsx ├── DoublecircleIcon.tsx ├── DownloadIcon.tsx ├── DrawerIcon.tsx ├── EcgHeartFillIcon.tsx ├── EcgOutlineIcon.tsx ├── EditIcon.tsx ├── ExpansionIcon.tsx ├── FavoliteAddIcon.tsx ├── FavoliteOutlineIcon.tsx ├── FavoriteAddIcon.tsx ├── FavoriteFillIcon.tsx ├── FavoriteOutlineIcon.tsx ├── FavoriteRemoveIcon.tsx ├── FemaleHumanIcon.tsx ├── FemaleSymbolIcon.tsx ├── FileIcon.tsx ├── FilterIcon.tsx ├── FingerDownIcon.tsx ├── FingerLeftIcon.tsx ├── FingerRightIcon.tsx ├── FingerUpIcon.tsx ├── FirstAidBoxIcon.tsx ├── FlagIcon.tsx ├── FolderIcon.tsx ├── GenderHumanIcon.tsx ├── GenderSymbolIcon.tsx ├── GirlIcon.tsx ├── HelpIcon.tsx ├── HideFillIcon.tsx ├── HideOutlineIcon.tsx ├── HistoryIcon.tsx ├── HomeOutlineIcon.tsx ├── HospitalIcon.tsx ├── ImageIcon.tsx ├── InformationIcon.tsx ├── InjectionIcon.tsx ├── InsuranceCardIcon.tsx ├── LaptopIcon.tsx ├── LeaderHorizontalIcon.tsx ├── LeaderVerticalIcon.tsx ├── LightIcon.tsx ├── LightOnIcon.tsx ├── LinkIcon.tsx ├── LockIcon.tsx ├── LoginIcon.tsx ├── LogoutIcon.tsx ├── MailOutlineIcon.tsx ├── MaleHumanIcon.tsx ├── MaleSymbolIcon.tsx ├── ManIcon.tsx ├── MapIcon.tsx ├── MaskIcon.tsx ├── MedicalFormIcon.tsx ├── MedicalHeartIcon.tsx ├── MedicalIdIcon.tsx ├── MedicalIdOffIcon.tsx ├── MedicalSymbolFillIcon.tsx ├── MedicalSymbolOutlineIcon.tsx ├── MedicineAutoInjectorIcon.tsx ├── MedicineEnemaIcon.tsx ├── MedicineInjectionFormIcon.tsx ├── MedicineIntravenousDripIcon.tsx ├── MedicinePowderIcon.tsx ├── MedicineSuppositoryIcon.tsx ├── MedicineSyrupIcon.tsx ├── MedicineTabletIcon.tsx ├── MemoIcon.tsx ├── MenuIcon.tsx ├── MicIcon.tsx ├── MicMuteIcon.tsx ├── MinusAIcon.tsx ├── MinusBIcon.tsx ├── MoveIcon.tsx ├── MuteIcon.tsx ├── MynumberCardIcon.tsx ├── NotificationIcon.tsx ├── NurseIcon.tsx ├── OldManIcon.tsx ├── OldWomanIcon.tsx ├── PenIcon.tsx ├── PersonAddIcon.tsx ├── PersonRemoveIcon.tsx ├── PhoneIcon.tsx ├── PinIcon.tsx ├── PlusAIcon.tsx ├── PlusBIcon.tsx ├── PostIcon.tsx ├── PostalCodeIcon.tsx ├── PrinterIcon.tsx ├── QrCodeReaderIcon.tsx ├── RangeSelectionIcon.tsx ├── ReceptionIcon.tsx ├── RedoIcon.tsx ├── ReloadIcon.tsx ├── ReturnIcon.tsx ├── RotateIcon.tsx ├── SearchIcon.tsx ├── SecurityIcon.tsx ├── SendIcon.tsx ├── SettingIcon.tsx ├── SetupIcon.tsx ├── ShareBIcon.tsx ├── ShareIcon.tsx ├── ShowFillIcon.tsx ├── ShowOutlineIcon.tsx ├── ShrinkIcon.tsx ├── SickIcon.tsx ├── SmartphoneIcon.tsx ├── SortAtozIcon.tsx ├── SortIcon.tsx ├── SquareIcon.tsx ├── StarFillIcon.tsx ├── StarHalfIcon.tsx ├── StarOutlineIcon.tsx ├── StethoscopeIcon.tsx ├── TabletIcon.tsx ├── ThumbDownFillIcon.tsx ├── ThumbDownOutlineIcon.tsx ├── ThumbUpFillIcon.tsx ├── ThumbUpOutlineIcon.tsx ├── TicketIcon.tsx ├── TrainIcon.tsx ├── TrashEmptyIcon.tsx ├── TrashIcon.tsx ├── TriangleDownIcon.tsx ├── TriangleUpIcon.tsx ├── UbieIcon.tsx ├── UnfoldMoreIcon.tsx ├── UnlockIcon.tsx ├── UploadIcon.tsx ├── VirusIcon.tsx ├── VolumeIcon.tsx ├── WalkIcon.tsx ├── WeightScaleIcon.tsx ├── WheelchairIcon.tsx ├── WomanIcon.tsx ├── WorkflowIcon.tsx └── index.ts ├── stories ├── Icons.css ├── Icons.stories.tsx └── Icons.tsx ├── tsconfig.json └── tsup.config.ts /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | 3 | .env 4 | 5 | .idea 6 | 7 | dist/ 8 | 9 | storybook-static/ 10 | 11 | .npmrc -------------------------------------------------------------------------------- /.node-version: -------------------------------------------------------------------------------- 1 | 18 2 | -------------------------------------------------------------------------------- /.release-it.json: -------------------------------------------------------------------------------- 1 | { 2 | "git": { 3 | "commitMessage": "chore(release): 🤖 v${version}", 4 | "push": false 5 | }, 6 | "github": { 7 | "release": true 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /.storybook/main.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'], 3 | addons: [ 4 | '@storybook/addon-links', 5 | '@storybook/addon-essentials', 6 | '@storybook/addon-interactions', 7 | '@storybook/addon-webpack5-compiler-swc', 8 | ], 9 | framework: { 10 | name: '@storybook/react-webpack5', 11 | options: { 12 | builder: { 13 | useSWC: true, 14 | }, 15 | }, 16 | }, 17 | swc: () => ({ 18 | jsc: { 19 | transform: { 20 | react: { 21 | runtime: 'automatic', 22 | }, 23 | }, 24 | }, 25 | }), 26 | }; 27 | -------------------------------------------------------------------------------- /.storybook/preview.js: -------------------------------------------------------------------------------- 1 | export const parameters = { 2 | actions: { argTypesRegex: "^on[A-Z].*" }, 3 | controls: { 4 | matchers: { 5 | color: /(background|color)$/i, 6 | date: /Date$/, 7 | }, 8 | }, 9 | } -------------------------------------------------------------------------------- /.svgrrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/gregberge/svgr/blob/f18ea80dda0eeda8863d44875a435892a36e8705/packages/core/src/__snapshots__/convert.test.js.snap#L72-L91 2 | module.exports = { 3 | icon: true, 4 | replaceAttrValues: { '#3959CC': 'currentColor' }, 5 | typescript: true, 6 | jsxRuntime: 'automatic', 7 | }; 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Ubie Icons 2 | 3 | Icons List：https://vitals.ubie.life/elements/icons/ 4 | 5 | ## Installation 6 | 7 | ``` 8 | npm install @ubie/ubie-icons 9 | ``` 10 | 11 | ## Usage 12 | 13 | ```js 14 | import { Twitter } from '@ubie/ubie-icons'; 15 | 16 | export const TwitterButton = () => ( 17 | 21 | ); 22 | ``` 23 | 24 | `currentColor` is set for the icon's path, so you can change the color using CSS. 25 | 26 | ## License 27 | 28 | This icon set is licensed under the [MIT License](https://github.com/ubie-oss/ubie-icons/blob/main/LICENSE). 29 | -------------------------------------------------------------------------------- /assets/alert-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/alertA-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/alertB-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/arrowA-down-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowA-left-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowA-right-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowA-up-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowB-down-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowB-left-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowB-right-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowB-up-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-down-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-down-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-left-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-left-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-right-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-right-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-up-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowC-up-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowD-down-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowD-left-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowD-right-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowD-up-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowE-down-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowE-left-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowE-right-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/arrowE-up-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/beginner-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/blank-link-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/bookmark-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/bookmark-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/camera-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/cancel-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/capsule-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/checkA-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/checkB-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/checkB-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/checkbox-off-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/checkbox-on-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/circle-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/circle-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/closeA-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/closeB-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/comment-bubble-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/comment-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/comment-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/comment-writing-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/comment-writing-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/condition-normal-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/copy-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/credit-card-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/devices-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/display-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/doctor-bag-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/doublecircle-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/download-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/drawer-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/edit-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/favorite-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/favorite-remove-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/female-symbol-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/file-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/first-aid-box-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/folder-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/history-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/home-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/hospital-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/image-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/information-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/laptop-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/leader-horizontal-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/leader-vertical-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/lock-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/login-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/logout-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/mail-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/male-human-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/male-symbol-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/map-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/medical-ID-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/medical-ID-off-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/medical-heart-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/medical-symbol-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/medical-symbol-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/medicine-injection-form-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/medicine-suppository-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/medicine-syrup-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/medicine-tablet-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/memo-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/mic-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/minusA-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/minusB-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/move-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/mute-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/pen-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/phone-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/pin-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/plusA-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/plusB-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/post-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/postal-code-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/printer-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/range-selection-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/redo-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/return -icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/search-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/security-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/send-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/share-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/shareB-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/show-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/show-outline-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/smartphone-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/sort-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/square-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/star-fill-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/tablet-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/trash-empty-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/trash-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/triangle-down-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/triangle-up-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/unfold-more-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/unlock-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/upload-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/weight-scale-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /prettier.config.js: -------------------------------------------------------------------------------- 1 | module.exports = require('@ubie/prettier-config'); -------------------------------------------------------------------------------- /src/AccountIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgAccountIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgAccountIcon; 13 | -------------------------------------------------------------------------------- /src/AlertAIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgAlertAIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgAlertAIcon; 17 | -------------------------------------------------------------------------------- /src/AlertBIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgAlertBIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgAlertBIcon; 17 | -------------------------------------------------------------------------------- /src/AlertIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgAlertIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgAlertIcon; 17 | -------------------------------------------------------------------------------- /src/ArrowADownIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowADownIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowADownIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowALeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowALeftIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowALeftIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowARightIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowARightIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowARightIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowAUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowAUpIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowAUpIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowBDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowBDownIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowBDownIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowBLeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowBLeftIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowBLeftIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowBRightIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowBRightIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowBRightIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowBUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowBUpIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowBUpIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCDownFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCDownFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCDownFillIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCDownIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCDownIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCLeftFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCLeftFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCLeftFillIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCLeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCLeftIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCLeftIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCRightFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCRightFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCRightFillIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCRightIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCRightIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCRightIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCUpFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCUpFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCUpFillIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowCUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowCUpIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowCUpIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowDDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowDDownIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowDDownIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowDLeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowDLeftIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowDLeftIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowDRightIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowDRightIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowDRightIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowDUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowDUpIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgArrowDUpIcon; 11 | -------------------------------------------------------------------------------- /src/ArrowEDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowEDownIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowEDownIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowELeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowELeftIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowELeftIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowERightIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowERightIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowERightIcon; 13 | -------------------------------------------------------------------------------- /src/ArrowEUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgArrowEUpIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgArrowEUpIcon; 13 | -------------------------------------------------------------------------------- /src/BeginnerIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgBeginnerIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgBeginnerIcon; 13 | -------------------------------------------------------------------------------- /src/BikeIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgBikeIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgBikeIcon; 13 | -------------------------------------------------------------------------------- /src/BlankLinkIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgBlankLinkIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | 10 | ); 11 | export default SvgBlankLinkIcon; 12 | -------------------------------------------------------------------------------- /src/BookmarkFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgBookmarkFillIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgBookmarkFillIcon; 11 | -------------------------------------------------------------------------------- /src/BookmarkOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgBookmarkOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgBookmarkOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/CalendarIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCalendarIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCalendarIcon; 17 | -------------------------------------------------------------------------------- /src/CameraIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCameraIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCameraIcon; 13 | -------------------------------------------------------------------------------- /src/CancelIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCancelIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCancelIcon; 13 | -------------------------------------------------------------------------------- /src/CapsuleIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCapsuleIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCapsuleIcon; 13 | -------------------------------------------------------------------------------- /src/CapsuleTabletIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCapsuleTabletIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCapsuleTabletIcon; 17 | -------------------------------------------------------------------------------- /src/CarIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCarIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCarIcon; 17 | -------------------------------------------------------------------------------- /src/CheckAIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCheckAIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCheckAIcon; 13 | -------------------------------------------------------------------------------- /src/CheckBFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCheckBFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCheckBFillIcon; 13 | -------------------------------------------------------------------------------- /src/CheckBIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCheckBIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCheckBIcon; 17 | -------------------------------------------------------------------------------- /src/CheckboxOffOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCheckboxOffOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCheckboxOffOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/CheckboxOnOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCheckboxOnOutlineIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCheckboxOnOutlineIcon; 17 | -------------------------------------------------------------------------------- /src/CircleFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCircleFillIcon = (props: SVGProps) => ( 3 | 4 | 5 | 6 | ); 7 | export default SvgCircleFillIcon; 8 | -------------------------------------------------------------------------------- /src/CircleOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCircleOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCircleOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/CloseAIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCloseAIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCloseAIcon; 13 | -------------------------------------------------------------------------------- /src/CloseBIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCloseBIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCloseBIcon; 17 | -------------------------------------------------------------------------------- /src/CommentBubbleIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCommentBubbleIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCommentBubbleIcon; 13 | -------------------------------------------------------------------------------- /src/CommentFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCommentFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCommentFillIcon; 13 | -------------------------------------------------------------------------------- /src/CommentOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCommentOutlineIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCommentOutlineIcon; 17 | -------------------------------------------------------------------------------- /src/CommentWritingFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCommentWritingFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgCommentWritingFillIcon; 13 | -------------------------------------------------------------------------------- /src/CommentWritingOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCommentWritingOutlineIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgCommentWritingOutlineIcon; 17 | -------------------------------------------------------------------------------- /src/ConditionBad2Icon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgConditionBad2Icon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgConditionBad2Icon; 17 | -------------------------------------------------------------------------------- /src/ConditionGood1Icon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgConditionGood1Icon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgConditionGood1Icon; 17 | -------------------------------------------------------------------------------- /src/ConditionNormalIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgConditionNormalIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgConditionNormalIcon; 17 | -------------------------------------------------------------------------------- /src/CopyIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCopyIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgCopyIcon; 14 | -------------------------------------------------------------------------------- /src/CreditCardIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCreditCardIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgCreditCardIcon; 11 | -------------------------------------------------------------------------------- /src/CropIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgCropIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgCropIcon; 11 | -------------------------------------------------------------------------------- /src/DevicesIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgDevicesIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgDevicesIcon; 14 | -------------------------------------------------------------------------------- /src/DisplayIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgDisplayIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgDisplayIcon; 13 | -------------------------------------------------------------------------------- /src/DoctorBagIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgDoctorBagIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgDoctorBagIcon; 14 | -------------------------------------------------------------------------------- /src/DoublecircleIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgDoublecircleIcon = (props: SVGProps) => ( 3 | 4 | 10 | 16 | 17 | ); 18 | export default SvgDoublecircleIcon; 19 | -------------------------------------------------------------------------------- /src/DownloadIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgDownloadIcon = (props: SVGProps) => ( 3 | 4 | 8 | 12 | 13 | ); 14 | export default SvgDownloadIcon; 15 | -------------------------------------------------------------------------------- /src/DrawerIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgDrawerIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgDrawerIcon; 13 | -------------------------------------------------------------------------------- /src/EcgHeartFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgEcgHeartFillIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgEcgHeartFillIcon; 11 | -------------------------------------------------------------------------------- /src/EcgOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgEcgOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgEcgOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/EditIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgEditIcon = (props: SVGProps) => ( 3 | 4 | 5 | 9 | 10 | ); 11 | export default SvgEditIcon; 12 | -------------------------------------------------------------------------------- /src/ExpansionIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgExpansionIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgExpansionIcon; 11 | -------------------------------------------------------------------------------- /src/FavoriteFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFavoriteFillIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgFavoriteFillIcon; 11 | -------------------------------------------------------------------------------- /src/FavoriteRemoveIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFavoriteRemoveIcon = (props: SVGProps) => ( 3 | 4 | 8 | 12 | 13 | ); 14 | export default SvgFavoriteRemoveIcon; 15 | -------------------------------------------------------------------------------- /src/FemaleHumanIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFemaleHumanIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgFemaleHumanIcon; 11 | -------------------------------------------------------------------------------- /src/FemaleSymbolIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFemaleSymbolIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgFemaleSymbolIcon; 13 | -------------------------------------------------------------------------------- /src/FileIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFileIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgFileIcon; 13 | -------------------------------------------------------------------------------- /src/FilterIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFilterIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgFilterIcon; 13 | -------------------------------------------------------------------------------- /src/FirstAidBoxIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFirstAidBoxIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgFirstAidBoxIcon; 14 | -------------------------------------------------------------------------------- /src/FolderIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgFolderIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgFolderIcon; 13 | -------------------------------------------------------------------------------- /src/GenderHumanIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgGenderHumanIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgGenderHumanIcon; 11 | -------------------------------------------------------------------------------- /src/GenderSymbolIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgGenderSymbolIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgGenderSymbolIcon; 13 | -------------------------------------------------------------------------------- /src/HistoryIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgHistoryIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgHistoryIcon; 14 | -------------------------------------------------------------------------------- /src/HomeOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgHomeOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgHomeOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/HospitalIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgHospitalIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgHospitalIcon; 14 | -------------------------------------------------------------------------------- /src/ImageIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgImageIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgImageIcon; 14 | -------------------------------------------------------------------------------- /src/InformationIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgInformationIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgInformationIcon; 17 | -------------------------------------------------------------------------------- /src/InsuranceCardIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgInsuranceCardIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgInsuranceCardIcon; 17 | -------------------------------------------------------------------------------- /src/LaptopIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgLaptopIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgLaptopIcon; 13 | -------------------------------------------------------------------------------- /src/LeaderHorizontalIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgLeaderHorizontalIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgLeaderHorizontalIcon; 11 | -------------------------------------------------------------------------------- /src/LeaderVerticalIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgLeaderVerticalIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgLeaderVerticalIcon; 11 | -------------------------------------------------------------------------------- /src/LinkIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgLinkIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgLinkIcon; 13 | -------------------------------------------------------------------------------- /src/LockIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgLockIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgLockIcon; 14 | -------------------------------------------------------------------------------- /src/LoginIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgLoginIcon = (props: SVGProps) => ( 3 | 4 | 8 | 12 | 13 | ); 14 | export default SvgLoginIcon; 15 | -------------------------------------------------------------------------------- /src/LogoutIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgLogoutIcon = (props: SVGProps) => ( 3 | 4 | 8 | 12 | 13 | ); 14 | export default SvgLogoutIcon; 15 | -------------------------------------------------------------------------------- /src/MailOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMailOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMailOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/MaleHumanIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMaleHumanIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgMaleHumanIcon; 11 | -------------------------------------------------------------------------------- /src/MaleSymbolIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMaleSymbolIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMaleSymbolIcon; 13 | -------------------------------------------------------------------------------- /src/MapIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMapIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMapIcon; 13 | -------------------------------------------------------------------------------- /src/MedicalFormIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicalFormIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgMedicalFormIcon; 17 | -------------------------------------------------------------------------------- /src/MedicalHeartIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicalHeartIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMedicalHeartIcon; 13 | -------------------------------------------------------------------------------- /src/MedicalIdIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicalIdIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgMedicalIdIcon; 14 | -------------------------------------------------------------------------------- /src/MedicalIdOffIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicalIdOffIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | 12 | 13 | ); 14 | export default SvgMedicalIdOffIcon; 15 | -------------------------------------------------------------------------------- /src/MedicalSymbolFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicalSymbolFillIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgMedicalSymbolFillIcon; 11 | -------------------------------------------------------------------------------- /src/MedicalSymbolOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicalSymbolOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMedicalSymbolOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/MedicineAutoInjectorIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicineAutoInjectorIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgMedicineAutoInjectorIcon; 17 | -------------------------------------------------------------------------------- /src/MedicineInjectionFormIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicineInjectionFormIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMedicineInjectionFormIcon; 13 | -------------------------------------------------------------------------------- /src/MedicineIntravenousDripIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicineIntravenousDripIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMedicineIntravenousDripIcon; 13 | -------------------------------------------------------------------------------- /src/MedicineSuppositoryIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicineSuppositoryIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMedicineSuppositoryIcon; 13 | -------------------------------------------------------------------------------- /src/MedicineSyrupIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicineSyrupIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMedicineSyrupIcon; 13 | -------------------------------------------------------------------------------- /src/MedicineTabletIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMedicineTabletIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMedicineTabletIcon; 13 | -------------------------------------------------------------------------------- /src/MemoIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMemoIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgMemoIcon; 17 | -------------------------------------------------------------------------------- /src/MenuIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMenuIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgMenuIcon; 11 | -------------------------------------------------------------------------------- /src/MicIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMicIcon = (props: SVGProps) => ( 3 | 4 | 10 | 14 | 15 | ); 16 | export default SvgMicIcon; 17 | -------------------------------------------------------------------------------- /src/MicMuteIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMicMuteIcon = (props: SVGProps) => ( 3 | 4 | 10 | 14 | 15 | ); 16 | export default SvgMicMuteIcon; 17 | -------------------------------------------------------------------------------- /src/MinusAIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMinusAIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgMinusAIcon; 13 | -------------------------------------------------------------------------------- /src/MinusBIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMinusBIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgMinusBIcon; 14 | -------------------------------------------------------------------------------- /src/MoveIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMoveIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgMoveIcon; 11 | -------------------------------------------------------------------------------- /src/MuteIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMuteIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | 12 | ); 13 | export default SvgMuteIcon; 14 | -------------------------------------------------------------------------------- /src/MynumberCardIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgMynumberCardIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | 15 | 16 | ); 17 | export default SvgMynumberCardIcon; 18 | -------------------------------------------------------------------------------- /src/PenIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPenIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgPenIcon; 13 | -------------------------------------------------------------------------------- /src/PersonAddIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPersonAddIcon = (props: SVGProps) => ( 3 | 4 | 10 | 14 | 15 | ); 16 | export default SvgPersonAddIcon; 17 | -------------------------------------------------------------------------------- /src/PersonRemoveIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPersonRemoveIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | 12 | ); 13 | export default SvgPersonRemoveIcon; 14 | -------------------------------------------------------------------------------- /src/PhoneIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPhoneIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgPhoneIcon; 11 | -------------------------------------------------------------------------------- /src/PinIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPinIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgPinIcon; 13 | -------------------------------------------------------------------------------- /src/PlusAIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPlusAIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgPlusAIcon; 13 | -------------------------------------------------------------------------------- /src/PlusBIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPlusBIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgPlusBIcon; 17 | -------------------------------------------------------------------------------- /src/PostIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPostIcon = (props: SVGProps) => ( 3 | 4 | 5 | 9 | 10 | ); 11 | export default SvgPostIcon; 12 | -------------------------------------------------------------------------------- /src/PostalCodeIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPostalCodeIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgPostalCodeIcon; 11 | -------------------------------------------------------------------------------- /src/PrinterIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgPrinterIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgPrinterIcon; 13 | -------------------------------------------------------------------------------- /src/RangeSelectionIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgRangeSelectionIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgRangeSelectionIcon; 13 | -------------------------------------------------------------------------------- /src/ReceptionIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgReceptionIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgReceptionIcon; 13 | -------------------------------------------------------------------------------- /src/RedoIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgRedoIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgRedoIcon; 11 | -------------------------------------------------------------------------------- /src/ReloadIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgReloadIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgReloadIcon; 11 | -------------------------------------------------------------------------------- /src/ReturnIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgReturnIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgReturnIcon; 13 | -------------------------------------------------------------------------------- /src/SearchIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgSearchIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgSearchIcon; 13 | -------------------------------------------------------------------------------- /src/SecurityIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgSecurityIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgSecurityIcon; 17 | -------------------------------------------------------------------------------- /src/SendIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgSendIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgSendIcon; 13 | -------------------------------------------------------------------------------- /src/ShareBIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgShareBIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgShareBIcon; 13 | -------------------------------------------------------------------------------- /src/ShareIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgShareIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgShareIcon; 13 | -------------------------------------------------------------------------------- /src/ShowFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgShowFillIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgShowFillIcon; 13 | -------------------------------------------------------------------------------- /src/ShowOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgShowOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 16 | 17 | ); 18 | export default SvgShowOutlineIcon; 19 | -------------------------------------------------------------------------------- /src/ShrinkIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgShrinkIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgShrinkIcon; 11 | -------------------------------------------------------------------------------- /src/SmartphoneIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgSmartphoneIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgSmartphoneIcon; 13 | -------------------------------------------------------------------------------- /src/SortIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgSortIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgSortIcon; 11 | -------------------------------------------------------------------------------- /src/SquareIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgSquareIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgSquareIcon; 11 | -------------------------------------------------------------------------------- /src/StarFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgStarFillIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgStarFillIcon; 11 | -------------------------------------------------------------------------------- /src/StarHalfIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgStarHalfIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgStarHalfIcon; 13 | -------------------------------------------------------------------------------- /src/StarOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgStarOutlineIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgStarOutlineIcon; 13 | -------------------------------------------------------------------------------- /src/TabletIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgTabletIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgTabletIcon; 13 | -------------------------------------------------------------------------------- /src/ThumbDownFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgThumbDownFillIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgThumbDownFillIcon; 11 | -------------------------------------------------------------------------------- /src/ThumbUpFillIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgThumbUpFillIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgThumbUpFillIcon; 11 | -------------------------------------------------------------------------------- /src/TrainIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgTrainIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgTrainIcon; 17 | -------------------------------------------------------------------------------- /src/TrashEmptyIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgTrashEmptyIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgTrashEmptyIcon; 13 | -------------------------------------------------------------------------------- /src/TrashIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgTrashIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgTrashIcon; 17 | -------------------------------------------------------------------------------- /src/TriangleDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgTriangleDownIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgTriangleDownIcon; 11 | -------------------------------------------------------------------------------- /src/TriangleUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgTriangleUpIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgTriangleUpIcon; 11 | -------------------------------------------------------------------------------- /src/UnfoldMoreIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgUnfoldMoreIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgUnfoldMoreIcon; 13 | -------------------------------------------------------------------------------- /src/UnlockIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgUnlockIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgUnlockIcon; 14 | -------------------------------------------------------------------------------- /src/UploadIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgUploadIcon = (props: SVGProps) => ( 3 | 4 | 8 | 12 | 13 | ); 14 | export default SvgUploadIcon; 15 | -------------------------------------------------------------------------------- /src/WalkIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgWalkIcon = (props: SVGProps) => ( 3 | 4 | 8 | 9 | ); 10 | export default SvgWalkIcon; 11 | -------------------------------------------------------------------------------- /src/WeightScaleIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgWeightScaleIcon = (props: SVGProps) => ( 3 | 4 | 8 | 14 | 15 | ); 16 | export default SvgWeightScaleIcon; 17 | -------------------------------------------------------------------------------- /src/WheelchairIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgWheelchairIcon = (props: SVGProps) => ( 3 | 4 | 5 | 11 | 12 | ); 13 | export default SvgWheelchairIcon; 14 | -------------------------------------------------------------------------------- /src/WorkflowIcon.tsx: -------------------------------------------------------------------------------- 1 | import type { SVGProps } from 'react'; 2 | const SvgWorkflowIcon = (props: SVGProps) => ( 3 | 4 | 10 | 11 | ); 12 | export default SvgWorkflowIcon; 13 | -------------------------------------------------------------------------------- /stories/Icons.css: -------------------------------------------------------------------------------- 1 | .grid { 2 | display: grid; 3 | grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); 4 | gap: 1.5rem 1rem; 5 | } 6 | 7 | .item { 8 | display: flex; 9 | flex-direction: column; 10 | gap: 1rem; 11 | align-items: center; 12 | padding: 1.5rem 0.5rem; 13 | } 14 | 15 | .item svg { 16 | color: #3959cc; 17 | font-size: 2.5rem; 18 | } 19 | 20 | .title { 21 | font-size: 0.75rem; 22 | margin: 0; 23 | line-height: 1.5; 24 | height: 2.25rem; 25 | display: flex; 26 | align-items: center; 27 | text-align: center; 28 | color: #2a2f39; 29 | word-break: break-all; 30 | } 31 | -------------------------------------------------------------------------------- /stories/Icons.stories.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Meta, StoryObj } from '@storybook/react'; 3 | import { Icons } from './Icons'; 4 | 5 | export default { 6 | title: 'Icons', 7 | component: Icons, 8 | } satisfies Meta; 9 | 10 | type Story = StoryObj; 11 | 12 | export const Default: Story = {}; 13 | -------------------------------------------------------------------------------- /stories/Icons.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC } from 'react'; 2 | import * as IconComponents from '../src/index'; 3 | import './Icons.css'; 4 | 5 | export const Icons: FC = () => { 6 | return ( 7 |
8 | {Object.keys(IconComponents).map((c) => ( 9 |
10 | {IconComponents[c]()} 11 |

{c}

12 |
13 | ))} 14 |
15 | ); 16 | }; 17 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": ["src"], 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "lib": ["DOM", "ESNext"], 6 | "jsx": "react-jsx", 7 | "module": "esnext", 8 | "rootDir": "./src", 9 | "moduleResolution": "node", 10 | "outDir": "./dist", 11 | "resolveJsonModule": true, 12 | "declaration": true, 13 | "importHelpers": true, 14 | "isolatedModules": true, 15 | "esModuleInterop": true, 16 | "forceConsistentCasingInFileNames": true, 17 | "strict": true, 18 | "noUnusedLocals": true, 19 | "noUnusedParameters": true, 20 | "noImplicitReturns": true, 21 | "noFallthroughCasesInSwitch": true, 22 | "skipLibCheck": true 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /tsup.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'tsup'; 2 | 3 | export default defineConfig({ 4 | clean: true, 5 | dts: true, 6 | format: ['cjs', 'esm'], 7 | entry: ['src', '!src/**/*.spec.*', '!src/**/*.d.ts'], 8 | external: ['react'], 9 | bundle: false, 10 | plugins: [ 11 | { 12 | name: 'fix-esm', 13 | renderChunk(_, chunk) { 14 | if (this.format === 'esm') { 15 | // https://github.com/egoist/tsup/issues/953 16 | const code = addMjsExtension(chunk.code); 17 | return { code }; 18 | } 19 | }, 20 | }, 21 | ], 22 | }); 23 | 24 | function addMjsExtension(content) { 25 | return content.replace( 26 | /import\s+\{\s*default\s+as\s+(default\d+)\s*\}\s+from\s+"\.\/([^"]+)"/g, 27 | `import { default as $1 } from "./$2.mjs"`, 28 | ); 29 | } 30 | --------------------------------------------------------------------------------