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>

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-cost-control

business-deal

business-finance

business-growth

business-lower-costs

business-opportunities

business-reports

business-solutions

business-time

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

Platform

platform-adaptive-networking

platform-connected-security

platform-edge-compute

platform-it-agility-hybrid-cloud

platform-voice-unified-communications

Products

products-apps

products-designs

products-network-solutions

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 }.
string
undefined

Accessibility

Accessibility guidelines coming soon