F5 XC

Complete visual reference for every icon in the @f5xc-salesdemos/icons-f5xc package. These 30 icons represent F5 Distributed Cloud services and are available as Iconify JSON with an Astro component.

Usage

---
import Icon from '@f5xc-salesdemos/icons-f5xc/Icon.astro';
---

<Icon name="web-app-and-api-protection" size="2em" />
<Icon name="multi-cloud-network-connect" size="1.5em" label="Multi-Cloud Network Connect" />

Or import the Iconify JSON directly:

import icons from '@f5xc-salesdemos/icons-f5xc';
// icons.prefix === 'f5xc'
// icons.icons['bot-defense'].body === '<svg body...>'

Dark Mode

These multi-color icons use CSS custom properties (--color-N600, --color-brand, --color-blue-light, --color-N200) that automatically adapt to light and dark mode. Navy and light-blue swap in dark mode while the F5 red accent stays constant.

All Icons (30)

account-protection

administration

ai_assistant_logo

application-traffic-insight

audit-logs-and-alerts

authentication-intelligence

big-ip-apm

big_ip_utilities

billing

bot-defense

client-side-defense

content-delivery-network

data-intelligence

ddos-and-transit-services

delegated-access

distributed-apps

dns-management

doc

mobile_app_shield

multi-cloud-app-connect

multi-cloud-network-connect

nginx-one

observability

platform

shared-configuration

support

user-support

voltshare

web-app-and-api-protection

web-app-scanning