Marketing icon

Use Marketing icon to render Lumen marketing icons in your project.

Overview

Chi Marketing Icons are a collection of high-quality vector icons designed by Lumen for use in consumer, enterprise, and internal applications. All icons have been manually optimized to achieve the fastest load time without compromising visual path and shape quality. For icon requests or feedback, please email Chi Support.

Examples

Base

<chi-marketing-icon icon="business-big-data"></chi-marketing-icon>

Outline

Use the attribute variant="outline" to render marketing icon with one color.

<chi-marketing-icon icon="business-big-data" variant="outline"></chi-marketing-icon>

Sizes

Icons support the following sizes: xs, sm, md, lg. By default, icons render at 96x96px (md).

xs

sm

md

lg

<!-- xs : 72x72px -->
<chi-marketing-icon icon="business-big-data" size="xs"></chi-marketing-icon>
<!-- sm : 80x80px -->
<chi-marketing-icon icon="business-big-data" size="sm"></chi-marketing-icon>
<!-- md : 96x96px -->
<chi-marketing-icon icon="business-big-data" size="md"></chi-marketing-icon>
<!-- lg : 128x128px -->
<chi-marketing-icon icon="business-big-data" size="lg"></chi-marketing-icon>

Icons

Business

business-big-data

business-briefcase

business-calendar

business-checklist

business-consulting

business-contracts

business-cost-control-dollar

business-cost-control-euro

business-cost-control-yen

business-deal

business-enhanced-customer-experience

business-finance

business-growth

business-lower-costs-dollar

business-lower-costs-euro

business-lower-costs-yen

business-opportunities

business-reliability

business-reports

business-single-provider

business-solutions

business-support-ticket

business-time

business-trust-confidence

Device

device-desktop

device-ip-phone

device-laptop

device-mobile-phone

device-router

device-server

device-switch

device-video-streaming

People

people-admin

people-customer

people-executive

people-support

people-us-network

people-chief-financial-officer

people-chief-information-officer

people-engineers

people-it-professional

people-software-developer

people-attacker

Places

places-bank-dollar

places-bank-euro

places-bank-yen

places-branch-office

places-call-center

places-data-center

places-globe

places-government

places-government-state-and-local

places-hospital

places-hq-headquarters

places-network-globe

places-remote-office

places-retail-location

places-security-operations-center

places-smart-building

places-smart-cities

Platform

platform-adaptive-networking

platform-connected-security

platform-edge-compute

platform-it-agility-hybrid-cloud

platform-voice-unified-communications

Products

products-apps

products-agility

products-ai-machine-learning

products-analytics

products-analytics-data-dashboards

products-apps-other

products-big-data-apps-and-services

products-bug

products-c2-command-and-control-server

products-cce-dynamic-connections

products-cdn-service

products-cisco-unified-comm-manager

products-cloud-saas-applications

products-cloud-solutions

products-cloud-storage

products-collaboration

products-conferencing

products-custom-backgrounds

products-data

products-database

products-designs

products-ddos

products-edge-security

products-efficiency

products-email

products-email-security

products-end-user-remote

products-energy-and-utilities

products-ethernet

products-file-sharing

products-financial-services

products-financial-services-company

products-firewall

products-flexibility

products-healthcare

products-hyperscalers

products-infected

products-infected-server

products-internet

products-internet-cloud

products-iot

products-load-balancer

products-lumen-adaptive-virtual-services

products-lumen-edge-orchestrator

products-malware

products-managed-services

products-manufacturing

products-media-and-entertainment

products-migration

products-mpls-ip-vpn-service

products-network-solutions

products-news

products-online-shopping

products-pharma

products-plane-satellite-internet

products-portal

products-private-branch-exchange

products-private-fiber-network

products-retail

products-route-miles

products-router

products-sap-applications

products-satellite

products-screen-sharing

products-sd-wan

products-sd-wan-router-intelligent-routing

products-security

products-security-endpoint-application

products-services

products-session-border-controllers

products-ship-satellite-internet

products-sip-voice-calling

products-speed

products-system-integrators

products-tech-support

products-teleport

products-threat-detect

products-threat-intelligence

products-total-solution

products-train-satellite-internet

products-uc-and-c

products-ui-ux-modernization

products-upload-download

products-video-chat

products-virtual-desktop

products-voice

products-vpn-gateway

products-vulnerability

products-warning

products-wavelength

products-web-application-firewall

products-wifi

Web Component

Properties

Property
Attribute
Description
Type
Default
icon
icon
Icon to be rendered.
string
undefined
size
size
OPTIONAL. Size of the Icon { xs, sm, md, lg }.
"lg" | "md" | "sm" | "xs"
undefined
variant
variant
To render Marketing icon as filled or outline
"filled" | "outline"
'filled'

Accessibility

Accessibility guidelines coming soon