[@rxap/layout](../wiki/globals) / UserProfileIconComponent

# Class: UserProfileIconComponent

Defined in: [default-header/user-profile-icon/user-profile-icon.component.ts:27](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/user-profile-icon/user-profile-icon.component.ts#L27)

## Constructors

### new UserProfileIconComponent()

> **new UserProfileIconComponent**(): [`UserProfileIconComponent`](../wiki/Class.UserProfileIconComponent)

#### Returns

[`UserProfileIconComponent`](../wiki/Class.UserProfileIconComponent)

## Properties

### extractUsernameFromProfile

> `protected` `readonly` **extractUsernameFromProfile**: [`ExtractUsernameFromProfileFn`](../wiki/TypeAlias.ExtractUsernameFromProfileFn)

Defined in: [default-header/user-profile-icon/user-profile-icon.component.ts:29](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/user-profile-icon/user-profile-icon.component.ts#L29)

***

### profile

> `readonly` **profile**: `InputSignal`\<`unknown`\>

Defined in: [default-header/user-profile-icon/user-profile-icon.component.ts:32](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/user-profile-icon/user-profile-icon.component.ts#L32)

***

### pubSubService

> `protected` `readonly` **pubSubService**: `PubSubService`

Defined in: [default-header/user-profile-icon/user-profile-icon.component.ts:30](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/user-profile-icon/user-profile-icon.component.ts#L30)

***

### username

> `readonly` **username**: `Signal`\<`null` \| `string`\>

Defined in: [default-header/user-profile-icon/user-profile-icon.component.ts:34](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/user-profile-icon/user-profile-icon.component.ts#L34)

## Methods

### logout()

> **logout**(): `void`

Defined in: [default-header/user-profile-icon/user-profile-icon.component.ts:42](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/user-profile-icon/user-profile-icon.component.ts#L42)

#### Returns

`void`