Web - Icon

정의

Icon

기획 배포

완료

디자인 가이드 배포

완료

개발 코드 배포

완료

12

16

20

24

32

40

48

56

64

72

enum

24

24

12

16

20

32

40

48

56

64

72

enum

'ui_cpnt_icon_sys_grey_01'

정해져 있는 컬러 값 중 하나를 부여합니다. (ui_xxx의 형식입니다.)

enum

'line'

'line'

line 형태의 아이콘을 사용합니다.

'fill'

fill 형태의 아이콘을 사용합니다.

enum

'ic_unavailable'

'ic_unavailable'

line

'ic_accordion'

Added in 2.1

line, fill

'ic_align_bottom'

Added in 2.1

line, fill

'ic_align_center'

Added in 2.1

line, fill

'ic_align_left'

Added in 2.1

line, fill

'ic_align_middle'

Added in 2.1

line, fill

'ic_align_right'

Added in 2.1

line, fill

'ic_align_top'

Added in 2.1

line, fill

'ic_analytics_search_tools'

Added in 1.7

line

'ic_arrow_down'

Added in 1.9 (fill)

line, fill

'ic_arrow_down_bold'

line

'ic_arrow_down_stepper'

Added in 2.1

fill

'ic_arrow_left_2'

line

'ic_arrow_left'

line

'ic_arrow_left_bold'

line

'ic_arrow_left_thin'

Added in 1.3

line *size가 48 이상인 경우에서만 사용할 것

'ic_arrow_right_2'

line

'ic_arrow_right'

line

'ic_arrow_right_bold'

line

'ic_arrow_right_thin'

Added in 1.3

line *size가 48 이상인 경우에서만 사용할 것

'ic_arrow_round_left'

Added in 2.1

line, fill

'ic_arrow_up'

Added in 1.9 (fill)

line, fill

'ic_arrow_up_bold'

line

'ic_arrow_up_stepper'

Added in 2.1

fill

'ic_audio'

Added in 2.1

line, fill

'ic_bell'

line, fill

'ic_bell_notification'

Added in 1.9 (fill)

line, fill

'ic_bell_off'

Added in 2.2

line, fill

'ic_block_user'

Added in 2.2

line

'ic_booking'

line

'ic_booking_completed'

line

'ic_booking_extension'

Added in 1.9

line

'ic_booking_history'

line

'ic_booking_papp'

line

'ic_booking_ticket'

line

'ic_bookmark'

Added in 1.6

line, fill

'ic_box'

Added in 2.0

line

'ic_business'

line

'ic_button'

Added in 2.1

line, fill

'ic_calendar

Added in 2.1

line, fill

'ic_call'

line, fill

'ic_call_end'

fill

'ic_camera'

line, fill

'ic_carousel'

Added in 2.1

line, fill

'ic_cart'

Added in 2.0

line

'ic_channel'

line

'ic_channel_setting'

line

'ic_chapter'

Added in 2.2

line

'ic_chat'

line, fill

'ic_chat_counseling'

line, fill

'ic_chat_crm'

line, fill

'ic_chat_notification'

Added in 1.9

line, fill

'ic_chat_off'

Added in 1.8

line, fill

'ic_chat_room_1_1'

Added in 2.2

line

'ic_chat_room_free'

Added in 2.2

line

'ic_chat_room_group'

Added in 2.2

line

'ic_chat_room_paid'

Added in 2.2

line

'ic_check'

line

'ic_checkbox_indeterminate'

fill

'ic_checkbox_off'

line

'ic_checkbox_on'

fill

'ic_clip'

Added in 1.4

line

'ic_cloud_download'

fill

'ic_coins'

Added in 1.4

line

'ic_cofetti'

Added in 1.9

line

'ic_contwatching'

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_copy'

Added in 2.1 (fill)

line, fill

'ic_cs'

line

'ic_cs_bold'

Added in 1.9

line

'ic_cs_face'

Added in 1.9

line

'ic_dashboard'

line

'ic_delete'

fill

'ic_delivery'

Added in 2.0

line

'ic_design_preference'

Added in 1.3

line

'ic_developer'

line

'ic_device_app'

Added in 2.1 (fill)

Added in 1.9

line, fill

'ic_device_desktop'

Added in 2.1 (fill)

Added in 1.9

line, fill

'ic_device_mobile'

Added in 2.1 (fill)

Added in 1.9

line, fill

'ic_divider'

Added in 2.1

line, fill

'ic_dotted_circle'

Added in 2.1

line

'ic_download'

Added in 2.1 (fill)

Added in 1.3

line, fill

