@nextunicorn/icons

nu-icons ver. 0.1.13

넥스트유니콘 아이콘 패키지

기본적으로 파스칼 케이스로 정의되었습니다.

- 예) IconAlert

아이콘 설명

default : 20

Notice

• 기존 아이콘 사용시, size props 에 아무 값도 넣지 않는다면 자체 default size를 반환하였습니다.
• 해당 동작은 개발자가 예상하기 힘드므로 0.1.xx버전 이후부터는 아이콘 size가 20이 없을 경우 타입에러를 반환합니다.
• 가능한 사용하고자 하는 아이콘의 사이즈를 프롭에 주입해주세요.

1.Brand New Icons

이전버전에는 없었던 새로운 아이콘

색상 변경 가능

• IconConnect.tsx / size: 24

색상 변경 불가능

2. 기존유지되는 것

색상 변경 가능

• IconAlert.tsx / size: 24
• IconAlertFilled.tsx / size: 20
• IconAngels.tsx / size: 24
• IconApply.tsx / size: 24
• IconAppstore.tsx / size: 24
• IconArrNext.tsx / size: 20, 24
• IconArrNextCircle.tsx / size: 24
• IconArrPrev.tsx / size: 20, 24
• IconAttachment.tsx / size: 20, 24
• IconAward.tsx / size: 24
• IconBlog.tsx / size: 32
• IconBookmarkCircle.tsx / size: 24
• IconBookmarkDeselected.tsx / size: 20, 24
• IconBookmarkSelected.tsx / size: 20, 24
• IconBuyticket.tsx / size: 24
• IconCalendar.tsx / size: 20, 24
• IconChart.tsx / size: 20, 24
• IconChatOff.tsx / size: 24
• IconCheckDeselected.tsx / size: 16, 20, 24
• IconCheckSelected.tsx / size: 16, 20, 24
• IconClock.tsx / size: 20
• IconClose.tsx / size: 16, 20, 24, 40
• IconCloseFilled.tsx / size: 16, 20, 24
• IconCoin.tsx / size: 24
• IconCollapse.tsx / size: 20, 24
• IconCompany.tsx / size: 20, 24
• IconCongratuation.tsx / size: 20
• IconDash.tsx / size: 16
• IconDown.tsx / size: 16
• IconDownload.tsx / size: 16, 20, 24
• IconEdit.tsx / size: 20, 24
• IconEvent.tsx / size: 24
• IconEye.tsx / size: 20
• IconFacebook.tsx / size: 32, 40
• IconFast.tsx / size: 16, 20, 32
• IconFile.tsx / size: 24, 32, 40
• IconFileEnlarger.tsx / size: 24
• IconFileImg.tsx / size: 32, 40
• IconFileIr.tsx / size: 32, 40
• IconFileView.tsx / size: 24
• IconFilter.tsx / size: 24
• IconFlowDown.tsx / size: 16
• IconFlowUp.tsx / size: 16
• IconFold.tsx / size: 20, 24
• IconFolder.tsx / size: 20, 24
• IconFolderDefaultFill.tsx / size: 24
• IconFolderFilled.tsx / size: 32
• IconFolderOpen.tsx / size: 20, 24
• IconGhost.tsx / size: 24
• IconGooglestore.tsx / size: 24
• IconGraph.tsx / size: 20
• IconHeartCircle.tsx / size: 24
• IconHeartDeselected.tsx / size: 20, 24
• IconHeartSelected.tsx / size: 20, 24
• IconHome.tsx / size: 20, 24
• IconInfo.tsx / size: 20
• IconInsight.tsx / size: 24
• IconInsightFilled.tsx / size: 24
• IconInstagram.tsx / size: 32
• IconJob.tsx / size: 20
• IconJudge.tsx / size: 24
• IconKakao.tsx / size: 32, 40
• IconLarger.tsx / size: 24
• IconLink.tsx / size: 20
• IconLock.tsx / size: 20
• IconLogout.tsx / size: 20, 24
• IconMail.tsx / size: 20
• IconManagerAdd.tsx / size: 20, 24
• IconMegaphone.tsx / size: 20, 24
• IconMenu.tsx / size: 24
• IconMyInvestor.tsx / size: 24
• IconMyTicket.tsx / size: 20, 24
• IconNotification.tsx / size: 20, 24
• IconPartnership.tsx / size: 24
• IconPartnershipFilled.tsx / size: 24
• IconPayment.tsx / size: 24
• IconPlus.tsx / size: 20
• IconPost.tsx / size: 32
• IconQnA.tsx / size: 24
• IconQuestion.tsx / size: 20
• IconRank.tsx / size: 20
• IconReceived.tsx / size: 24
• IconRefresh.tsx / size: 16
• IconReplay.tsx / size: 16, 20, 24
• IconRequested.tsx / size: 24
• IconSearch.tsx / size: 20, 24, 32, 40
• IconSend.tsx / size: 24
• IconSendFilled.tsx / size: 24
• IconService.tsx / size: 24
• IconSetting.tsx / size: 24
• IconShare.tsx / size: 20, 24
• IconShareFilled.tsx / size: 32
• IconShowcase.tsx / size: 24
• IconSite.tsx / size: 24
• IconSort.tsx / size: 16
• IconSpread.tsx / size: 16, 20, 24
• IconStack.tsx / size: 20, 24
• IconSupport.tsx / size: 24
• IconTrash.tsx / size: 20, 24
• IconTwitter.tsx / size: 32
• IconUnicorn.tsx / size: 24
• IconUnicorncard.tsx / size: 24
• IconUnicornlive.tsx / size: 24
• IconUnlock.tsx / size: 20
• IconUp.tsx / size: 16
• IconUrl.tsx / size: 32, 40
• IconUser.tsx / size: 20
• IconView.tsx / size: 24
• IconViewCircle.tsx / size: 24
• IconVote.tsx / size: 20, 24
• IconWaiting.tsx / size: 20
• IconYoutube.tsx / size: 32
• IconIrDeck.tsx / size: 24
• IconCirclePlus.tsx / size: 20

색상 변경 불가능

• IconAsc.tsx / size: 16
• IconChatOn.tsx / size: 24
• IconDesc.tsx / size: 16
• IconNotificationAlert.tsx / size: 24
• IconNuUser.tsx / size: 24

3.대소문자 변경된 사항

Before

IconAppStore.tsx IconASC.tsx IconFileIR.tsx IconUnicornCard.tsx IconUnicornLive.tsx

->

Now

IconAppstore.tsx IconAsc.tsx IconFileIr.tsx IconUnicorncard.tsx IconUnicornlive.tsx

4. 피그마 아이콘 리스트에 없는 자원

곧 지워질 수 도 있는 아이콘

- IconChat.tsx - IconCircleArrNext.tsx - IconCompanyProfile.tsx - IconCongratulation.tsx - IconFileDoc.tsx - IconFileNu.tsx - IconFolderDefault.tsx - IconFolderFill.tsx - IconGraphicDoBookmark.tsx - IconGraphicNoResult.tsx - IconHRSearch.tsx - IconIntroduce.tsx - IconNew.tsx - IconNews.tsx - IconNewsColor.tsx - IconNextunicorn.tsx - IconOnlineIR.tsx - IconSendDisabled.tsx - IconSendEnabled.tsx - IconSpreadNavigation.tsx - IconUnicornBox.tsx - IconWritePR.tsx