Icons

How Icons Works

By default, we use Lucide as icon set provider. You can also use your custom SVG icons. Just add your svg icon path in data/icons.yaml file.

# Follow this format:
# your-icon-name: <svg icon path>

# Example Icons
docker: icons/docker.svg
kubernetes: icons/kubernetes.svg

The icon resolution works as follow:

• We first check if the icon name present in the data/icons.yaml file. If present use that.
• If the icon name is not present in data/icons.yaml file, use the icon from Lucide icons.

Examples

Lucide Icons

{{<list>}}
  {{<icon name="file-text">}}
  {{<icon name="briefcase-business">}}
  {{<icon name="calendar-check">}}
{{</list>}}

Custom Icons

{{<list>}}
  {{<icon name="docker">}}
  {{<icon name="gcp">}}
  {{<icon name="facebook">}}
{{</list>}}

You must add the icon name and respective svg icon path in your dev/icons.yaml

Icon Size

• size 4 (default size)

  {{<icon name="file-text">}}
  

• size 8

  {{<icon name="handbag" size="8">}}
  

• size 12

  {{<icon name="docker" size="12">}}