'ic_downloaded'

fill

'ic_dynamic_layout'

Added in 1.7

line

'ic_edit'

line, fill

'ic_editor'

line

'ic_editor_left_side'

Added in 2.1 (fill)

Added in 1.9

line, fill

'ic_editor_right_side'

Added in 2.1 (fill)

Added in 1.9

line, fill

'ic_embed'

Added in 2.1

line, fill

'ic_end'

line

'ic_error'

line

'ic_eye'

line, fill

'ic_eye_close'

line, fill

'ic_face'

Added in 2.2 (line)

line, fill

'ic_filter'

line

'ic_folder'

Added in 1.3

line

'ic_ghost'

Added in 1.4

line

'ic_heart'

fill

'ic_heart_care'

Added in 1.5

line

'ic_help_window'

fill

'ic_home'

Added in 1.4

line

'ic_hourglass'

Added in 2.2

line

'ic_icon'

Added in 2.1

line, fill

'ic_image'

Added in 2.1

line, fill

'ic_information'

Added in 2.1 (fill)

line, fill

'ic_internal'

Added in 1.4

line

'ic_item'

Added in 2.1

line, fill

'ic_language'

line

'ic_layer_backward'

Added in 2.1

line, fill

'ic_layer_forward'

Added in 2.1

line, fill

'ic_layout'

Added in 2.1

line, fill

'ic_light_bulb'

Added in 2.1

line, fill

'ic_lightning'

Added in 2.1

line, fill

'ic_links'

Added in 2.1 (fill)

line, fill

'ic_list'

Added in 2.1

line, fill

'ic_live'

line, fill

'ic_live_broadcast'

line

'ic_live_commerce'

line

'ic_live_concert'

line

'ic_live_event'

line

'ic_live_personal'

line

'ic_lock'

Added in 1.2

line

'ic_login'

fill

'ic_logo_google'

Added in 2.2

line, fill

'ic_logo_insta'

Added in 2.1

fill

'ic_logo_twitter'

Added in 2.1

fill

'ic_logo_yt'

Added in 2.1

fill

'ic_mail'

Added in 1.9

line

'ic_menu'

line

'ic_menu_design'

Added in 2.1

line, fill

'ic_mic_off'

fill Type Added in 1.8

line, fill

'ic_mic_on'

line, fill

'ic_minus'

Added in 2.1

line

'ic_minus_circle'

Added in 2.1 (fill)

Added in 1.3 (line)

line, fill

'ic_minus_round'

Added in 2.1

line

'ic_moon'

Added in 2.1

line, fill

'ic_more'

fill

'ic_news'

Added in 1.9

line

'ic_open_page'

line

'ic_order'

Added in 1.4

line

'ic_page_setting'

Added in 2.2

line, fill

'ic_page_size_expand'

line

'ic_page_size_reduce'

line

'ic_pages'

Added in 1.7

line

'ic_paint'

Added in 2.1

line, fill

'ic_palette'

Added in 2.1

line, fill

'ic_paper_plane'

fill

'ic_papp'

line

'ic_papp_type'

Added in 1.3

line

'ic_payment'

line

'ic_payment_free_trial'

Added in 1.4

line

'ic_payment_gift'

line

'ic_payment_onetime'

1.4에서 형태 변경함

line

'ic_payment_regularly'

1.4에서 형태 변경함

line

'ic_payment_setting'

line

'ic_photo'

line, fill

'ic_photo_multiple'

Added in 1.4

line

'ic_pin'

fill

'ic_plan'

line

'ic_plus'

line

'ic_plus_circle'

Added in 2.1 (fill)

line, fill

'ic_plus_round'

Added in 2.1

line, fill

'ic_post_article'

Added in 1.6

line

'ic_post_blog'

line

'ic_post_column'

Added in 1.4

line

'ic_post_community_p'

line

'ic_post_free'

line, fill

'ic_post_inquiry'

Added in 2.1 (fill)

Added in 1.2

line, fill

'ic_post_magazine'

line

'ic_post_notice'

line, fill

'ic_post_paper_plane'

Added in 1.4

line

'ic_post_photobook'

line

'ic_post_promotion'

line

'ic_post_promotion_p'

line

'ic_post_social'

line, fill

'ic_post_storage'

Added in 2.1

line

'ic_post_vote'

Added in 1.3

line

'ic_post_welcome'

Added in 1.2

line

'ic_profit'

line

'ic_qr'

line

'ic_question'

Added in 1.4

line, fill

'ic_radio_off'

line

'ic_radio_on'

line

'ic_receipt'

Added in 2.0

line

