Context

As part of the effort to create a UI for ApplicationSet feature, we are missing an SVG icon for the AppSet.
Currently AppSet UI is using a placeholder for an official icon by wrapping {} (Set operation) over the Application icon.

{'{'}
<i className='icon argo-icon-application' style={{margin: '0 1px'}} />
{'}'}

This is where the current ArgoCD application icon is located https://github.com/argoproj/argo-ui/blob/a1c32a45e83fdda4baafc7ca3105c3ead383f8ba/src/styles/icons/application.svg#L4

We'll need to create an official AppSet Icon in the argo-ui repo https://github.com/argoproj/argo-ui so we can use it instead of the placeholder as this doesn't work in some areas of the UI like navigation bar.

Here is what the icon looks like right now surrounding Application icon with curly brace:

We can follow this design but we need to make this icon different enough from the regular Application icon so users can distinguish each. Maybe make the curly braces bigger?

These are the places where the icon will be used and we need to ensure it looks correct for these places matching the background color ect.

1. New ApplicationSet tab will be added on Left Navigation Bar under Applications

2. AppliationSet Tile

3. ApplicationSet Resource (notice how curly brace doesn't match color)

Motivation

Need an official AppSet icon for AppSet UI

Proposal

Add an SVG icon in argo ui that is the same style, format as the existing UI icons