# Logo

Logo is a simplified version of the image component. There is no fitting, mask, filter & overlay properties.

#### Available properties:

| Property                                                                                                                                                                                                   | Description                                                                                                                                                                                                                                                                                                             |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **image\_url**                                                                                                                                                                                             | <p>String: <strong>HTTP(s) URL of your image</strong>. i.e: <em><code><https://www.abyssale.com/imge/abyssale_logo.png></code></em><br><br><em>It must be a public accessible link and be 10 mo maximum.</em><br>Supported files: <strong>jpeg</strong>, <strong>png</strong>, <strong>svg, webp, gif</strong>.<br></p> |
| **image\_encoded**                                                                                                                                                                                         | <p>String: <strong>Base64 encoded image as value.</strong></p><p></p><p>i.e.: /<code>9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQE...</code></p><p></p><p><em>If the <code>image\_url</code> is given, this property will be ignored.</em></p>                                                                                 |
| **`alignment`**                                                                                                                                                                                            | [Go to Alignment documentation](#alignment)                                                                                                                                                                                                                                                                             |
| <p><strong><code>shadow\_color</code></strong><br><strong><code>shadow\_blur</code></strong><br><strong><code>shadow\_offset\_x</code></strong><br><strong><code>shadow\_offset\_y</code></strong><br></p> | [Go to Shadow documentation](https://developers.abyssale.com/rest-api/generation/element-properties/..#shadow)                                                                                                                                                                                                          |

#### Example <a href="#fitting-type" id="fitting-type"></a>

| <p><code>"image\_url": "<https://local-banners.s3-eu-west-1.amazonaws.com/templates/e0d292f2-ec21-11e9-a539-3c408bf94155/db3601c4-343a-4744-86cd-516d450b731b/assets/af3cb08b-9b56-41f1-a44e-bc837acacca7.svg>",</code><br><code>"alignment": "top left"</code></p> | ![](https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2F42tPs8X7Ux0VTssHugto%2Flogo-1c168d64.jpeg?alt=media\&token=4bdc76bb-9f5b-4e5a-b2e8-db41a2bc8236) |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

\
\ <br>