'ic_reply'

fill

'ic_report'

line

'ic_requirement'

Added in 1.4

line

'ic_richtext'

Added in 2.1

line, fill

'ic_rocket'

Added in 1.9

line

'ic_sales'

Added in 1.4

line

'ic_scrolling_text'

Added in 2.1

line, fill

'ic_search'

line

'ic_section_content_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_content_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_contents_carousel_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_contents_carousel_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_custom_32'

Added in 2.1

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_custom_40'

Added in 2.1

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_divider_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_divider_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_footer_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_footer_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_iframe_32'

Added in 2.1

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_iframe_40'

Added in 2.1

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_info_box_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_info_box_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_intro_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_intro_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_map_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_map_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_membership_32'

Added in 2.1

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_membership_40'

Added in 2.1

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_price_box_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_price_box_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_products_carousel_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_products_carousel_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_review_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_review_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_slider_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_slider_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_tab_32'

Added in 1.7

*(32px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_section_tab_40'

Added in 1.7

*(40px)사이즈는 바꿀 수 없고, 컬러만 변경 가능

line

'ic_seller_info'

line

'ic_seller_intro'

line

'ic_seller_page'

Added in 2.1 (fill)

line, fill

'ic_series'

line

'ic_serieslist'

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_setting'

line, fill

'ic_settlement'

Added in 1.4

line

'ic_shape'

Added in 2.1

line, fill

'ic_share'

line

'ic_shop'

Added in 2.0

line

'ic_shoppingbag'

Added in 2.1

line

'ic_slideBanner'

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_slider'

Added in 2.1

line, fill

'ic_sort'

line

'ic_speaker_off'

line, fill

'ic_speaker_wave_1'

line, fill

'ic_speaker_wave_2'

line, fill

'ic_split_screen'

fill

'ic_standard_banner'

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_star'

fill

'ic_subscribers'

Added in 1.4 (fill)

line, fill

'ic_success'

line

'ic_target'

Added in 2.1

line

'ic_ten_sec_back'

Added in 1.x

line

'ic_ten_sec_back_arrow'

Added in 1.x

line

'ic_ten_sec_forward'

Added in 1.x

line

'ic_ten_sec_forward_arrow'

Added in 1.x

line

'ic_text'

Added in 2.1

line, fill

'ic_text_align_bottom'

Added in 2.1

line, fill

'ic_text_align_center'

Added in 2.1

line, fill

'ic_text_align_left'

Added in 2.1

line, fill

'ic_text_align_middle'

Added in 2.1

line, fill

'ic_text_align_right'

Added in 2.1

line, fill

'ic_text_align_top'

Added in 2.1

line, fill

'ic_thumb_down'

fill

'ic_thumb_up'

fill

'ic_time'

line

'ic_toggle_down'

Added in 1.9 (fill)

line

fill

'ic_toggle_up'

Added in 1.9 (fill)

line, fill

'ic_trashcan'

Added in 2.1 (fill)

line, fill

'ic_typeface_display_20'

Added in 2.2

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_typeface_hand_20'

Added in 2.2

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_typeface_monospace_20'

Added in 2.2

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_typeface_sans_serif_20'

Added in 2.2

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_typeface_serif_20'

Added in 2.2

line

*사이즈는 바꿀 수 없고, 컬러만 변경 가능

'ic_typeface_system'

Added in 2.2

line, fill

'ic_unlock'

Added in 1.4

line

'ic_upload'

Added in 2.1 (fill)

line, fill

'ic_upload_list'

Added in 2.2

line

'ic_verified'

fill

'ic_video'

line, fill

'ic_video_episodes'

fill

'ic_video_guide'

Added in 1.9

line

'ic_video_off'

line, fill

'ic_video_pause'

fill

'ic_video_pip'

line

'ic_video_play'

line, fill

'ic_video_play_circle'

line, fill

'ic_video_playback_speed'

line

'ic_video_playlist'

line

'ic_video_resolution'

fill

'ic_video_subtitle'

fill

'ic_video_type'

Added in 2.1 (fill)

line, fill

'ic_videocall'

line, fill

'ic_videocall_pro'

line, fill

'ic_vod'

line

'ic_vod_shorts'

Added in 2.1

line

'ic_vodclass'

line

'ic_vodplus'

line, fill

'ic_vods'

line

'ic_warning'

line

'ic_weblink'

line

'ic_xmark'

line

김혜진, 박윤규

• 240105 : 신규 생성 (ic_face의 line 타입) - 김혜진

• 2023/11/13 : 신규 생성 (ic_chapter, ic_upload_list, ic_hourglass) - 안은수

• 2023/10/31 : 신규 생성 (메신저, 에디터에 쓰이는 것과 관련 - v2.2) - 김혜진

• 2023/10/13 : 신규 생성 (ic_block_user, ic_page_setting) - 안은수

• 2023/08/09 : 신규 생성 (pages 3.0 에디터 관련 아이콘들) - 안은수

• 2023/07/27 : 신규 생성 - 김혜진

• 2023/07/20 : 신규 생성 - 김혜진

• 2023/06/26 : 신규 생성 (pages 3.0 에디터 패널에 쓰일 아이콘들) - 김혜진

• 2023/06/26 : 신규 생성(ic_dotted_circle, ic_section_iframe_32, ic_section_iframe_40, ic_section_membership_32, ic_section_membership_40) -안은수

• 2023/05/10 : 신규 생성(ic_box, ic_cart, ic_delivery, ic_receipt, ic_shop, ic_shoppingbag) - 김혜진

• 2023/02/21 : 신규 생성(ic_booking_extension) - 김혜진

• 2023/02/07 : 신규 생성(chat_notification) - 김혜진

• 2023/01/27 : 신규 생성(cs_bold, cs_face) - 김혜진

• 2023/01/19 : size enum 추가(40) - 김혜진

• 2023/01/18 : 신규 생성(Added in 1.9) - 김혜진

• 2023/01/12 : 신규 생성(chat_off, mic_off) 및 아이콘 이미지 재정리 - 김혜진

• 2022/12/22 : 신규 생성(섹션 유형 관련) - 김혜진

• 2022/11/22 : 신규 생성 (ic_bookmark) - 김혜진

• 2022/11/21 : 신규 생성된 것들 추가(ic_heart_care, ic_post_article) - 김혜진

• 2022/09/19 : 신규 생성(ic_photo_multiple, ic_unlock) - 김혜진

• 2022/09/01 : 신규 생성 (ic_coins) - 김혜진

• 2022/08/30 : 신규 생성 (ic_post_paper_plane, ic_home) - 김혜진

• 2022/07/14 : 신규 생성 (ic_post_column) - 김혜진

• 2022/06/30 : 신규 생성(ic_ghost, ic_payment_free_trial) 및 형태 변경(ic_payment_onetime, ic_payment_regularly) - 김혜진

• 2022/06/23 : clip 아이콘 추가 - 김혜진

• 2022/06/20 : internal 아이콘 추가 - 김혜진

• 2022/05/20 : subscriber 아이콘 타입 fill 추가 - 김혜진

• 2022/05/16 : 아이콘 추가 (ic_sales, ic_order, ic_settlement) - 김혜진

• 2022/05/09 : 아이콘 추가 (ic_requirement) - 김혜진

• 2022/05/04 : 아이콘 추가 (ic_question의 fill type) - 김혜진

• 2022/04/28 : 아이콘 추가(minus_circle, papp_type, design_preference, arrow_left_thin, arrow_right_thin, folder, download) - 김혜진

• 2022/04/21 : 아이콘 추가 (question) - 김혜진

• 2022/04/12 : 아이콘 추가 (vote) - 김혜진

• 2022/03/24 : Property 기술방법 변경 - 안은수

• 2022/02/25 : 개발 코드 배포여부 추가 - 안은수

• 2022/02/25 : Property 기술방법 변경, 아이콘 추가 - 김혜진

• 2022/01/26 : iconName이 없을 경우나 colorKey가 없을 경우에 대해 default value 부여 - 김혜진

• 2021/12/23 : 아이콘 업데이트, 사이즈 추가 - 김혜진

• 2021/12/08 : 아이콘 추가(plus_circle, end, eye_close) - 김혜진

• 2021/11/23 : 64 사이즈 추가 - 김혜진

• 2021/11/15 : 아이콘 종류 전체 검수 및 전달, 아이콘 원칙 문서 분리 - 김혜진

• 2021/11/11 : 아이콘 전체 검토, 추가 - 김혜진

• 2021/11/08 : 추가아이콘(error, playlist, login, menu), 수정(warning) - 김혜진

• 2021/11/02 : warning 아이콘 수정, information 아이콘 추가 - 김혜진

• 2021/09/11 : property, value 정리 - 박윤규

• 2021/08/30 : 아이콘 내용 정리 및 추가 - 김혜진

• 2021/08/27 : 아이콘 원칙 추가 - 김혜원

• 2021/08/13 : 문서 작성방식 변경 - 박윤규

• 2021/05/26 : 아이콘 정리(제플린 기준) - 김혜진