> ## 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 imagen

> Recursos de imagen, logotipos y marcas de acciones de Post para construir una experiencia de usuario consistente en X en aplicaciones y sitios web que integran Web Intents y inserciones.

Los recursos están disponibles para dar soporte a una experiencia de usuario consistente en aplicaciones que aprovechan Twitter y sitios que usan Web Intents. Se recomienda que los almacenes dentro de tu propia aplicación. Para más información sobre el uso de estas marcas, consulta nuestros Display Requirements.

## Logotipo de X

Descarga los activos actuales del logotipo de X (incluidos varios tamaños y colores) directamente desde el [brand toolkit](https://about.x.com/en/who-we-are/brand-toolkit) oficial.

## Acciones de Tweet

Una acción de Tweet representa una acción posible sobre un Tweet con un estado “on” si el usuario ya ha completado la acción.

Todas las acciones de Tweet se muestran con un relleno gris medio (#AAB8C2) en su estado predeterminado. Todas las acciones de Tweet deberían establecer una opacidad del 50% cuando la acción está siendo activada por el usuario (por ejemplo, la pseudo-clase CSS `:active`). La acción mantiene el color de relleno anterior durante su estado de pulsado/activación, cambiando al estado “on” tras activarse la acción.

Las acciones de retweet y like aparecen en estado “on” si el usuario actual ha realizado la acción. Una propiedad del [objeto Tweet](/x-api/fundamentals/data-dictionary/reference#post-tweet) `retweeted` o `favorited` con valor true comunica el estado de visualización “on” esperado.

Una acción de retweet se muestra desactivada si el usuario actual coincide con el autor del Tweet. Una acción desactivada tiene un 30% de opacidad.

## 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>
```

La opacidad del icono de reply debería ajustarse durante la activación del icono. Una acción de Tweet de tipo reply no tiene un estado “on”: una nueva respuesta siempre está disponible.

### Colores y opacidad esperados para la acción Reply de Tweet

| Predeterminado | Pulsado         |
| -------------- | --------------- |
| `#AAB8C2`      | 50% de opacidad |

## 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>
```

La opacidad del icono de retweet debería ajustarse durante la activación del icono. El icono de retweet debería aparecer en el estado “on” si la respuesta del objeto Tweet para el usuario actual tiene una propiedad `retweeted` con valor `true`. Puede existir un estado inactivo de la acción Tweet cuando el usuario actual es el mismo que el autor del Tweet.

### Colores y opacidad esperados para la acción Retweet de Tweet

| Predeterminado | Pulsado         | Inactivo        | On y Hover |
| -------------- | --------------- | --------------- | ---------- |
| `#AAB8C2`      | 50% de opacidad | 30% de opacidad | `#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>
```

La opacidad del icono de like debería ajustarse durante la activación del icono. El icono de like debería aparecer en el estado “on” si la respuesta del objeto Tweet para el usuario actual tiene una propiedad `favorited` con valor `true`.

#### Colores y opacidad esperados para la acción Like de Tweet

| Predeterminado | Pulsado         | On y Hover |
| -------------- | --------------- | ---------- |
| `#AAB8C2`      | 50% de opacidad | `#E81C4F`  |
