> ## Documentation Index
> Fetch the complete documentation index at: https://docs.x.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Recursos de imagem

> Recursos de imagem, logos e marcas de ação de Post para construir uma experiência de usuário consistente no X em apps e sites que integram Web Intents e embeds.

Os recursos estão disponíveis para dar suporte a uma experiência de usuário consistente em aplicações que utilizam o Twitter e sites que usam Web Intents. Recomenda-se que você armazene esses recursos dentro de sua própria aplicação. Para mais informações sobre o uso dessas marcas, consulte nossos Display Requirements.

## Logo do X

Baixe os assets atuais do logo do X (incluindo vários tamanhos e cores) diretamente do [brand toolkit oficial](https://about.x.com/en/who-we-are/brand-toolkit).

## Tweet Actions

Uma Tweet action representa uma possível ação em um Tweet com um estado "ativo" se o visualizador já concluiu a ação.

Todas as Tweet actions são exibidas com um preenchimento cinza médio (#AAB8C2) em seu estado padrão. Todas as Tweet actions devem definir 50% de opacidade quando a ação está sendo ativada pelo visualizador (por exemplo, pseudo CSS `:active`). A ação mantém a cor de preenchimento anterior durante seu estado pressionado / de ativação, mudando para o estado "ativo" depois que a ação é ativada.

Ações de retweet e like aparecem em um estado "ativo" se o visualizador atual executou a ação. Uma propriedade `retweeted` ou `favorited` do [objeto Tweet](/x-api/fundamentals/data-dictionary/reference#post-tweet) definida como true comunica o estado de exibição "ativo" esperado.

Uma retweet action é desativada se o visualizador atual for o autor do Tweet. Uma ação desativada tem 30% de opacidade.

## Reply

```xml theme={null}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 72">
  <path d="M41 31h-9V19c0-1.14-.647-2.183-1.668-2.688-1.022-.507-2.243-.39-3.15.302l-21 16C5.438 33.18 5 34.064 5 35s.437 1.82 1.182 2.387l21 16c.533.405 1.174.613 1.82.613.453 0 .908-.103 1.33-.312C31.354 53.183 32 52.14 32 51V39h9c5.514 0 10 4.486 10 10 0 2.21 1.79 4 4 4s4-1.79 4-4c0-9.925-8.075-18-18-18z"/>
</svg>
```

A opacidade do ícone reply deve ser ajustada durante a ativação do ícone. Uma reply Tweet action não tem um estado "ativo": uma nova resposta está sempre disponível.

### Cores e opacidade esperadas da Reply Tweet action

| Padrão    | Pressionado      |
| --------- | ---------------- |
| `#AAB8C2` | 50% de opacidade |

## Retweet

```xml theme={null}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 72">
  <path d="M70.676 36.644C70.166 35.636 69.13 35 68 35h-7V19c0-2.21-1.79-4-4-4H34c-2.21 0-4 1.79-4 4s1.79 4 4 4h18c.552 0 .998.446 1 .998V35h-7c-1.13 0-2.165.636-2.676 1.644-.51 1.01-.412 2.22.257 3.13l11 15C55.148 55.545 56.046 56 57 56s1.855-.455 2.42-1.226l11-15c.668-.912.767-2.122.256-3.13zM40 48H22c-.54 0-.97-.427-.992-.96L21 36h7c1.13 0 2.166-.636 2.677-1.644.51-1.01.412-2.22-.257-3.13l-11-15C18.854 15.455 17.956 15 17 15s-1.854.455-2.42 1.226l-11 15c-.667.912-.767 2.122-.255 3.13C3.835 35.365 4.87 36 6 36h7l.012 16.003c.002 2.208 1.792 3.997 4 3.997h22.99c2.208 0 4-1.79 4-4s-1.792-4-4-4z"/>
</svg>
```

A opacidade do ícone retweet deve ser ajustada durante a ativação do ícone. O ícone retweet deve aparecer no estado "ativo" se a resposta do objeto Tweet para o visualizador atual tiver a propriedade `retweeted` definida como `true`. Um estado inativo da Tweet action pode existir quando o visualizador atual for o mesmo que o autor do Tweet.

### Cores e opacidade esperadas da Retweet Tweet action

| Padrão    | Pressionado      | Inativo          | Ativo e Hover |
| --------- | ---------------- | ---------------- | ------------- |
| `#AAB8C2` | 50% de opacidade | 30% de opacidade | `#19CF86`     |

## Like

```xml theme={null}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 72">
  <path d="M38.723,12c-7.187,0-11.16,7.306-11.723,8.131C26.437,19.306,22.504,12,15.277,12C8.791,12,3.533,18.163,3.533,24.647 C3.533,39.964,21.891,55.907,27,56c5.109-0.093,23.467-16.036,23.467-31.353C50.467,18.163,45.209,12,38.723,12z"/>
</svg>
```

A opacidade do ícone like deve ser ajustada durante a ativação do ícone. O ícone like deve aparecer no estado "ativo" se a resposta do objeto Tweet para o visualizador atual tiver a propriedade `favorited` definida como `true`.

#### Cores e opacidade esperadas da Like Tweet action

| Padrão    | Pressionado      | Ativo e Hover |
| --------- | ---------------- | ------------- |
| `#AAB8C2` | 50% de opacidade | `#E81C4F`     |