ICONS

아이콘 245종

소스: bucketplace/design-assets · 카탈로그: Storybook · production import: @bucketplace/icons. 아래는 카테고리 인덱스와 자주 쓰는 22개 미러입니다.

총 아이콘245개 × 4 weight = 980 SVG

viewBox0 0 480 480 통일

FillcurrentColor (CSS color로 컨트롤)

Render modemonochrome only

네이밍kebab-case (예: chevron-left, magnifying-glass)

파일 경로icons/<kebab>/svgs/<kebab>_<weight>_monochrome.svg

React 컴포넌트Icon<PascalCase> (예: IconChevronLeft)

자주 쓰는 22개 미리보기

시각 미리보기

자주 쓰는 22개 아이콘 미리보기 — regular weight 기준. 그 외는 @bucketplace/icons 패키지 직접 import.

chevron-left

chevron-right

cart

arrow-up-from-bracket

heart

heart-filled

bookmark

bookmark-filled

star

star-filled

house

house-filled

person

magnifying-glass

bell

bubble

x-circle

check

exclamation-triangle

plus

ellipsis

funnel

Weight 가이드

UI 디폴트는 regular. 한 화면 안에서 weight 혼용 금지(시각 노이즈).

regular

UI 기본 (헤더 IconButton, 인라인)

medium

약한 강조

semibold

강조

bold

최대 강조 (filled 페어 우선)

Outlined ↔ Filled 페어

선택/활성 상태 토글 시 outlined → filled 페어로 표현.

→

heart · 좋아요 토글

→

bookmark · 스크랩

→

star · 즐겨찾기·평점

→

house · BottomNav 활성

카테고리 12종

245 icons total

전체 245 아이콘은 12 카테고리로 분류됩니다. 검색은 Storybook 카탈로그 사용.

navigation ~30

chevron-left/right/up/down, arrow-up/down/left/right, arrow-up-from-bracket (share)

commerce ~17

cart, plus-cart, tag, truck, won-sign, credit-card, store, ticket

engagement ~14

heart, bookmark, star, gift, award, crown, sparkles

communication ~14

bubble, bubble-left, envelope, bell, phone, bullhorn

control ~17

check, x, plus, minus, circle-filled, checkbox-checked

search/filter ~6

magnifying-glass, funnel, slider-horizontal, scope

media ~18

camera, photo, play, pause, video, speaker-wave-2

interior ~14

house, place-house, paint-palette, cube, wallpaper, floor-plank

people ~14

person, person-2, face-smiling-safety-helmet, figure-stand, hand-thumbs-up

status ~17

info-circle, exclamation-triangle, clock, calendar, spinner-arc, fire

layout/system ~14

gear, ellipsis, line-3-horizontal, list-bullet, square-grid-2x2-filled

security/location ~10

lock, shield, eye, pin, location-pin-dot