Change Logo
Change Logo
To change logo : src/app/layouts/full/vertical/sidebar/branding.component.ts
Put the logo image into the assets/images/logos folder.
import { Component } from '@angular/core';
import { CoreService } from 'src/app/services/core.service';
import { RouterModule } from '@angular/router';
@Component({
selector: 'app-branding',
imports: [RouterModule],
template: `
<a [routerLink]="['/']" class="logodark">
<img
src="./assets/images/logos/logo-dark.svg"
class="align-middle m-0.5 rtl:-scale-x-100"
alt="logo"
/>
</a>
<a [routerLink]="['/']" class="logolight">
<img
src="./assets/images/logos/logo-light.svg"
class="align-middle m-0.5 rtl:-scale-x-100"
alt="logo"
/>
</a>
`,
})
export class BrandingComponent {
options = this.settings.getOptions();
constructor(private settings: CoreService) {}
}