# [Usage](../../usage.md) > [UI](basics.md) > App logo

---
![image](img/logo_1.png)

After published the configs, you can find the file `config\k-framework\ui.php` to configure the app logo.
Otherwise, you can create it.

The line:
```php
    'logo' => 'App logo',
```
with this you can either define a text as a logo, or a image:
```php
    'logo' => '<img src="/img/logo.png" alt="logo">',
```
It will be automatically displayed in each UI, and automatically resized to fit the headbar.

When the headbar is disabled (`headbar.enabled => false` in `config/k-framework/ui.php`), the logo is displayed at the top of the navbar instead.

Config key / file: `logo` in `config/k-framework/ui.php` (published by `php artisan kfw:update`). Blade example — text logo vs image logo:

```php
// config/k-framework/ui.php
'logo' => 'App logo',
// or:
'logo' => '<img src="/img/logo.png" alt="logo">',
```
```html
<x-kfw::ui>
   <!-- headbar automatically shows the configured logo -->
</x-kfw::ui>
```

See also: [basics](basics.md), [navigation](navigation.md), [theming](theming.md), [light/dark mode](dark_mode.md).