> For the complete documentation index, see [llms.txt](https://docs.devolutions.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devolutions.net/powershell-universal/de/apps/components/data-display/icon.md).

# Icon

[FontAwesome ](https://fontawesome.com/?from=io)-Icons, die in Ihre App eingebunden werden sollen. Die Icon-Namen unterscheiden sich leicht von denen auf der FontAwesome-Website. Wenn Sie zum Beispiel das Icon `network-wired` verwenden möchten, würden Sie die folgende Zeichenfolge verwenden.

```powershell
New-UDIcon -Icon 'NetworkWired'
```

## Ein Icon finden

Wir liefern FontAwesome v6 mit PowerShell Universal aus. Sie können `Find-UDIcon` verwenden, um die Liste der enthaltenen Icons zu durchsuchen.

```powershell
Find-UDIcon User
```

{% hint style="warning" %}
Die Enumeration `UniversalDashboard.FontAwesomeIcons` sollte nicht verwendet werden und ist nur aus Gründen der Rückwärtskompatibilität enthalten. Viele der Icons sind nicht mehr Teil von FontAwesome 6.
{% endhint %}

## Icon

Erstellen Sie Icons, indem Sie deren Namen angeben. Sie können die Icon-Referenz unten verwenden, um Icons zu finden.

```powershell
New-UDIcon -Icon 'AddressBook'
```

![](/files/kqVz5X0pOzmLrfRYfiHZ)

## Größe

Legen Sie die Größe des Icons fest. Gültige Werte sind: `xs`, `sm`, `lg`, `2x`, `3x`, `4x`, `5x`, `6x`, `7x`, `8x`, `9x`, `10x`

```powershell
    New-UDIcon -Icon 'AddressBook' -Size 'sm'
    New-UDIcon -Icon 'AddressBook' -Size 'lg'
    New-UDIcon -Icon 'AddressBook' -Size '5x'
    New-UDIcon -Icon 'AddressBook' -Size '10x'
```

![](/files/Za0wr71WByFSMqxQ5MqC)

## Rotation

Icons drehen. Der Wert steht für die Gradzahl der Drehung.

```powershell
New-UDIcon -Icon 'AddressBook' -Size '5x' -Rotation 90
```

![](/files/pqCWmnS1raTki8eocl0J)

## Rahmen

Fügen Sie Ihrem Icon einen Rahmen hinzu.

```powershell
New-UDIcon -Icon 'AddressBook' -Size '5x' -Border
```

![](/files/Fmr0wY2tXqUBsC6hEozl)

## Stil

Wenden Sie CSS-Stile auf Ihr Icon an.

```powershell
New-UDIcon -Icon 'AddressBook' -Size '5x' -Style @{
    backgroundColor = "red"
}
```

![](/files/M6iWfr2zcq3dWSB7QK4Z)

## Icons visuell suchen

```powershell
New-UDTextbox -Id 'txtIconSearch' -Label 'Search' 
New-UDButton -Text 'Search' -OnClick {
    Sync-UDElement -Id 'icons'
}

New-UDElement -tag 'p' -Content {}

New-UDDynamic -Id 'icons' -Content {
    $IconSearch = (Get-UDElement -Id 'txtIconSearch').value
    if ($null -ne $IconSearch -and $IconSearch -ne '')
    {
        $Icons =$Icons = Find-UDIcon -Name $IconSearch
    }

    foreach($icon in $icons) {
        try{
            New-UDChip -Label $icon -Icon (New-UDIcon -Icon $icon)
        }
        catch{
            New-UDChip -Label "$icon Unknown" 
        }
    }
}
```

## Vollständige Icon-Liste

[Klicken Sie hier, um die vollständige Icon-Liste anzuzeigen.](https://gist.github.com/adamdriscoll/8a5d12b0ac5641bc1083bebf921f56fe)

## API

[**New-UDIcon**](/powershell-universal/de/powershell-befehle/new-udicon.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.devolutions.net/powershell-universal/de/apps/components/data-display/icon.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.