Where can I find a list of icons used by Discourse?

제품 지원
1

In the sample “new like icon” repo, we see:

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('d-liked', 'thumbs-up');
      api.replaceIcon('d-unliked', 'thumbs-o-up');
      api.replaceIcon('notification.liked', 'thumbs-o-up');
      api.replaceIcon('notification.liked_2', 'thumbs-o-up');
      api.replaceIcon('notification.liked_many', 'thumbs-o-up');
      api.replaceIcon('heart', 'thumbs-up');
</script>

I don’t know that I’d have guessed to replace notification.liked_many_2

Where could we see a list of all the icons in use by discourse?

2

This should be what you are looking for:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse-common/addon/lib/icon-library.js

3

I was trying to replace an icon over in this topic: https://meta.discourse.org/t/how-to-replace-an-icon-using-css/78714/5?u=watchmanmonitor

The icon in question was .d-icon-lock, but I don’t see it in the list above. Where would I find the icon, so I know what to target in the api.replaceIcon above?

4

In this case you would just use the FA icon name:

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('lock', 'times-circle');
</script>
5

I see. I guess I was asking for a list of all icons.. perhaps searching the source for {d-icon ' is what I’m looking for.

6

저도 같은 질문을 가지고 있으며, 위의 링크는 작동하지 않습니다. 해당 주제에 대해 검색하고 많은 부분을 훑어보았습니다: Introducing Font Awesome 5 and SVG icons
하지만 역시 아이콘이 코어 세트에 포함되어 있는지 여부를 알려주는 목록을 찾을 수 없습니다. 포럼에서 관련 검색 결과도 다른 것을 찾을 수 없었습니다.

7

Discourse는 무료 Font Awesome 아이콘을 사용합니다. 사용할 수 있는 모든 아이콘은 여기에서 찾을 수 있습니다. 사이트 설정의 svg icon subset에 일부 아이콘을 추가해야 할 수 있습니다. URL에 /styleguide/atoms/icons를 추가하면 사이트에 어떤 아이콘이 있는지 확인할 수 있습니다. 이 페이지가 표시되지 않으면 사이트 설정에서 styleguide enabled가 활성화되어 있는지 확인하세요.

프로 아이콘에 액세스하려면 Discourse FontAwesome Pro 플러그인을 설치해야 합니다.

8

https://meta.discourse.org/styleguide/atoms/icons

이 포럼에도 이 기능이 있습니다. 플러그인을 활성화해야 할 수 있습니다.

9

@ondrej님과 @pfaffman님 감사합니다! Font Awesome의 사용법은 알고 있었고, 새로운 아이콘을 일부 추가해야 할 수도 있다는 걸 알았기 때문에 어떤 것들이 포함되어 있는지 확인하고 싶었습니다. Meta와 Styleguide 플러그인 링크가 모두 매우 도움이 되었습니다. 여전히 일부(이상하게도 모든 경우가 아닌) 경우에 새로운 아이콘을 추가하는 방법을 파악하는 데 조금 어려움을 겪고 있지만, 그 부분은 별도의 주제/답변으로 다룰 예정입니다. :wink: