Discourse Lucide 아이콘

:information_source: 요약 Font Awesome의 기본 실체 아이콘을 이 오픈소스 스트로크 아이콘 세트로 교체합니다
:eyeglasses: 미리보기 Meta Branded 테마에서 Meta 사이트에서 사용 중입니다
:hammer_and_wrench: 저장소 github.com/discourse/discourse-lucide-icons
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: Discourse 테마를 처음 사용하시나요? Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

기본 Font Awesome 아이콘을 Lucide로 교체하여 Discourse 포럼에 새로운 아이콘 시스템을 도입해 보세요. Lucide는 현대적이고, 오픈소스이며, 일관되고 가벼운 스트로크 아이콘 세트입니다.


왜 Lucide인가요?

Discourse에는 범용 아이콘 라이브러리인 Font Awesome가 기본으로 포함되어 있습니다. 그러나 Font Awesome의 무료 티어에는 스트로크 스타일 아이콘 선택지가 제한적이라 일관된 스트로크 아이콘 시스템을 구축하기에 충분하지 않습니다. Lucide는 이 공백을 메워 줍니다. Feather Icons의 커뮤니티 관리 포크 버전으로, 모든 크기에 아름답게 작동하는 깔끔한 SVG 아이콘 라이브러리가 꾸준히 확장되고 있습니다.

이 컴포넌트는 meta.discourse.org의 Meta Branded 테마의 일부로 사용되고 있습니다.


설정


전체 아이콘 라이브러리 미리보기

이 컴포넌트는 모든 기본 Font Awesome 아이콘을 매핑하려는 제한된 아이콘 세트를 추가합니다.

Lucide에는 훨씬 더 많은 아이콘이 있습니다. 테마에 추가 아이콘을 포함하려면 테마에서 Discourse의 기본 SVG 아이콘을 사용자 정의 아이콘으로 교체하기를 참고하세요.


참고 및 알려진 한계

  • 모든 Font Awesome 아이콘에 직접 대응하는 Lucide 아이콘이 있는 것은 아닙니다. 일부 경우(예: 사각형 및 원 아이콘의 채워진 변형)에서는 컴포넌트가 의도적으로 Font Awesome 버전을 유지합니다.
  • 아이콘 매핑은 적극적으로 개선되고 있습니다. 특정 아이콘에 대한 피드백을 환영합니다!
21개의 좋아요

이걸 볼 수 있어서 정말 기쁩니다!

Quote Callout TC를 만들 때 우연히 발견하게 되었는데, 가벼운 스트로크(그리고 변형)가 정말 큰 차이를 만듭니다. 이제 가능할 때마다 거의 항상 사용하고 있어요!

2개의 좋아요

귀여우네, 테스트 중이야 :smiley:

1개의 좋아요

답장 중인 게시물로 이동하는 버튼의 아이콘은 ‘공유’ 버튼처럼 보인데, 이는 적절하지 않아 보입니다.

여기서도 피드백의 일부를 추가로 게시했습니다: Rebuilding the Meta Branded theme: New icons, a custom homepage, and a first look at the Blocks API - #12 by NateDhaliwal.

3개의 좋아요

Icons – Lucide calendar-heart 아이콘이 Discourse에서 표시되지 않습니다. 서브넷 SVG 아이콘에 추가했습니다.

해당 기능이 Font Awesome 6 전용이라고 생각합니다.

사이트에 더 많은 Lucide 아이콘을 추가하려면 다음 작업을 수행해야 한다고 생각합니다:

2개의 좋아요

부스트에 답글을 달기가 꽤 어렵네요!

아직 6버전을 사용 중인 것 같습니다.

1개의 좋아요

https://github.com/discourse/discourse/commit/5228729e5f6806b235b50034a739b559baa51192

와! meta.discourse.org에 제대로 문서화되어 있지 않은 것 같네요, 그렇죠? 검색으로 아무것도 찾을 수 없었고, ask.discourse.org에서도 마찬가지였어요!!!


편집 이력 하단의 아이콘이 매우 혼란스럽습니다. "이전 버전으로 이동"을 의미하는 왼쪽 아이콘이 오른쪽에 거울처럼 반전되어 "최신 버전으로 이동"을 의미합니다. "뒤로"와 “앞으로” 모두 동일한 방식으로 사용할 수 있도록 아이콘을 매칭된 쌍으로 디자인할 수는 없나요?

5개의 좋아요