# 安装
# NPM
$ npm install cingta-icon
# 注册
import { createApp } from 'vue'
import ctIcon from "cingta-icon";
const app = createApp(App);
app.use(ctIcon);
# 使用
<!-- ct-icon为组件名 -->
<template>
<div style="font-size: 20px">
<!-- name 为图标的唯一标识 -->
<ct-icon name="arrow-circle-down_line" style="margin-right: 10px"></ct-icon>
<!-- size 设置图标大小 -->
<ct-icon name="arrow-circle-down_line" size="40" style="margin-right: 10px"></ct-icon>
<!-- color 设置图标颜色 -->
<ct-icon name="arrow-circle-down_line" size="40" color="#ff0000"></ct-icon>
</div>
</template>
# 图标集合
TIP
您可以点击图标复制节点代码，点击文字复制图标名称。
System
arrow-up_line
arrow-down_line
arrow-left_line
arrow-right_line
arrow-double-right_line
arrow-double-down_line
up_line
down_line
left_line
right_line
switch-horizontal_line
switch-vertical_line
switch2-horizontal_line
switch2-vertical_line
arrow-circle-up_line
arrow-circle-down_line
arrow-circle-left_line
arrow-circle-right_line
up-fill_line
down-fill_line
plus_line
minus_line
close_line
check_line
more-horizontal_line
more-vertical_line
return_line
reset_line
refresh_line
minus-circle_line
plus-circle_line
close-circle_line
tip_line
tip2_line
warning_line
info_line
more-circle_line
disabled_line
enabled_line
sort-up_line
sort-down_line
sort2-up_line
sort2-down_line
filter_line
delete_line
search_line
edit_line
edit2_line
share_line
share2_line
share3_line
download_line
upload_line
download2_line
upload2_line
download3_line
upload3_line
set_line
set2_line
scan_line
scan2_line
email_line
email-push_line
touch_line
publish_line
message_line
collect_line
copy_line
date_line
function_line
time_line
preview-open_line
preview-close_line
preview-close2_line
expand_line
fold_line
expand2_line
fold2_line
arrow-circle-up_solid
arrow-circle-down_solid
arrow-circle-left_solid
arrow-circle-right_solid
minus-circle_solid
plus-circle_solid
close-circle_solid
tip_solid
tip2_solid
warning_solid
info_solid
more-circle_solid
disabled_solid
enabled_solid
filter_solid
delete_solid
search_solid
edit2_solid
share_solid
download3_solid
upload3_solid
set_solid
email_solid
publish_solid
message_solid
collect_solid
copy_solid
date_solid
function_solid
time_solid
preview-open_solid
preview-close_solid
preview-close2_solid
Function
home_line
home2_line
home3_line
home4_line
home5_line
like_line
dislike_line
like-add_line
like-cancel_line
save_line
print_line
translation_line
reject_line
content-reset_line
content-switch_line
audit_line
complete_line
diagnosis_line
clear_line
clear2_line
clear3_line
config_line
config2_line
content-search_line
login_line
logout_line
afferent_line
efferent_line
afferent2_line
efferent2_line
cloud-download_line
cloud-upload_line
content-download_line
content-upload_line
small-window_line
big-window_line
full-screen_line
off-screen_line
full-page_line
off-page_line
zoom-in_line
zoom-out_line
drag_line
content-add_line
lock_line
unlock_line
password-reset_line
password-set_line
play_line
pause_line
play2_line
pause2_line
home_solid
home2_solid
home3_solid
home4_solid
home5_solid
like_solid
dislike_solid
like-add_solid
like-cancel_solid
save_solid
print_solid
diagnosis_solid
audit_solid
clear_solid
clear2_solid
clear3_solid
cloud-upload_solid
cloud-download_solid
content-upload_solid
content-download_solid
small-window_solid
big-window_solid
zoom-in_solid
zoom-out_solid
lock_solid
unlock_solid
password-set_solid
play_solid
pause_solid
User
me_line
me2_line
me3_line
people_line
people2_line
people3_line
user-edit_line
user-search_line
user-set_line
user-list_line
user-delete_line
user-add_line
user-download_line
user-upload_line
person-page_line
user-business_line
classroom_line
user-info_line
address-book_line
id-card_line
user-permission_line
open-account_line
account-security_line
Chatting
message2_line
message3_line
comment_line
comment2_line
communication_line
communication2_line
message-add_line
message-success_line
message-fail_line
message-point_line
message-problem_line
topic_line
voice-message_line
text-message_line
remind_line
remind2_line
mute_line
trumpet_line
Page
layout_line
layout2_line
table_line
level_line
list_line
graphic_line
waterfall_line
function2_line
function3_line
application_line
application2_line
application3_line
Email
email-search_line
email-send_line
email-receive_line
email-add_line
email-success_line
email-fail_line
email-download_line
email-more_line
email-more2_line
at-sign_line
camera_line
picture_line
picture2_line
poster_line
photo-album_line
picture-add_line
picture-download_line
picture-upload_line
Linking
position_line
position2_line
local_line
map_line
earth_line
earth2_line
earth3_line
earth4_line
planet_line
planet2_line
aiming_line
aiming2_line
target_line
link_line
link2_line
link3_line
unlink_line
slave_line
hotspot_line
Device
phone_line
phone-call_line
phone-incoming_line
phone-outgoing_line
phone-error_line
phone-reject_line
voice_line
headset_line
customer-service_line
mobile_line
pc_line
Chart
chart-bar_line
chart-bar2_line
chart-line_line
chart-pie_line
chart-pie2_line
chart-bubble_line
chart-bubble2_line
chart-radar_line
cycle-closed_line
cycle_line
assembly-line_line
clue_line
branch_line
branch2_line
branch-more_line
branch-tree_line
compass_line
radar_line
radar2_line
dashboard_line
dashboard2_line
dashboard3_line
File
file-word_line
file-excel_line
file-ppt_line
file-text_line
file-pdf_line
file-code_line
file-word2_line
file-ppt2_line
file-excel2_line
Other
file-more_line
knowledge-base_line
city_line
city2_line
schedule_line
data-screen_line
data-screen2_line
signal-station_line
receiver_line
data-sheet_line
trend_line
ranking_line
degree_line
text_line
text2_line
text3_line
lightning_line
label_line
face_line
common-word_line
male_line
female_line
job_line
database_line
product_line
product2_line
# 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | svg 的 fill 颜色 | string | 继承颜色 |
| size | svg 图标的大小，size x size | number | string | 继承字体大小 |