# Mude o ícone de curtir para 👍

**URL:** https://meta.discourse.org/t/change-the-like-icon-to/87748
**Category:** Theme component
**Tags:** official, change-like-icon
**Created:** [17 Maio , 2018 15:16 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748 "2018-05-17T15:16:58Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [17 Maio , 2018 15:16 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748/1 "2018-05-17T15:16:58Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Resumo** | **Alterar o ícone de curtida para 👍** permite que você altere o ícone ❤ para o ícone 👍 — ou qualquer outro [glifo do Font Awesome 5.5](https://fontawesome.com/icons?d=gallery) que preferir. |
| 👓 | **Visualização** | [Visualização no Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/change-like-icon) |
| 🛠 | **Link do Repositório** | [https://github.com/discourse/new-like-icon](https://github.com/discourse/new-like-icon) |
| 📖 | **Novo nos Temas do Discourse?** | [Guia para iniciantes sobre como usar Temas do Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Instale este componente de tema

> [@](#):
>
> :discourse2: Como este é um componente de tema #oficial mantido pela equipe do Discourse, #suporte, #Contribute > Bug, #Contribute > UX e solicitações de #Contribute > Feature podem ser feitas nas respectivas categorias aqui no Meta, e marcadas com a tag apropriada do componente de tema. Clique em um dos links abaixo para iniciar uma discussão. 👍
> 
> [❓&nbsp; **Suporte**](https://meta.discourse.org/new-topic?category_id=6&tags=change-like-icon "Peça suporte sobre a configuração e o uso de Alterar o ícone de curtida") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=change-like-icon "Um relatório de bug significa que algo está quebrado, impedindo o uso normal/típico do componente de tema") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=change-like-icon "Discussão sobre a interface do usuário de Alterar o ícone de curtida e como os recursos são apresentados (incluindo linguagem e elementos da interface)") [💡&nbsp; **Recurso**](https://meta.discourse.org/new-topic?category_id=2&tags=change-like-icon "Discussão sobre como os recursos existentes de Alterar o ícone de curtida podem ser melhorados ou aprimorados, e como os novos recursos propostos poderiam funcionar")

### Recursos

> ℹ Desde [que mudamos para o Font Awesome 5](https://meta.discourse.org/t/introducing-font-awesome-5-and-svg-icons/101643), construímos uma API interna que fornece um subconjunto de todos os ícones do FA aos clientes — apenas aqueles ícones ativamente usados pelo Discourse. Os proprietários do site podem usar a configuração do site `svg icon subset` para registrar ícones adicionais para sua instância do Discourse.

### Antes

![like%20before](https://global.discourse-cdn.com/meta/original/3X/3/c/3c571eb2163c576f8cc7d635a910f5d2af8d87cd.png)  
 ![like%20before2](https://global.discourse-cdn.com/meta/original/3X/8/d/8d7fb1bf1dabfc9ddb44deaebb58eb1e879f3457.png)

### Depois

![like](https://global.discourse-cdn.com/meta/original/3X/2/e/2e67f31f3641f6fe59e4667d4adcabdec5892db5.png)  
 ![like%20after](https://global.discourse-cdn.com/meta/original/3X/7/f/7f41c1461ad5db2fa3d11a94d10b9b3eb5eb4321.png)

Se desejar,

- você pode alterar a **cor** do ícone de curtida em `/admin/customize/colors/` (procure pela configuração de cor de amor)
- você pode alterar o **texto** de “curtir” para um termo diferente em `/admin/customize/site_texts/`

  

> :discourse2: **Hospedado por nós?** Os componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

---

<div class="post-metadata">

### Author: ![Phlipups](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/phlipups/32/210729_2.png) [@Phlipups](https://meta.discourse.org/u/Phlipups)
#### Post date: [22 Fevereiro , 2021 23:16 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748/42 "2021-02-22T23:16:52Z")

</div>

Oi,  
Desculpe trazer esse tópico de novo, mas estou totalmente confuso. Acabei de encontrar isso ao ver outro fórum do Discourse usando um polegar para cima, então fiz uma busca no Google.  
O que gostaria de fazer é, em vez de usar o polegar para cima, usar o ícone de porquinho daqui — [Pig Icon | Font Awesome](https://fontawesome.com/icons/pig?style=solid) — com a versão em contorno sendo o ícone de “não curtir”. Isso é possível? Como é um ícone Pro, eu teria que baixá-lo ou criar o meu próprio e adicioná-lo como um ícone ou emoji personalizado para, em seguida, aplicá-lo ao componente do ícone de Curtir? Também não tenho certeza de como fazer isso.  
Tenho o componente “Change Like Icon” instalado e o testei em um tema não utilizado, e ele funciona conforme o esperado. O problema é que não vejo nenhuma área nas configurações desse componente para mexer com CSS, então não há onde adicionar o script mencionado mais cedo neste tópico.  
Qualquer ajuda será muito apreciada, obrigado.

---

<div class="post-metadata">

### Author: ![Tris20](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tris20/32/264639_2.png) [@Tris20](https://meta.discourse.org/u/Tris20)
#### Post date: [19 Agosto , 2021 16:09 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748/43 "2021-08-19T16:09:40Z")

</div>

Assim como @Phlipups, estou tentando mudar o ícone simplesmente para o ícone sólido de cerveja, mas recebo uma tela em branco.

```html

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

```

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [19 Agosto , 2021 16:34 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748/44 "2021-08-19T16:34:41Z")

</div>

Oi Tris,

Tente adicionar `beer` à configuração do site **svg icon subset** em `admin/site_settings/category/all_results?filter=svg%20icon%20subset`.  
E acho que usar apenas `beer` em vez de `fa-beer` é suficiente. O ícone de cerveja não possui apenas uma versão com borda na versão gratuita, então apenas a cor mudará após o clique.

---

<div class="post-metadata">

### Author: ![Tris20](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tris20/32/264639_2.png) [@Tris20](https://meta.discourse.org/u/Tris20)
#### Post date: [19 Agosto , 2021 16:53 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748/45 "2021-08-19T16:53:49Z")

</div>

🤩

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/7/f7e66e5c93afa7833dda1056e7fb43b73ae87ced.png)

Brilhante, Don! Obrigado pela ajuda!

---

<div class="post-metadata">

### Author: ![mangojumbo](https://avatars.discourse-cdn.com/v4/letter/m/cab0a1/32.png) [@mangojumbo](https://meta.discourse.org/u/mangojumbo)
#### Post date: [9 Setembro , 2021 15:07 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748/46 "2021-09-09T15:07:32Z")

</div>

Olá pessoal, instalei este componente e, embora ele funcione muito bem e substitua com sucesso o ícone de coração na lista de posts, as notificações por e-mail que meus usuários recebem ainda mostram o ícone de coração antigo.  
Estou esquecendo de algo? Preciso modificar também o modelo de e-mail?  
Obrigado por desenvolver este ótimo componente

 ![heart](https://global.discourse-cdn.com/meta/original/3X/3/8/38f418ebc093f8bd5c084ac17664c29f87e6dfa4.jpeg)

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [27 Fevereiro , 2024 11:50 UTC](https://meta.discourse.org/t/change-the-like-icon-to/87748/48 "2024-02-27T11:50:39Z")

</div>

Acabei de enviar um PR para tornar o repositório um pouco mais claro (depois de não conseguir identificar o TC na minha instância):

> <https://github.com/discourse/new-like-icon/pull/12>
>
> Brings this TC into line with other official Discourse TCs

Eu me pergunto se o link do repositório também deveria ser alterado de `new-like-icon` para algo mais claro. Claro, isso causaria caos, então talvez não!
