이로울 | 포트폴리오

Button Input Textarea Checkbox Radio Badge Select Toast Alert Modal Feedback RichTextEditor SideListMenu Pagination Calendar ApiHealthBadge TechBadge ButtonLink Icons AppSwiper

Icons

Interactive UI Explorer

아래에서 각 컴포넌트의 다양한 Variants와 States를 문서화된 형태로 테스트해볼 수 있습니다.

Icons

Standardized SVG icons as reusable components.

General Icons

Frequently used icons across the application.

Source Code

<PlusIcon className="h-5 w-5 text-sky-600" />
<ChevronLeftIcon className="h-5 w-5 text-slate-600" />
<ChevronRightIcon className="h-5 w-5 text-slate-600" />
<PencilSquareIcon className="h-5 w-5 text-violet-600" />
<TrashIcon className="h-5 w-5 text-red-600" />
<EyeIcon className="h-5 w-5 text-green-600" />
<HeartIcon className="h-5 w-5 text-blue-600" />
<InfoIcon className="h-5 w-5 text-yellow-600" />
<XIcon className="h-5 w-5 text-gray-600" />
<MenuIcon className="h-5 w-5 text-purple-600" />
<ArrowRightIcon className="h-5 w-5 text-pink-600" />
<ChevronLeftIcon className="h-5 w-5 text-teal-600" />
<ChevronRightIcon className="h-5 w-5 text-indigo-600" />

PlusIcon

SearchIcon

TrashIcon

EyeIcon

HeartIcon

InfoIcon

XIcon

MenuIcon

ArrowRightIcon

ChevronLeftIcon

ChevronRightIcon

PencilSquareIcon

Live Preview