Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Antonella's avatar

change logo jet stream

I would like to change logos in login and dashboard

do you know how i can replace the jetstream logo?

for example in views/auth/login found:

<x-slot name="logo">
        <x-jet-authentication-card-logo />
    </x-slot>

if I remove / replace:

x-jet-authentication-card-logo.....

line of code that takes the logo, but where to get it exactly, or how could I make a similar line of code that goes to take my logo?

0 likes
15 replies
automica's avatar

@gianmarx the blade files for those lives in

  • resources/views/vendor/jetstream/components/application-logo.blade.php
  • resources/views/vendor/jetstream/components/authentication-card-logo.blade.php
  • resources/views/vendor/jetstream/components/application-mark.blade.php

you should run the following

php artisan vendor:publish --tag=jetstream-views

to publish assets to your resources/views directory. You can then edit and either swap out the svg for another svg or add an image if you want to do that instead.

see https://jetstream.laravel.com/1.x/installation.html#application-logo

4 likes
cbcw's avatar

or add an image if you want to do that instead.

The instructions to do this are not shown at that source... Any thoughts?

jlrdw's avatar

After you run:

php artisan vendor:publish --tag=jetstream-views

Just use whatever image you want. That's why you publish to the resource folder.

1 like
cbcw's avatar

Maybe this is easy for you, so you can't imagine having to explain further, but if you could that would be helpful to any novices looking for answers, like myself.

Jetstream\Livewire has added multiple levels of depth and complication. Nothing is obvious.

I may be mistaken, but it looks like it can be manually changed in "navigation-dropdown.blade.php", but it seems like there is a more "laravel/blade" way to change it, so it's site wide. Maybe not though.

jlrdw's avatar

Open resources/views/vendor/jetstream/components/application-logo.blade.php

Replace with your image, of course style as needed meaning position, size, etc.

cbcw's avatar
cbcw
5 years ago
Best Answer
Level 2

I see. So there is no need to change...

<x-jet-application-mark class="block h-9 w-auto" />

But there are three places to change the logo... which seems odd to me, but if it works, it works.

  • application-logo.blade.php
  • authentication-card-logo.blade.php
  • application-mark.blade.php

It seems Jetstream has pulled everything apart into tiny pieces to be put back together again. It's strange and I don't understand it, but I hope to. Thanks for the extra bit of help!

2 likes
jlrdw's avatar

Remember you can change over to bootstrap you're not required to use any of this stuff. I myself use bootstrap.

I just use Jetstream to scaffold the new Authentication.

I currently use Fetch js, bootstrap, and quite a bit of custom CSS.

Snapey's avatar

just add your own html. No-one has taken that away from you, eg

<x-slot name="logo">
        <img src="{{ asset('mylogo.png') }}" />
    </x-slot>
6 likes
hatemben's avatar

This is not the right way of doing things, as soon as you update the package all your changes are gone. you need to make your changes on a copy, or make change possible from config.

automica's avatar

@hatemben no one is suggesting editing a vendor package.

If you publish assets your will copy components from vendor into your own resources directory

resources/views/vendor/jetstream/components/

This doesn’t get overridden if you update composer

3 likes
aiMeta's avatar

Hi -- many variations of advice and tips -- and running through each one has been an experience. :) I have set my logo globally so it has changed on login, register and dashboard yet on dashboard the text beneath I just cant seem to place properly below the image?

`

{{ __('Khula Tecknow') }}

    </h2>
</x-slot>`

The text is sitting slight off to the left?

Please or to participate in this conversation.