5배포 설정에 연결된 이미지 아이콘
8주요 내비게이션 아이콘
40+기능·상태 표현용 문자 아이콘
0외부 벡터 아이콘 라이브러리 사용
요약
현재 앱의 아이콘 체계는 PNG/WebP 브랜드 자산과 운영체제 이모지 글리프의 조합이다. 실제 탭 바도 이미지나 벡터 아이콘이 아니라 텍스트 이모지를 렌더링한다. expo-symbols는 스타터 샘플 컴포넌트에만 남아 있고 앱 화면에서는 호출되지 않는다.
확인 포인트 — 이모지는 OS·브라우저별 모양이 달라 브랜드 일관성이 낮다. 반면 별도 아이콘 폰트가 없어 번들 의존성은 단순하다. 다음 디자인 개편 시에는 우선 하단 탭 7종과 헤더 2종부터 하나의 벡터 세트로 통일하는 것이 효율적이다.
1. 앱 배포·브랜드 이미지 자산
| 자산 | 크기 | 현재 용도 | 연결 위치 | 상태 |
|---|---|---|---|---|
assets/images/icon.png | 1024×1024 | 기본/iOS 앱 아이콘, 헤더 로고, 매칭·프로필·초청 화면 썸네일 | app.json, (tabs)/_layout.tsx 외 | 사용 중 |
assets/images/android-icon-background.png | 1024×1024 | Android adaptive icon 배경 | app.json | 사용 중 |
assets/images/android-icon-foreground.png | 1024×1024 | Android adaptive icon 전경, 초청 기본 썸네일 | app.json, meetups.tsx | 사용 중 |
assets/images/splash-icon.png | 1024×1024 | OS 시작 화면 중앙 이미지 | expo-splash-screen 설정 | 사용 중 |
assets/images/favicon.png | 196×196 | 웹 파비콘 | app.json → web.favicon | 사용 중 |
splash-loading.webp | 853×1844 계열 | 앱 부팅 및 업데이트 게이트 전체화면 | splash-image.tsx, update-gate.tsx | 사용 중 |
google-g.png / 내장 data URI | 144×144 | 관리자 Google 로그인 버튼 | google-button.tsx | 사용 중 |
2. 핵심 내비게이션 아이콘
| 아이콘 | 의미 | 주요 위치 | 노출 조건 |
|---|---|---|---|
| ⛳ | 홈 / 골프 | 하단 홈 탭, 온보딩 가이드, 밴드 프로필 | 전체 |
| ⭐ | 후기 / 운영자 찜 | 후기 탭, 운영자 찜 탭, 오늘의 소개 | 전체 / 운영자 |
| 💬 | 상담 / 채팅 | 운영자 상담 탭, 회원 관리, 빈 화면 안내 | 주로 운영자 |
| 🔍 · 🔎 | 회원 탐색 / 검색 | 여신 프로필 탭, 검색 입력창, 첫 실행 안내 | 전체 |
| ❤️ · 💗 · 🤍 | 찜 | 헤더 찜, 찜 화면, 상담 프로필 카드 | 회원 |
| 💞 | 매칭 / 대화 | 하단 대화 탭, 첫 실행 안내 | 회원 |
| 💌 | 초청 / 공유 | 하단 초청 탭, 공유 시트, 알림 문구 | 전체 |
| 🙂 | 내 프로필 | 우상단 헤더, 첫 실행 안내 | 전체 |
3. 기능·상태 아이콘 목록
계정·보안·사진
🔒 잠금/개인정보🔑 인증📵 연락처 비공개🙈 숨김👥 공개 범위📷·📸 사진🛟 도움⚠️ 경고🗑 삭제
결제·멤버십·운영
💰 버디/결제💎 프리미엄🤝 만남보장➕ 지급↩️ 환불🛠 운영관리📤 소개/공유📝 게시물
처리 상태·컨트롤
✅·✓ 완료/승인❌·✕ 취소/거절☑·☐ 선택⏳·🕓 대기⬆️ 업데이트📋 복사📅 달력‹ › 뒤로/이동▾ 펼침
콘텐츠·장식
👤 회원👀 방문👍 추천🙏 대기 안내🎉 승인 축하💡 도움말📄 문서📱 번호🔔 알림📢 마케팅💤 휴면🆕 신규🚩 출처🖼️ 사진없음🗂️ 정리됨
별(★/☆), 하트(♥/♡), 화살표(→), 글머리표(•)처럼 문장 장식 또는 평점 표현에 쓰인 기호도 존재하나, 독립 버튼 아이콘과는 구분했다.
4. 미사용·정리 후보
| 자산/코드 | 판정 | 근거 |
|---|---|---|
components/app-tabs.tsx, app-tabs.web.tsx | 스타터 잔재 | 다른 소스에서 import되지 않음. 여기의 home/explore 이미지 및 expo-symbols도 실제 탭과 무관. |
components/animated-icon.* | 현재 미연결 | export만 있고 호출/import가 없음. 연관된 expo-logo.png, logo-glow.webp도 이 경로에서만 참조. |
react-logo*.png, expo-badge*.png, tutorial-web.png | 샘플/개발 자산 | 제품 UI 핵심 경로와 무관하거나 미호출 컴포넌트에만 연결. |
android-icon-foreground.orig.png, .prev50.png, _orig_png_backup/, _webp_orig_backup/ | 백업 | 배포 설정이나 런타임 코드가 참조하지 않는 원본/이전본. |
이번 작업은 조사·보고만 수행했으며 자산 삭제나 앱 UI 변경은 하지 않았다.
5. 권장 정비 순서
- 하단 탭(⛳, ⭐, 💬, 🔍, 💞, 💌)과 헤더(❤️, 🙂)를 동일한 선 굵기의 SVG/아이콘 세트로 통일.
- 상태 아이콘은 승인·거절·경고·대기처럼 의미가 고정된 항목부터 공통 컴포넌트로 묶기.
- 미호출 스타터 컴포넌트와 백업 자산은 별도 브랜치에서 참조 검증 후 정리.
- Android/iOS/Web 앱 아이콘의 여백·색상·마스크 결과를 플랫폼별 스냅샷으로 회귀 점검.