tencent cloud

Tencent Cloud Agent Development Platform

Release Notes and Announcements
Release Notes
Product Announcement
Product Introduction
Product Overview
Advantages
Use Cases
Model Introduction
Purchase Guide
Package Subscription
Previous Version
Getting Started
Agent Application and Its Three Modes
Creating a "Content Summary Assistant" in Standard Mode
Creating a “Webpage Scraping Assistant” in Single Workflow Mode
Creating a “Stand-up Comedy Content Creation Assistant” in Multi-Agent Mode
Operation Guide
Application Development
Workflow
Multi-Agent
Knowledge Base
Widget
Plugin Marketplace
Model List 
Prompt Templates
Application Templates
Platform Management
Business, Workspace and Permissions
API Documentation
History
API Category
Making API Requests
Atomic Capability APIs
Operation Optimization APIs
Document Library APIs
Q&A Database APIs
Knowledge Tag APIs
Application Management APIs
Enterprise Management APIs
Billing APIs
Release Management APIs
Dialogue Endpoint APIs
Data Statistics APIs
Data Types
Error Codes
Application API Documentation
Dialogue API Overview
Dialog API Documentation (WebSocket)
Dialog API Documentation (HTTP SSE)
Image Chat or File Chat (Real-time Document Parsing + Chat)
Offline Document Upload
Tencent Cloud Agent Development Platform Operation COS Guide
ADP Document Parsing Protocol
FAQs
Product FAQs
Technical FAQs
Related Agreements
Tencent Cloud Agent Development Platform Service Level Agreement
Tencent Cloud Agent Development Platform Service Specific Terms
Tencent Cloud Agent Development Platform Privacy Policy
Tencent Cloud Agent Development Platform Data Processing and Security Agreement
Open-Source License Statement
Lighthouse OpenClaw Connector Plugin Service Agreement
Contact Us
Glossary

Icon

PDF
Mode fokus
Ukuran font
Terakhir diperbarui: 2026-02-03 15:51:56

Component Feature

A component for displaying icons with 68 built-in commonly used icons (as shown below), supporting custom configuration of size and color.




Basic Usage

Specify the icon name by name, set the icon size by size, and set the icon color by color.
Template example:
<Icon name="check-circle" size="lg" color="#00A870" />
Effect display as follows:




Attribute Description

Property Name
Type
Description
Default value
name
string
Icon name (see available icon list below)
-
color
string
Icon color (CSS color value)
-
size
"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
Icon size
"md"
Note:
★ Marked with required attribute.

Available Icon List (68 in Total)

Common Icon

agent - Intelligent agent
analytics - analytics
atom - atom
batch - batch processing
bolt - lightning
bug - debug
check - check
check-circle - check circle
check-circle-filled - check circle filled
close - close
compass - compass
confetti - confetti
cube - cube
dot - dot
dots-horizontal - horizontal dots
dots-vertical - vertical dots
empty-circle - empty circle
external-link - external link
info - info
lifesaver - lifesaver
lightbulb - lightbulb
play - play
plus - plus sign
reload - reload
search - search
sparkle - sparkle
sparkle-double - double sparkle
star - star
star-filled - star-filled

Direction Icon

chevron-down - chevron down
chevron-left - chevron left
chevron-right - chevron right
chevron-up - chevron up
chevron-up-down - chevron up and down

Documents and Content

book-clock - book clock
book-closed - closed book
book-open - open book
calendar - calendar
chart - chart
document - document
images - images
notebook - notebook
notebook-pencil - notebook pencil
page-blank - blank page

Map and Location

globe - globe
map-pin - map marker
maps - maps

Device

desktop - desktop
mobile - mobile device
phone - phone

User and Identity

name - name
profile - personal information
profile-card - personal profile
user - user

Development and Code

keys - key
lab - lab
settings-slider - settings slider
square-code - square code
square-image - square image
square-text - square text

Other

circle-question - circle question mark
mail - mail
suitcase - suitcase
wreath - wreath


Bantuan dan Dukungan

Apakah halaman ini membantu?

masukan