이 글의 성격은 무엇인가요?
질문 / 문제 해결
내용을 설명해주세요
공식 문서에는 제작 가이드
만 있고, 7000개 아이콘을 어디서 제공하는지가 안보이네요.. 혹시 아시는 분 계실까요?
import { Icon } from ‘@toss/tds-react-native’;
이걸 말씀하시는걸까요?
오 그렇게 가져올 수 있군요..!?
혹시 아이콘들 미리볼 수 있는 방법이 따로 있나요?
예를들어 이 아이콘은 이 명칭이니 코드상에서 이렇게 쓰면 된다 등..
저도 아이콘 관련 가이드 찾아봤는데 눈꼽만큼도 없더라구요.
클로드 검색해서 하다보니 10몇개 정도 검색하더라구요.
icn-arrow-rightwards - 오른쪽 화살표
-
icn-attention-color- 주의/경고 (컬러) -
icn-bank-toss- 토스뱅크 -
icn-delete- 삭제 -
icn-stepper-minus-line- 스테퍼 마이너스 -
icn-stepper-plus-line- 스테퍼 플러스 -
icon-appsintoss-close-mono- 앱인토스 닫기 (모노) -
icon-arrow-down-mono- 아래 화살표 (모노) -
icon-arrow-left-small- 작은 왼쪽 화살표 -
icon-arrow-right-mono- 오른쪽 화살표 (모노) -
icon-arrow-right-small-mono- 작은 오른쪽 화살표 (모노) -
icon-arrow-up-sidebar-mono- 사이드바 위 화살표 (모노) -
icon-dots-mono- 점 메뉴 (모노) -
icon-home-mono- 홈 (모노) -
icon-info-circle- 정보 원형 -
icon-plus- 플러스 -
icon-question-gray-fill- 물음표 회색 채움 -
icon-search-mono- 검색 (모노) -
icon-share-dots-mono- 공유 점 (모노) -
icon-star-mono- 별 (모노) -
icon-x-circle-mono- X 원형 (모노)
import { Icon } from ‘@toss/tds-react-native’;
<Icon name="icon-trophy-mono" size={24} color="#8B95A1" />
이런 식으로 사용했습니다.
아래 링크 참고하시면 될거 같고 기존 이모지 값을 이용해서 하는건가봐요
감사합니다! 저도 제가 만든 MCP사용해서 아무리 뒤져봐도 7000개 이름 목록 알려주는건 없다고 하네요.
제가봤을땐 앱빌더(Deus)에서만 7000개 목록 지원하는 것 같습니다.
이 내용 MCP에 업데이트한 다음에 알려드릴게요! MCP로 목록 다 볼수있게 업데이트해두겠습니다 
1개의 좋아요
아이콘 관련하여 업데이트했습니다! 7000개가 아니라 9천개가 넘더라고요 ㄷㄷ..
주소 혹은 코드에 적용할 수 있게 정보가 제공됩니다!
1개의 좋아요