From 3a10f7db026c66cf64b1ea6a6da6761264d4266e Mon Sep 17 00:00:00 2001
From: Dahyun Yu <aydha0110@gmail.com>
Date: Fri, 3 Mar 2023 15:07:29 +0900
Subject: [PATCH] feat(icons): update icons  (#318)

* feat(icons): update icons

Signed-off-by: Dahyun Yu <yuda@megazone.com>

* fix(icons): edit `npm run icon` command

Signed-off-by: Dahyun Yu <yuda@megazone.com>

* style(icons): update icon names of `data-display` components

Signed-off-by: Dahyun Yu <yuda@megazone.com>

* style(icons): update icon names of `feedbacks` components

Signed-off-by: Dahyun Yu <yuda@megazone.com>

* style(icons): update icon names of `foundation` components

Signed-off-by: Dahyun Yu <yuda@megazone.com>

* style(icons): update icon names of `inputs` components

Signed-off-by: Dahyun Yu <yuda@megazone.com>

* style(icons): update icon names of `layouts` components

Signed-off-by: Dahyun Yu <yuda@megazone.com>

* style(icons): update icon names of `navigation` components

Signed-off-by: Dahyun Yu <yuda@megazone.com>

---------

Signed-off-by: Dahyun Yu <yuda@megazone.com>
Co-authored-by: yuda <yuda@megazone.com>
---
 package.json                                  |   2 +-
 .../board-item/PBoardItem.stories.mdx         |   4 +-
 src/data-display/board-item/mock.ts           |   4 +-
 src/data-display/board/mock.ts                |  10 +-
 src/data-display/cards/card/PCard.stories.mdx |   2 +-
 .../cards/list-card/PListCard.stories.mdx     |   4 +-
 .../collapsible-toggle/PCollapsibleToggle.vue |   2 +-
 .../dynamic-field/PDynamicField.stories.mdx   |   2 +-
 .../dynamic/dynamic-layout/mock.ts            |  18 +-
 .../query-search-table.stories.mdx            |   5 +-
 src/data-display/heading/PHeading.vue         |   2 +-
 src/data-display/label/PLabel.stories.mdx     |  10 +-
 src/data-display/label/PLabel.vue             |   2 +-
 src/data-display/popover/PPopover.vue         |  16 +-
 src/data-display/status/PStatus.stories.mdx   |   8 +-
 .../tables/data-table/PDataTable.vue          |   4 +-
 src/data-display/tags/PTag.vue                |  15 +-
 src/data-display/tree/PTree.stories.mdx       |   6 +-
 src/data-display/tree/PTree.vue               |   2 +-
 .../alert/notice-alert/PNoticeAlert.vue       |   9 +-
 .../alert/toast-alert/PToastAlert.vue         |  21 +-
 .../loading/lazy-img/PLazyImg.stories.mdx     |   4 +-
 src/feedbacks/loading/lazy-img/PLazyImg.vue   |  39 ++-
 .../loading/lazy-img/story-helper.ts          |   4 +-
 .../modals/button-modal/PButtonModal.vue      |   4 +-
 .../modals/icon-modal/story-helper.ts         |   2 +-
 .../notification-bar/PNotificationBar.vue     |   2 +-
 src/foundation/icons/PI.stories.mdx           |   6 +-
 .../icons/icon-assets/ic_alarm-clock.svg      |   6 +
 .../icons/icon-assets/ic_arrow-down-bold.svg  |   3 +
 .../icons/icon-assets/ic_arrow-down.svg       |   3 +
 .../icons/icon-assets/ic_arrow-left.svg       |   3 +
 .../icon-assets/ic_arrow-up-bold-alt.svg      |   9 +
 .../icons/icon-assets/ic_arrow-up-bold.svg    |   3 +
 .../icons/icon-assets/ic_arrow-up.svg         |   3 +
 .../icon-assets/ic_arrows-collaps-all.svg     |   4 +
 .../ic_arrows-collapse-vertical.svg           |   9 +
 .../icon-assets/ic_arrows-expand-all.svg      |   4 +
 .../icon-assets/ic_arrows-expand-vertical.svg |   9 +
 .../icon-assets/ic_arrows-uturn-left.svg      |   3 +
 .../icon-assets/ic_arrows-uturn-right.svg     |   3 +
 .../icons/icon-assets/ic_calendar.svg         |   3 +
 .../icon-assets/ic_caret-down-filled-alt.svg  |   3 +
 .../icons/icon-assets/ic_caret-down.svg       |  12 +
 .../icons/icon-assets/ic_caret-right.svg      |   3 +
 .../icon-assets/ic_caret-up-filled-alt.svg    |   3 +
 .../icons/icon-assets/ic_caret-up-filled.svg  |  10 +
 .../icons/icon-assets/ic_caret-up.svg         |   3 +
 .../icons/icon-assets/ic_check-circle.svg     |  13 +
 src/foundation/icons/icon-assets/ic_check.svg |   3 +
 .../ic_checkbox-circle-selected.svg           |   4 +
 .../ic_checkbox-disabled-selected.svg         |   4 +
 .../icon-assets/ic_checkbox-disabled.svg      |   4 +
 .../ic_checkbox-peacock-selected.svg          |   4 +
 .../icon-assets/ic_checkbox-selected.svg      |   4 +
 .../icons/icon-assets/ic_checkbox.svg         |   3 +
 .../icons/icon-assets/ic_chevron-down.svg     |   3 +
 .../icon-assets/ic_chevron-left-thin.svg      |   3 +
 .../icons/icon-assets/ic_chevron-left.svg     |   3 +
 .../ic_chevron-right-circle-filled.svg        |  13 +
 .../icon-assets/ic_chevron-right-circle.svg   |  17 ++
 .../icons/icon-assets/ic_chevron-right.svg    |   3 +
 .../icon-assets/ic_chevron-small-down.svg     |   3 +
 .../icon-assets/ic_chevron-small-left.svg     |  10 +
 .../icon-assets/ic_chevron-small-right.svg    |  10 +
 .../icons/icon-assets/ic_chevron-small-up.svg |   3 +
 .../icons/icon-assets/ic_chevron-up.svg       |   3 +
 src/foundation/icons/icon-assets/ic_clock.svg |  12 +
 src/foundation/icons/icon-assets/ic_close.svg |   3 +
 .../icons/icon-assets/ic_coin-filled.svg      |   3 +
 .../icons/icon-assets/ic_copy-filled.svg      |  10 +
 src/foundation/icons/icon-assets/ic_copy.svg  |  10 +
 .../icon-assets/ic_dashboard-customize.svg    |   7 +
 .../ic_dashboard-template_alert-manager.svg   |  10 +
 .../ic_dashboard-template_blank.svg           |  11 +
 ...ic_dashboard-template_cdn-traffic-cost.svg |   7 +
 ...ashboard-template_cloud-asset-overview.svg |  15 +
 ...ashboard-template_monthly-cost-summary.svg |  18 ++
 .../ic_dashboard-template_others.svg          |   8 +
 ...ic_dashboard-template_project-overview.svg |  17 ++
 .../icons/icon-assets/ic_delete.svg           |   3 +
 .../icons/icon-assets/ic_document-filled.svg  |   6 +
 src/foundation/icons/icon-assets/ic_dot.svg   |   3 +
 .../icons/icon-assets/ic_dots-4-square.svg    |   6 +
 .../ic_double-line-drag-handle.svg            |   4 +
 .../icons/icon-assets/ic_download.svg         |   5 +
 .../icons/icon-assets/ic_drag-handle-alt.svg  |   6 +
 .../icons/icon-assets/ic_drag-handle.svg      |   3 +
 .../icons/icon-assets/ic_duplicate.svg        |   5 +
 .../icons/icon-assets/ic_edit-text.svg        |  10 +
 src/foundation/icons/icon-assets/ic_edit.svg  |   3 +
 .../icons/icon-assets/ic_editor-code.svg      |   3 +
 .../icon-assets/ic_ellipsis-horizontal.svg    |   6 +
 .../icons/icon-assets/ic_envelope-filled.svg  |  10 +
 .../icons/icon-assets/ic_error-filled.svg     |   3 +
 src/foundation/icons/icon-assets/ic_excel.svg |   8 +
 .../icons/icon-assets/ic_external-link.svg    |  16 +
 src/foundation/icons/icon-assets/ic_eye.svg   |   4 +
 .../icons/icon-assets/ic_face-frown.svg       |   5 +
 .../icons/icon-assets/ic_face-smile.svg       |   3 +
 .../icons/icon-assets/ic_favorite-filled.svg  |  10 +
 .../icons/icon-assets/ic_folder-filled.svg    |   4 +
 .../icons/icon-assets/ic_folder-plus.svg      |   4 +
 .../icons/icon-assets/ic_gear-filled.svg      |   3 +
 .../icons/icon-assets/ic_globe-filled.svg     |   3 +
 .../icons/icon-assets/ic_gnb_bell-unread.svg  |   5 +
 .../icons/icon-assets/ic_gnb_bell.svg         |   3 +
 .../icons/icon-assets/ic_gnb_menu.svg         |   5 +
 .../icon-assets/ic_gnb_recent-favorite.svg    |   6 +
 .../icons/icon-assets/ic_gnb_search.svg       |   4 +
 .../icons/icon-assets/ic_home-filled.svg      |   3 +
 .../icons/icon-assets/ic_horizontal-rule.svg  |   3 +
 src/foundation/icons/icon-assets/ic_image.svg |   4 +
 .../icons/icon-assets/ic_info-circle.svg      |   4 +
 .../icons/icon-assets/ic_inline-code.svg      |   3 +
 .../icons/icon-assets/ic_limit-filled.svg     |   3 +
 src/foundation/icons/icon-assets/ic_link.svg  |   4 +
 .../icons/icon-assets/ic_list-bulleted-2.svg  |   5 +
 .../icons/icon-assets/ic_list-bulleted-3.svg  |   3 +
 .../icons/icon-assets/ic_list-card.svg        |   6 +
 .../icons/icon-assets/ic_list-numbered.svg    |   3 +
 .../icons/icon-assets/ic_lock-filled.svg      |   3 +
 .../icons/icon-assets/ic_megaphone-filled.svg |  13 +
 src/foundation/icons/icon-assets/ic_minus.svg |   3 +
 .../icons/icon-assets/ic_money-bag.svg        |   6 +
 .../icons/icon-assets/ic_no-image.svg         |   3 +
 .../icons/icon-assets/ic_paper-airplane.svg   |  10 +
 .../icon-assets/ic_performance-filled.svg     |   3 +
 .../icons/icon-assets/ic_pin-filled.svg       |  10 +
 .../icons/icon-assets/ic_plug-filled.svg      |  15 +
 src/foundation/icons/icon-assets/ic_plus.svg  |   3 +
 .../icons/icon-assets/ic_plus_bold.svg        |   3 +
 .../icons/icon-assets/ic_plus_square.svg      |   4 +
 .../icons/icon-assets/ic_plus_thin.svg        |   3 +
 .../ic_question-mark-circle-filled.svg        |  12 +
 .../icon-assets/ic_question-mark-circle.svg   |   4 +
 .../icons/icon-assets/ic_quotes.svg           |   3 +
 .../icons/icon-assets/ic_radio-disabled.svg   |   4 +
 .../icons/icon-assets/ic_radio-selected.svg   |   4 +
 src/foundation/icons/icon-assets/ic_radio.svg |   3 +
 .../icons/icon-assets/ic_refresh.svg          |   3 +
 src/foundation/icons/icon-assets/ic_renew.svg |   3 +
 .../icons/icon-assets/ic_repeat.svg           |   3 +
 .../icons/icon-assets/ic_resource_hexagon.svg |  20 ++
 .../icons/icon-assets/ic_search.svg           |   5 +
 .../icon-assets/ic_service_administration.svg |   4 +
 .../icon-assets/ic_service_alert-manager.svg  |   3 +
 .../ic_service_asset-inventory.svg            |   3 +
 .../icon-assets/ic_service_automation.svg     |   5 +
 .../icon-assets/ic_service_cost-explorer.svg  |   3 +
 .../icon-assets/ic_service_dashboard.svg      |   3 +
 .../icons/icon-assets/ic_service_home.svg     |   3 +
 .../icons/icon-assets/ic_service_info.svg     |   5 +
 .../icons/icon-assets/ic_service_my-page.svg  |   4 +
 .../icons/icon-assets/ic_service_plugin.svg   |   3 +
 .../icons/icon-assets/ic_service_project.svg  |   3 +
 .../icons/icon-assets/ic_service_workflow.svg |   3 +
 .../icons/icon-assets/ic_settings-filled.svg  |   3 +
 .../icons/icon-assets/ic_settings.svg         |   4 +
 .../icon-assets/ic_sorting-ascending.svg      |   7 +
 .../icon-assets/ic_sorting-descending.svg     |   7 +
 .../icons/icon-assets/ic_spanner-filled.svg   |   3 +
 .../ic_subdirectory-arrow-right.svg           |   3 +
 .../icon-assets/ic_text-align-center.svg      |   3 +
 .../icon-assets/ic_text-align-justify.svg     |   3 +
 .../icons/icon-assets/ic_text-align-left.svg  |   3 +
 .../icons/icon-assets/ic_text-align-right.svg |   3 +
 .../icons/icon-assets/ic_text-bold.svg        |   3 +
 .../icon-assets/ic_text-clear-format.svg      |   3 +
 .../icons/icon-assets/ic_text-color.svg       |   3 +
 .../icons/icon-assets/ic_text-italic.svg      |   3 +
 .../icon-assets/ic_text-strikethrough.svg     |   3 +
 .../icons/icon-assets/ic_text-underline.svg   |   3 +
 src/foundation/icons/icon-assets/ic_users.svg |   3 +
 .../icons/icon-assets/ic_warning-filled.svg   |   3 +
 .../icons/icon-assets/ic_webhook.svg          |   3 +
 .../icons/icon-assets/img_avatar_admin.svg    |  10 +
 .../icon-assets/img_avatar_project-admin.svg  |  30 ++
 .../icon-assets/img_avatar_root-account.svg   |  39 +++
 .../icons/icon-assets/img_avatar_user.svg     |  11 +
 .../icon-assets/img_resource_default.svg      |  24 ++
 .../icons/icon-assets/img_resource_server.svg |  67 +++++
 src/foundation/icons/p-icons/aws-ec2.js       |  12 -
 src/foundation/icons/p-icons/aws-network.js   |  12 -
 .../icons/p-icons/btn_circle_more--hover.js   |  12 -
 .../icons/p-icons/btn_circle_more.js          |  12 -
 .../p-icons/btn_circle_plus_blue--hover.js    |  12 -
 .../icons/p-icons/btn_circle_plus_blue.js     |  12 -
 .../icons/p-icons/btn_gnb_top-logo.js         |  12 -
 src/foundation/icons/p-icons/common-gear.js   |  12 -
 .../icons/p-icons/cursor_drag-arrow--blue.js  |  12 -
 .../icons/p-icons/cursor_pointer--blue.js     |  12 -
 .../icons/p-icons/dashboard-customize.js      |  12 -
 src/foundation/icons/p-icons/ic_admin.js      |  12 -
 .../icons/p-icons/ic_alarm-clock.js           |  12 +
 .../icons/p-icons/ic_arrow-bottom-alt.js      |  12 -
 ..._state_active.js => ic_arrow-down-bold.js} |   4 +-
 src/foundation/icons/p-icons/ic_arrow-down.js |   8 +-
 .../p-icons/{ic_back.js => ic_arrow-left.js}  |   2 +-
 .../icons/p-icons/ic_arrow-top-alt.js         |  12 -
 ...ld-arrow-up.js => ic_arrow-up-bold-alt.js} |   2 +-
 ...c_tree_no-child.js => ic_arrow-up-bold.js} |   4 +-
 src/foundation/icons/p-icons/ic_arrow-up.js   |   8 +-
 ...apse-angle.js => ic_arrows-collaps-all.js} |   2 +-
 ...apse.js => ic_arrows-collapse-vertical.js} |   2 +-
 ...xpand-angle.js => ic_arrows-expand-all.js} |   2 +-
 ...expand.js => ic_arrows-expand-vertical.js} |   2 +-
 .../{ic_undo.js => ic_arrows-uturn-left.js}   |   2 +-
 .../{ic_redo.js => ic_arrows-uturn-right.js}  |   2 +-
 .../icons/p-icons/ic_back-to-top.js           |  12 -
 .../icons/p-icons/ic_bookmark--outline.js     |  12 -
 src/foundation/icons/p-icons/ic_bookmark.js   |  12 -
 .../icons/p-icons/ic_bookmark_stroke.js       |  12 -
 src/foundation/icons/p-icons/ic_booting.js    |  12 -
 ...-opened.js => ic_caret-down-filled-alt.js} |   4 +-
 .../{ic_table_sort.js => ic_caret-down.js}    |   2 +-
 .../{ic_tree_arrow.js => ic_caret-right.js}   |   2 +-
 .../icons/p-icons/ic_caret-up-filled-alt.js   |  12 +
 ...le_sort_fromZ.js => ic_caret-up-filled.js} |   2 +-
 src/foundation/icons/p-icons/ic_caret-up.js   |  12 +
 .../{ic_done.js => ic_check-circle.js}        |   2 +-
 .../icons/p-icons/ic_checkbox--error.js       |  12 -
 .../icons/p-icons/ic_checkbox--hover.js       |  12 -
 ...cked.js => ic_checkbox-circle-selected.js} |   2 +-
 ...ck.js => ic_checkbox-disabled-selected.js} |   2 +-
 ...x--disabled.js => ic_checkbox-disabled.js} |   2 +-
 ...ked.js => ic_checkbox-peacock-selected.js} |   2 +-
 ...ox--checked.js => ic_checkbox-selected.js} |   2 +-
 .../p-icons/ic_checkbox_peacock40--checked.js |  12 -
 ...{ic_arrow_bottom.js => ic_chevron-down.js} |   2 +-
 ...crumb_arrow.js => ic_chevron-left-thin.js} |   2 +-
 .../{ic_arrow_left.js => ic_chevron-left.js}  |   2 +-
 .../p-icons/ic_chevron-right-circle-filled.js |   2 +-
 ...e_hidden.js => ic_chevron-right-circle.js} |   2 +-
 ...{ic_arrow_right.js => ic_chevron-right.js} |   2 +-
 ..._bottom_sm.js => ic_chevron-small-down.js} |   2 +-
 ...ow_left_sm.js => ic_chevron-small-left.js} |   2 +-
 ..._right_sm.js => ic_chevron-small-right.js} |   2 +-
 ...arrow_top_sm.js => ic_chevron-small-up.js} |   2 +-
 .../{ic_arrow_top.js => ic_chevron-up.js}     |   2 +-
 src/foundation/icons/p-icons/ic_cli.js        |  12 -
 .../icons/p-icons/ic_clock-history.js         |  12 -
 src/foundation/icons/p-icons/ic_clock.js      |   8 +-
 src/foundation/icons/p-icons/ic_close.js      |  12 +
 src/foundation/icons/p-icons/ic_code.js       |  12 -
 ...cost_optimization.js => ic_coin-filled.js} |   2 +-
 .../{ic_copied.js => ic_copy-filled.js}       |   2 +-
 .../icons/p-icons/ic_create-group.js          |  12 -
 .../icons/p-icons/ic_dashboard-customize.js   |  12 +
 src/foundation/icons/p-icons/ic_decrease.js   |  12 -
 .../icons/p-icons/ic_delete--bold.js          |  12 -
 src/foundation/icons/p-icons/ic_delete.js     |   2 +-
 ..._tree_project.js => ic_document-filled.js} |   2 +-
 .../p-icons/{ic_divider-dot.js => ic_dot.js}  |   2 +-
 ...ee_all-projects.js => ic_dots-4-square.js} |   2 +-
 ...ifier.js => ic_double-line-drag-handle.js} |   2 +-
 src/foundation/icons/p-icons/ic_down.js       |  12 -
 .../icons/p-icons/ic_drag-handle--slim.js     |  12 -
 .../icons/p-icons/ic_drag-handle-alt.js       |  12 +
 .../icons/p-icons/ic_drag-handle.js           |   8 +-
 .../{ic_more.js => ic_ellipsis-horizontal.js} |   2 +-
 ..._footer_email.js => ic_envelope-filled.js} |   2 +-
 .../{ic_alert.js => ic_error-filled.js}       |   2 +-
 .../icons/p-icons/{ic_view.js => ic_eye.js}   |   2 +-
 .../p-icons/{sad-face.js => ic_face-frown.js} |   2 +-
 .../{smile-face.js => ic_face-smile.js}       |   2 +-
 ...vorite--added.js => ic_favorite-filled.js} |   2 +-
 src/foundation/icons/p-icons/ic_favorite.js   |  12 -
 ...e_project-group.js => ic_folder-filled.js} |   2 +-
 .../icons/p-icons/ic_folder-plus.js           |  12 +
 .../{ic_in-progress.js => ic_gear-filled.js}  |   2 +-
 .../{ic_public.js => ic_globe-filled.js}      |   2 +-
 ...{ic_bell_noti.js => ic_gnb_bell-unread.js} |   2 +-
 .../p-icons/{ic_bell.js => ic_gnb_bell.js}    |   2 +-
 .../icons/p-icons/ic_gnb_language.js          |  12 -
 .../icons/p-icons/ic_gnb_profile.js           |  12 -
 ..._favorite.js => ic_gnb_recent-favorite.js} |   2 +-
 .../{ic_search--bold.js => ic_gnb_search.js}  |   2 +-
 .../icons/p-icons/ic_gnb_service_2.js         |  12 -
 .../icons/p-icons/ic_gnb_services.js          |  12 -
 src/foundation/icons/p-icons/ic_go-to-top.js  |  12 -
 .../p-icons/{ic_home.js => ic_home-filled.js} |   2 +-
 src/foundation/icons/p-icons/ic_increase.js   |  12 -
 ...{ic_outlined-info.js => ic_info-circle.js} |   2 +-
 ...c_service_limits.js => ic_limit-filled.js} |   2 +-
 ...list-bulleted.js => ic_list-bulleted-2.js} |   2 +-
 .../{ic_list.js => ic_list-bulleted-3.js}     |   2 +-
 .../{ic_card-list.js => ic_list-card.js}      |   2 +-
 .../icons/p-icons/ic_list_decrease.js         |  12 -
 .../icons/p-icons/ic_list_duplication.js      |  12 -
 .../icons/p-icons/ic_list_increase.js         |  12 -
 .../icons/p-icons/ic_loading-spinner.js       |  12 -
 .../{ic_security.js => ic_lock-filled.js}     |   2 +-
 ...notification.js => ic_megaphone-filled.js} |   2 +-
 .../p-icons/{ic_budget.js => ic_money-bag.js} |   2 +-
 src/foundation/icons/p-icons/ic_no-image.js   |  12 +
 .../icons/p-icons/ic_no_project-group.js      |  12 -
 .../icons/p-icons/ic_no_selected_proj.js      |  12 -
 .../icons/p-icons/ic_notifications_member.js  |  12 -
 .../{ic_send.js => ic_paper-airplane.js}      |   2 +-
 ...erformance.js => ic_performance-filled.js} |   2 +-
 .../p-icons/{ic_pin.js => ic_pin-filled.js}   |   2 +-
 ...tate_disconnected.js => ic_plug-filled.js} |   2 +-
 .../icons/p-icons/ic_plus_square-outlined.js  |  12 -
 .../icons/p-icons/ic_plus_square.js           |   2 +-
 src/foundation/icons/p-icons/ic_power-off.js  |  12 -
 src/foundation/icons/p-icons/ic_power-on.js   |  12 -
 src/foundation/icons/p-icons/ic_private.js    |  12 -
 .../icons/p-icons/ic_provider_aws.js          |  12 -
 .../icons/p-icons/ic_provider_azure.js        |  12 -
 .../icons/p-icons/ic_provider_gcp.js          |  12 -
 .../icons/p-icons/ic_provider_megazone.js     |  12 -
 .../icons/p-icons/ic_provider_other.js        |  12 -
 ...p.js => ic_question-mark-circle-filled.js} |   2 +-
 ...{ic_help.js => ic_question-mark-circle.js} |   2 +-
 .../icons/p-icons/ic_radio--hover.js          |  12 -
 ...adio--disabled.js => ic_radio-disabled.js} |   2 +-
 ...radio--checked.js => ic_radio-selected.js} |   2 +-
 src/foundation/icons/p-icons/ic_resource.js   |  12 -
 ...llector_tags.js => ic_resource_hexagon.js} |   2 +-
 src/foundation/icons/p-icons/ic_secret.js     |  12 -
 src/foundation/icons/p-icons/ic_server.js     |  12 -
 ...gement.js => ic_service_administration.js} |   2 +-
 ...itoring.js => ic_service_alert-manager.js} |   2 +-
 ...ntory.js => ic_service_asset-inventory.js} |   2 +-
 ...automation.js => ic_service_automation.js} |   2 +-
 .../p-icons/ic_service_compute-engine.js      |  12 -
 ...alytics.js => ic_service_cost-explorer.js} |   2 +-
 ...c_dashboard.js => ic_service_dashboard.js} |   2 +-
 .../{ic_home-menu.js => ic_service_home.js}   |   2 +-
 .../{ic_info-menu.js => ic_service_info.js}   |   2 +-
 .../{ic_identity.js => ic_service_my-page.js} |   2 +-
 .../{ic_plugin.js => ic_service_plugin.js}    |   2 +-
 .../{ic_project.js => ic_service_project.js}  |   2 +-
 ...{ic_workflow.js => ic_service_workflow.js} |   2 +-
 .../{ic_setting.js => ic_settings-filled.js}  |   2 +-
 src/foundation/icons/p-icons/ic_settings.js   |  12 +
 ...g_ascending.js => ic_sorting-ascending.js} |   2 +-
 ...descending.js => ic_sorting-descending.js} |   2 +-
 ...ault_tolerance.js => ic_spanner-filled.js} |   2 +-
 .../icons/p-icons/ic_state_manual.js          |  12 -
 src/foundation/icons/p-icons/ic_stopping.js   |  12 -
 ...eply.js => ic_subdirectory-arrow-right.js} |   2 +-
 src/foundation/icons/p-icons/ic_support.js    |  12 -
 .../icons/p-icons/ic_table_sort_fromA.js      |  12 -
 src/foundation/icons/p-icons/ic_top1.js       |  12 -
 src/foundation/icons/p-icons/ic_trashcan.js   |  12 -
 .../icons/p-icons/ic_tree_folder.js           |  12 -
 src/foundation/icons/p-icons/ic_tree_globe.js |  12 -
 src/foundation/icons/p-icons/ic_tree_pool.js  |  12 -
 .../p-icons/ic_tree_project-group_locked.js   |  12 -
 src/foundation/icons/p-icons/ic_tree_zone.js  |  12 -
 src/foundation/icons/p-icons/ic_up.js         |  12 -
 .../icons/p-icons/ic_urgency_low.js           |  12 -
 .../p-icons/{ic_member.js => ic_users.js}     |   2 +-
 ...ate_duplicated.js => ic_warning-filled.js} |   2 +-
 src/foundation/icons/p-icons/ic_wrench.js     |  12 -
 .../icons/p-icons/illust_man_notification.js  |  12 -
 src/foundation/icons/p-icons/illust_pie.js    |  12 -
 src/foundation/icons/p-icons/illust_table.js  |  12 -
 .../icons/p-icons/illust_treemap.js           |  12 -
 src/foundation/icons/p-icons/illust_waffle.js |  12 -
 .../p-icons/{admin.js => img_avatar_admin.js} |   2 +-
 ...t-admin.js => img_avatar_project-admin.js} |   2 +-
 ...-account.js => img_avatar_root-account.js} |   2 +-
 .../p-icons/{user.js => img_avatar_user.js}   |   2 +-
 .../icons/p-icons/img_resource_default.js     |  12 +
 .../icons/p-icons/img_resource_server.js      |  12 +
 src/foundation/icons/p-icons/index.js         | 273 +++++++-----------
 .../icons/p-icons/logo_googleg_48dp.js        |  12 -
 src/inputs/anchors/PAnchor.vue                |   4 +-
 .../buttons/copy-button/PCopyButton.vue       |   4 +-
 .../icon-button/PIconButton.stories.mdx       |   2 +-
 src/inputs/checkbox/PCheckbox.vue             |   6 +-
 .../context-menu/PContextMenu.stories.mdx     |   4 +-
 .../context-menu-item/PContextMenuItem.vue    |   8 +-
 src/inputs/context-menu/mock.ts               |   2 +-
 .../datetime-picker/PDatetimePicker.vue       |   2 +-
 .../PFilterableDropdown.vue                   |   4 +-
 .../PFilterableQueryDropdown.vue              |   4 +-
 .../select-dropdown/PSelectDropdown.vue       |   4 +-
 src/inputs/input/query-input/PQueryInput.vue  |   2 +-
 src/inputs/input/text-input/PTextInput.vue    |   2 +-
 src/inputs/radio/PRadio.vue                   |   4 +-
 .../search/query-search/PQuerySearch.vue      |   2 +-
 src/inputs/search/search/PSearch.vue          |   2 +-
 src/inputs/select-card/PSelectCard.vue        |  25 +-
 src/inputs/select-card/story-helper.ts        |   2 +-
 .../horizontal-layout/PHorizontalLayout.vue   |   2 +-
 src/layouts/sidebar/PSidebar.vue              |   2 +-
 .../vertical-layout/PVerticalLayout.vue       |   2 +-
 src/navigation/breadcrumbs/PBreadcrumbs.vue   |   6 +-
 .../date-pagination/PDatePagination.vue       |   4 +-
 .../pagination/pagination/PPagination.vue     |   4 +-
 .../text-pagination/PTextPagination.vue       |   4 +-
 src/navigation/tabs/box-tab/PBoxTab.vue       |  19 +-
 src/navigation/toolbox/PToolbox.vue           |   2 +-
 397 files changed, 1517 insertions(+), 1359 deletions(-)
 create mode 100644 src/foundation/icons/icon-assets/ic_alarm-clock.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrow-down-bold.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrow-down.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_arrow-left.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrow-up-bold-alt.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrow-up-bold.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrow-up.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrows-collaps-all.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrows-collapse-vertical.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrows-expand-all.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrows-expand-vertical.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrows-uturn-left.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_arrows-uturn-right.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_calendar.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_caret-down-filled-alt.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_caret-down.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_caret-right.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_caret-up-filled-alt.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_caret-up-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_caret-up.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_check-circle.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_check.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_checkbox-circle-selected.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_checkbox-disabled-selected.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_checkbox-disabled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_checkbox-peacock-selected.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_checkbox-selected.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_checkbox.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_chevron-down.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_chevron-left-thin.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_chevron-left.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_chevron-right-circle-filled.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_chevron-right-circle.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_chevron-right.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_chevron-small-down.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_chevron-small-left.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_chevron-small-right.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_chevron-small-up.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_chevron-up.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_clock.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_close.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_coin-filled.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_copy-filled.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_copy.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-customize.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-template_alert-manager.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-template_blank.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-template_cdn-traffic-cost.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-template_cloud-asset-overview.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-template_monthly-cost-summary.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-template_others.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dashboard-template_project-overview.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_delete.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_document-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dot.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_dots-4-square.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_double-line-drag-handle.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_download.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_drag-handle-alt.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_drag-handle.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_duplicate.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_edit-text.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_edit.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_editor-code.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_ellipsis-horizontal.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_envelope-filled.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_error-filled.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_excel.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_external-link.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_eye.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_face-frown.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_face-smile.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_favorite-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_folder-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_folder-plus.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_gear-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_globe-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_gnb_bell-unread.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_gnb_bell.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_gnb_menu.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_gnb_recent-favorite.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_gnb_search.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_home-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_horizontal-rule.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_image.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_info-circle.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_inline-code.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_limit-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_link.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_list-bulleted-2.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_list-bulleted-3.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_list-card.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_list-numbered.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_lock-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_megaphone-filled.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_minus.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_money-bag.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_no-image.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_paper-airplane.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_performance-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_pin-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_plug-filled.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_plus.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_plus_bold.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_plus_square.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_plus_thin.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_question-mark-circle-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_question-mark-circle.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_quotes.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_radio-disabled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_radio-selected.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_radio.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_refresh.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_renew.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_repeat.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_resource_hexagon.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_search.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_administration.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_alert-manager.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_service_asset-inventory.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_automation.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_cost-explorer.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_service_dashboard.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_home.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_info.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_service_my-page.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_service_plugin.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_project.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_service_workflow.svg
 create mode 100755 src/foundation/icons/icon-assets/ic_settings-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_settings.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_sorting-ascending.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_sorting-descending.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_spanner-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_subdirectory-arrow-right.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-align-center.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-align-justify.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-align-left.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-align-right.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-bold.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-clear-format.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-color.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-italic.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-strikethrough.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_text-underline.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_users.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_warning-filled.svg
 create mode 100644 src/foundation/icons/icon-assets/ic_webhook.svg
 create mode 100644 src/foundation/icons/icon-assets/img_avatar_admin.svg
 create mode 100644 src/foundation/icons/icon-assets/img_avatar_project-admin.svg
 create mode 100644 src/foundation/icons/icon-assets/img_avatar_root-account.svg
 create mode 100644 src/foundation/icons/icon-assets/img_avatar_user.svg
 create mode 100644 src/foundation/icons/icon-assets/img_resource_default.svg
 create mode 100644 src/foundation/icons/icon-assets/img_resource_server.svg
 delete mode 100644 src/foundation/icons/p-icons/aws-ec2.js
 delete mode 100644 src/foundation/icons/p-icons/aws-network.js
 delete mode 100644 src/foundation/icons/p-icons/btn_circle_more--hover.js
 delete mode 100644 src/foundation/icons/p-icons/btn_circle_more.js
 delete mode 100644 src/foundation/icons/p-icons/btn_circle_plus_blue--hover.js
 delete mode 100644 src/foundation/icons/p-icons/btn_circle_plus_blue.js
 delete mode 100644 src/foundation/icons/p-icons/btn_gnb_top-logo.js
 delete mode 100644 src/foundation/icons/p-icons/common-gear.js
 delete mode 100644 src/foundation/icons/p-icons/cursor_drag-arrow--blue.js
 delete mode 100644 src/foundation/icons/p-icons/cursor_pointer--blue.js
 delete mode 100644 src/foundation/icons/p-icons/dashboard-customize.js
 delete mode 100644 src/foundation/icons/p-icons/ic_admin.js
 create mode 100644 src/foundation/icons/p-icons/ic_alarm-clock.js
 delete mode 100644 src/foundation/icons/p-icons/ic_arrow-bottom-alt.js
 rename src/foundation/icons/p-icons/{ic_state_active.js => ic_arrow-down-bold.js} (55%)
 rename src/foundation/icons/p-icons/{ic_back.js => ic_arrow-left.js} (93%)
 delete mode 100644 src/foundation/icons/p-icons/ic_arrow-top-alt.js
 rename src/foundation/icons/p-icons/{ic_bold-arrow-up.js => ic_arrow-up-bold-alt.js} (94%)
 rename src/foundation/icons/p-icons/{ic_tree_no-child.js => ic_arrow-up-bold.js} (53%)
 rename src/foundation/icons/p-icons/{ic_collapse-angle.js => ic_arrows-collaps-all.js} (91%)
 rename src/foundation/icons/p-icons/{ic_code-collapse.js => ic_arrows-collapse-vertical.js} (93%)
 rename src/foundation/icons/p-icons/{ic_expand-angle.js => ic_arrows-expand-all.js} (92%)
 rename src/foundation/icons/p-icons/{ic_code-expand.js => ic_arrows-expand-vertical.js} (93%)
 rename src/foundation/icons/p-icons/{ic_undo.js => ic_arrows-uturn-left.js} (91%)
 rename src/foundation/icons/p-icons/{ic_redo.js => ic_arrows-uturn-right.js} (91%)
 delete mode 100644 src/foundation/icons/p-icons/ic_back-to-top.js
 delete mode 100644 src/foundation/icons/p-icons/ic_bookmark--outline.js
 delete mode 100644 src/foundation/icons/p-icons/ic_bookmark.js
 delete mode 100644 src/foundation/icons/p-icons/ic_bookmark_stroke.js
 delete mode 100644 src/foundation/icons/p-icons/ic_booting.js
 rename src/foundation/icons/p-icons/{ic_tree_arrow--opened.js => ic_caret-down-filled-alt.js} (76%)
 rename src/foundation/icons/p-icons/{ic_table_sort.js => ic_caret-down.js} (94%)
 rename src/foundation/icons/p-icons/{ic_tree_arrow.js => ic_caret-right.js} (94%)
 create mode 100644 src/foundation/icons/p-icons/ic_caret-up-filled-alt.js
 rename src/foundation/icons/p-icons/{ic_table_sort_fromZ.js => ic_caret-up-filled.js} (92%)
 create mode 100644 src/foundation/icons/p-icons/ic_caret-up.js
 rename src/foundation/icons/p-icons/{ic_done.js => ic_check-circle.js} (96%)
 delete mode 100644 src/foundation/icons/p-icons/ic_checkbox--error.js
 delete mode 100644 src/foundation/icons/p-icons/ic_checkbox--hover.js
 rename src/foundation/icons/p-icons/{ic_checkbox_circle--checked.js => ic_checkbox-circle-selected.js} (92%)
 rename src/foundation/icons/p-icons/{ic_checkbox-disabled-check.js => ic_checkbox-disabled-selected.js} (92%)
 rename src/foundation/icons/p-icons/{ic_checkbox--disabled.js => ic_checkbox-disabled.js} (95%)
 rename src/foundation/icons/p-icons/{ic_checkbox_peacock400--checked.js => ic_checkbox-peacock-selected.js} (92%)
 rename src/foundation/icons/p-icons/{ic_checkbox--checked.js => ic_checkbox-selected.js} (94%)
 delete mode 100644 src/foundation/icons/p-icons/ic_checkbox_peacock40--checked.js
 rename src/foundation/icons/p-icons/{ic_arrow_bottom.js => ic_chevron-down.js} (95%)
 rename src/foundation/icons/p-icons/{ic_breadcrumb_arrow.js => ic_chevron-left-thin.js} (91%)
 rename src/foundation/icons/p-icons/{ic_arrow_left.js => ic_chevron-left.js} (95%)
 rename "src/foundation/icons/p-icons/btn_ic_tree_hidden\342\200\224folded.js" => src/foundation/icons/p-icons/ic_chevron-right-circle-filled.js (90%)
 rename src/foundation/icons/p-icons/{btn_ic_tree_hidden.js => ic_chevron-right-circle.js} (94%)
 rename src/foundation/icons/p-icons/{ic_arrow_right.js => ic_chevron-right.js} (94%)
 rename src/foundation/icons/p-icons/{ic_arrow_bottom_sm.js => ic_chevron-small-down.js} (93%)
 rename src/foundation/icons/p-icons/{ic_arrow_left_sm.js => ic_chevron-small-left.js} (95%)
 rename src/foundation/icons/p-icons/{ic_arrow_right_sm.js => ic_chevron-small-right.js} (95%)
 rename src/foundation/icons/p-icons/{ic_arrow_top_sm.js => ic_chevron-small-up.js} (94%)
 rename src/foundation/icons/p-icons/{ic_arrow_top.js => ic_chevron-up.js} (95%)
 delete mode 100644 src/foundation/icons/p-icons/ic_cli.js
 delete mode 100644 src/foundation/icons/p-icons/ic_clock-history.js
 create mode 100644 src/foundation/icons/p-icons/ic_close.js
 delete mode 100644 src/foundation/icons/p-icons/ic_code.js
 rename src/foundation/icons/p-icons/{ic_cost_optimization.js => ic_coin-filled.js} (95%)
 rename src/foundation/icons/p-icons/{ic_copied.js => ic_copy-filled.js} (97%)
 delete mode 100644 src/foundation/icons/p-icons/ic_create-group.js
 create mode 100644 src/foundation/icons/p-icons/ic_dashboard-customize.js
 delete mode 100644 src/foundation/icons/p-icons/ic_decrease.js
 delete mode 100644 src/foundation/icons/p-icons/ic_delete--bold.js
 rename src/foundation/icons/p-icons/{ic_tree_project.js => ic_document-filled.js} (96%)
 rename src/foundation/icons/p-icons/{ic_divider-dot.js => ic_dot.js} (91%)
 rename src/foundation/icons/p-icons/{ic_tree_all-projects.js => ic_dots-4-square.js} (94%)
 rename src/foundation/icons/p-icons/{btn_height-modifier.js => ic_double-line-drag-handle.js} (89%)
 delete mode 100644 src/foundation/icons/p-icons/ic_down.js
 delete mode 100644 src/foundation/icons/p-icons/ic_drag-handle--slim.js
 create mode 100644 src/foundation/icons/p-icons/ic_drag-handle-alt.js
 rename src/foundation/icons/p-icons/{ic_more.js => ic_ellipsis-horizontal.js} (96%)
 rename src/foundation/icons/p-icons/{ic_footer_email.js => ic_envelope-filled.js} (93%)
 rename src/foundation/icons/p-icons/{ic_alert.js => ic_error-filled.js} (96%)
 rename src/foundation/icons/p-icons/{ic_view.js => ic_eye.js} (97%)
 rename src/foundation/icons/p-icons/{sad-face.js => ic_face-frown.js} (97%)
 rename src/foundation/icons/p-icons/{smile-face.js => ic_face-smile.js} (96%)
 rename src/foundation/icons/p-icons/{ic_favorite--added.js => ic_favorite-filled.js} (96%)
 delete mode 100644 src/foundation/icons/p-icons/ic_favorite.js
 rename src/foundation/icons/p-icons/{ic_tree_project-group.js => ic_folder-filled.js} (95%)
 create mode 100644 src/foundation/icons/p-icons/ic_folder-plus.js
 rename src/foundation/icons/p-icons/{ic_in-progress.js => ic_gear-filled.js} (98%)
 rename src/foundation/icons/p-icons/{ic_public.js => ic_globe-filled.js} (98%)
 rename src/foundation/icons/p-icons/{ic_bell_noti.js => ic_gnb_bell-unread.js} (97%)
 rename src/foundation/icons/p-icons/{ic_bell.js => ic_gnb_bell.js} (97%)
 delete mode 100644 src/foundation/icons/p-icons/ic_gnb_language.js
 delete mode 100644 src/foundation/icons/p-icons/ic_gnb_profile.js
 rename src/foundation/icons/p-icons/{ic_recent_and_favorite.js => ic_gnb_recent-favorite.js} (97%)
 rename src/foundation/icons/p-icons/{ic_search--bold.js => ic_gnb_search.js} (96%)
 delete mode 100644 src/foundation/icons/p-icons/ic_gnb_service_2.js
 delete mode 100644 src/foundation/icons/p-icons/ic_gnb_services.js
 delete mode 100644 src/foundation/icons/p-icons/ic_go-to-top.js
 rename src/foundation/icons/p-icons/{ic_home.js => ic_home-filled.js} (94%)
 delete mode 100644 src/foundation/icons/p-icons/ic_increase.js
 rename src/foundation/icons/p-icons/{ic_outlined-info.js => ic_info-circle.js} (95%)
 rename src/foundation/icons/p-icons/{ic_service_limits.js => ic_limit-filled.js} (95%)
 rename src/foundation/icons/p-icons/{ic_list-bulleted.js => ic_list-bulleted-2.js} (92%)
 rename src/foundation/icons/p-icons/{ic_list.js => ic_list-bulleted-3.js} (93%)
 rename src/foundation/icons/p-icons/{ic_card-list.js => ic_list-card.js} (93%)
 delete mode 100644 src/foundation/icons/p-icons/ic_list_decrease.js
 delete mode 100644 src/foundation/icons/p-icons/ic_list_duplication.js
 delete mode 100644 src/foundation/icons/p-icons/ic_list_increase.js
 delete mode 100644 src/foundation/icons/p-icons/ic_loading-spinner.js
 rename src/foundation/icons/p-icons/{ic_security.js => ic_lock-filled.js} (96%)
 rename src/foundation/icons/p-icons/{ic_notification.js => ic_megaphone-filled.js} (95%)
 rename src/foundation/icons/p-icons/{ic_budget.js => ic_money-bag.js} (99%)
 create mode 100644 src/foundation/icons/p-icons/ic_no-image.js
 delete mode 100644 src/foundation/icons/p-icons/ic_no_project-group.js
 delete mode 100644 src/foundation/icons/p-icons/ic_no_selected_proj.js
 delete mode 100644 src/foundation/icons/p-icons/ic_notifications_member.js
 rename src/foundation/icons/p-icons/{ic_send.js => ic_paper-airplane.js} (96%)
 rename src/foundation/icons/p-icons/{ic_performance.js => ic_performance-filled.js} (95%)
 rename src/foundation/icons/p-icons/{ic_pin.js => ic_pin-filled.js} (97%)
 rename src/foundation/icons/p-icons/{ic_state_disconnected.js => ic_plug-filled.js} (96%)
 delete mode 100644 src/foundation/icons/p-icons/ic_plus_square-outlined.js
 delete mode 100644 src/foundation/icons/p-icons/ic_power-off.js
 delete mode 100644 src/foundation/icons/p-icons/ic_power-on.js
 delete mode 100644 src/foundation/icons/p-icons/ic_private.js
 delete mode 100644 src/foundation/icons/p-icons/ic_provider_aws.js
 delete mode 100644 src/foundation/icons/p-icons/ic_provider_azure.js
 delete mode 100644 src/foundation/icons/p-icons/ic_provider_gcp.js
 delete mode 100644 src/foundation/icons/p-icons/ic_provider_megazone.js
 delete mode 100644 src/foundation/icons/p-icons/ic_provider_other.js
 rename src/foundation/icons/p-icons/{ic_tooltip.js => ic_question-mark-circle-filled.js} (93%)
 rename src/foundation/icons/p-icons/{ic_help.js => ic_question-mark-circle.js} (96%)
 delete mode 100644 src/foundation/icons/p-icons/ic_radio--hover.js
 rename src/foundation/icons/p-icons/{ic_radio--disabled.js => ic_radio-disabled.js} (94%)
 rename src/foundation/icons/p-icons/{ic_radio--checked.js => ic_radio-selected.js} (94%)
 delete mode 100644 src/foundation/icons/p-icons/ic_resource.js
 rename src/foundation/icons/p-icons/{ic_collector_tags.js => ic_resource_hexagon.js} (96%)
 delete mode 100644 src/foundation/icons/p-icons/ic_secret.js
 delete mode 100644 src/foundation/icons/p-icons/ic_server.js
 rename src/foundation/icons/p-icons/{ic_management.js => ic_service_administration.js} (98%)
 rename src/foundation/icons/p-icons/{ic_monitoring.js => ic_service_alert-manager.js} (96%)
 rename src/foundation/icons/p-icons/{ic_inventory.js => ic_service_asset-inventory.js} (98%)
 rename src/foundation/icons/p-icons/{ic_automation.js => ic_service_automation.js} (98%)
 delete mode 100644 src/foundation/icons/p-icons/ic_service_compute-engine.js
 rename src/foundation/icons/p-icons/{ic_analytics.js => ic_service_cost-explorer.js} (96%)
 rename src/foundation/icons/p-icons/{ic_dashboard.js => ic_service_dashboard.js} (97%)
 rename src/foundation/icons/p-icons/{ic_home-menu.js => ic_service_home.js} (96%)
 rename src/foundation/icons/p-icons/{ic_info-menu.js => ic_service_info.js} (98%)
 rename src/foundation/icons/p-icons/{ic_identity.js => ic_service_my-page.js} (97%)
 rename src/foundation/icons/p-icons/{ic_plugin.js => ic_service_plugin.js} (98%)
 rename src/foundation/icons/p-icons/{ic_project.js => ic_service_project.js} (98%)
 rename src/foundation/icons/p-icons/{ic_workflow.js => ic_service_workflow.js} (96%)
 rename src/foundation/icons/p-icons/{ic_setting.js => ic_settings-filled.js} (98%)
 create mode 100644 src/foundation/icons/p-icons/ic_settings.js
 rename src/foundation/icons/p-icons/{ic_sorting_ascending.js => ic_sorting-ascending.js} (93%)
 rename src/foundation/icons/p-icons/{ic_sorting_descending.js => ic_sorting-descending.js} (93%)
 rename src/foundation/icons/p-icons/{ic_fault_tolerance.js => ic_spanner-filled.js} (95%)
 delete mode 100644 src/foundation/icons/p-icons/ic_state_manual.js
 delete mode 100644 src/foundation/icons/p-icons/ic_stopping.js
 rename src/foundation/icons/p-icons/{ic_reply.js => ic_subdirectory-arrow-right.js} (89%)
 delete mode 100644 src/foundation/icons/p-icons/ic_support.js
 delete mode 100644 src/foundation/icons/p-icons/ic_table_sort_fromA.js
 delete mode 100644 src/foundation/icons/p-icons/ic_top1.js
 delete mode 100644 src/foundation/icons/p-icons/ic_trashcan.js
 delete mode 100644 src/foundation/icons/p-icons/ic_tree_folder.js
 delete mode 100644 src/foundation/icons/p-icons/ic_tree_globe.js
 delete mode 100644 src/foundation/icons/p-icons/ic_tree_pool.js
 delete mode 100644 src/foundation/icons/p-icons/ic_tree_project-group_locked.js
 delete mode 100644 src/foundation/icons/p-icons/ic_tree_zone.js
 delete mode 100644 src/foundation/icons/p-icons/ic_up.js
 delete mode 100644 src/foundation/icons/p-icons/ic_urgency_low.js
 rename src/foundation/icons/p-icons/{ic_member.js => ic_users.js} (97%)
 rename src/foundation/icons/p-icons/{ic_state_duplicated.js => ic_warning-filled.js} (95%)
 delete mode 100644 src/foundation/icons/p-icons/ic_wrench.js
 delete mode 100644 src/foundation/icons/p-icons/illust_man_notification.js
 delete mode 100644 src/foundation/icons/p-icons/illust_pie.js
 delete mode 100644 src/foundation/icons/p-icons/illust_table.js
 delete mode 100644 src/foundation/icons/p-icons/illust_treemap.js
 delete mode 100644 src/foundation/icons/p-icons/illust_waffle.js
 rename src/foundation/icons/p-icons/{admin.js => img_avatar_admin.js} (97%)
 rename src/foundation/icons/p-icons/{project-admin.js => img_avatar_project-admin.js} (99%)
 rename src/foundation/icons/p-icons/{root-account.js => img_avatar_root-account.js} (99%)
 rename src/foundation/icons/p-icons/{user.js => img_avatar_user.js} (97%)
 create mode 100644 src/foundation/icons/p-icons/img_resource_default.js
 create mode 100644 src/foundation/icons/p-icons/img_resource_server.js
 delete mode 100644 src/foundation/icons/p-icons/logo_googleg_48dp.js

diff --git a/package.json b/package.json
index a35d11d2b..4f5df69f9 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "tsc-alias": "tsc-alias -p tsconfig.build.json",
     "build:storybook": "NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public",
     "storybook": "start-storybook -p 6006 -s public",
-    "icon": "vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6",
+    "icon": "vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6",
     "css": "node scripts/css.js",
     "eslint": "eslint --quiet --ext .js,.vue,.ts ./src/",
     "stylelint": "stylelint \"src/**/*.{css,vue,pcss,scss}\"",
diff --git a/src/data-display/board-item/PBoardItem.stories.mdx b/src/data-display/board-item/PBoardItem.stories.mdx
index ee473e4ce..f6647c75d 100644
--- a/src/data-display/board-item/PBoardItem.stories.mdx
+++ b/src/data-display/board-item/PBoardItem.stories.mdx
@@ -58,7 +58,7 @@ Main content used for `board-item` component is injected using `content` slot.<b
             template: `
                 <div class="h-full w-full overflow p-8">
                     <p-board-item
-                        left-icon="ic_more"
+                        left-icon="ic_ellipsis-horizontal"
                         :icon-button-sets="standardIconActionSet"
                     >
                         <template #content>
@@ -95,7 +95,7 @@ and when you want a custom ui, use the `left-content` slot to replace it.<br/>
             template: `
                 <div class="h-full w-full overflow p-8">
                     <p-board-item
-                        left-icon="ic_collector_tags"
+                        left-icon="ic_resource_hexagon"
                     >
                         <template #content>
                             <strong>Left Icon</strong>
diff --git a/src/data-display/board-item/mock.ts b/src/data-display/board-item/mock.ts
index 8cae8b0d3..208c0c4b4 100644
--- a/src/data-display/board-item/mock.ts
+++ b/src/data-display/board-item/mock.ts
@@ -14,7 +14,7 @@ export const standardIconActionSet: IconSet[] = [
         eventAction: () => {},
     },
     {
-        iconName: 'ic_trashcan',
+        iconName: 'ic_delete',
         tooltipText: 'Delete',
         eventAction: () => {},
     },
@@ -30,7 +30,7 @@ export const extraIconActionSet: IconSet[] = [
         eventAction: () => {},
     },
     {
-        iconName: 'ic_trashcan',
+        iconName: 'ic_delete',
         eventAction: () => {},
     },
     {
diff --git a/src/data-display/board/mock.ts b/src/data-display/board/mock.ts
index 224c64700..4f3fdfd74 100644
--- a/src/data-display/board/mock.ts
+++ b/src/data-display/board/mock.ts
@@ -42,23 +42,23 @@ export const basicItemSets: BoardSet[] = [
 
 export const boardStandardItemSets: BoardSet[] = [
     {
-        leftIcon: 'admin',
+        leftIcon: 'img_avatar_admin',
         iconButtonSets: standardIconActionSet,
     },
     {
-        leftIcon: 'aws-network',
+        leftIcon: 'img_avatar_project-admin',
         iconButtonSets: standardIconActionSet,
     },
     {
-        leftIcon: 'aws-ec2',
+        leftIcon: 'img_resource_default',
         iconButtonSets: standardIconActionSet,
     },
     {
-        leftIcon: 'ic_collector_tags',
+        leftIcon: 'ic_resource_hexagon',
         iconButtonSets: standardIconActionSet,
     },
     {
-        leftIcon: 'ic_server',
+        leftIcon: 'img_resource_server',
         iconButtonSets: standardIconActionSet,
     },
 ];
diff --git a/src/data-display/cards/card/PCard.stories.mdx b/src/data-display/cards/card/PCard.stories.mdx
index bfac4c1b9..c7742d8d8 100644
--- a/src/data-display/cards/card/PCard.stories.mdx
+++ b/src/data-display/cards/card/PCard.stories.mdx
@@ -170,7 +170,7 @@ If you give ```false``` to ```header``` props and don't give ```header``` slot,
             <template #header>
                 <div class="flex justify-between items-center">
                     <span class="text-gray-900">Created</span>
-                    <span class="text-alert">1 <p-i name="ic_decrease" height="12px" width="12px"/></span>
+                    <span class="text-alert">1 <p-i name="ic_caret-down-filled-alt" height="12px" width="12px" color="inherit" /></span>
                 </div>
             </template>
             <div class="flex justify-between items-center">
diff --git a/src/data-display/cards/list-card/PListCard.stories.mdx b/src/data-display/cards/list-card/PListCard.stories.mdx
index 3e959be19..8f6f366c2 100644
--- a/src/data-display/cards/list-card/PListCard.stories.mdx
+++ b/src/data-display/cards/list-card/PListCard.stories.mdx
@@ -158,7 +158,7 @@ If you give ```false``` to ```header``` props and don't give ```header``` slot,
                         </span>
                     </div>
                     <div v-if="item.description">
-                        <p-i name="ic_reply" width="1rem" height="1rem" class="ml-4" />
+                        <p-i name="ic_subdirectory-arrow-right" width="1rem" height="1rem" class="ml-4" />
                         <strong class="text-xs leading-5 text-gray-500 mr-1">{{item.description.message}}</strong>
                         <span class="text-xs leading-5 text-gray-400">{{item.date}}</span>
                     </div>
@@ -172,7 +172,7 @@ If you give ```false``` to ```header``` props and don't give ```header``` slot,
                 return {
                     items: range(10).map(() => ({
                         value: faker.lorem.sentence(6),
-                        icon: faker.helpers.arrayElement(['ic_alert', 'ic_list_duplication']),
+                        icon: faker.helpers.arrayElement(['ic_error-filled', 'ic_warning-filled']),
                         badge: faker.helpers.arrayElement(['Acknowledged', 'Triggered']),
                         date: dayjs(faker.date.past('2021')).format('MM/DD hh:mm'),
                         description: faker.helpers.arrayElement([{
diff --git a/src/data-display/collapsible/collapsible-toggle/PCollapsibleToggle.vue b/src/data-display/collapsible/collapsible-toggle/PCollapsibleToggle.vue
index 189667ce6..cb6d2418f 100644
--- a/src/data-display/collapsible/collapsible-toggle/PCollapsibleToggle.vue
+++ b/src/data-display/collapsible/collapsible-toggle/PCollapsibleToggle.vue
@@ -10,7 +10,7 @@
             </span>
             <p-i width="0.875rem"
                  height="0.875rem"
-                 :name="proxyIsCollapsed ? 'ic_arrow_bottom' : 'ic_arrow_top'"
+                 :name="proxyIsCollapsed ? 'ic_chevron-down' : 'ic_chevron-up'"
                  color="inherit"
             />
         </span>
diff --git a/src/data-display/dynamic/dynamic-field/PDynamicField.stories.mdx b/src/data-display/dynamic/dynamic-field/PDynamicField.stories.mdx
index 6b8a32040..5b05ea0ba 100644
--- a/src/data-display/dynamic/dynamic-field/PDynamicField.stories.mdx
+++ b/src/data-display/dynamic/dynamic-field/PDynamicField.stories.mdx
@@ -381,7 +381,7 @@ interface StateOptions extends CommonOptions {
                 <p-dynamic-field type="state" :options="{icon: {color: 'green.400'}}" data="RUNNING"></p-dynamic-field>
                 <br/><br/>
                 <p class="font-bold text-lg">with icon color</p><br/>
-                <p-dynamic-field type="state" :options="{icon: {image: 'ic_stopping'}}" data="RUNNING"></p-dynamic-field>
+                <p-dynamic-field type="state" :options="{icon: {image: 'ic_error-filled'}}" data="RUNNING"></p-dynamic-field>
                 <br/><br/>
                 <p class="font-bold my-4 text-lg">postfix ( state)</p>
                 <p-dynamic-field type="state" :options="{postfix: ' state', icon: {color: 'green.400'}}" data="RUNNING"></p-dynamic-field>
diff --git a/src/data-display/dynamic/dynamic-layout/mock.ts b/src/data-display/dynamic/dynamic-layout/mock.ts
index bb77686e0..952434117 100644
--- a/src/data-display/dynamic/dynamic-layout/mock.ts
+++ b/src/data-display/dynamic/dynamic-layout/mock.ts
@@ -74,7 +74,8 @@ export default {
                                 type: 'state',
                                 options: {
                                     icon: {
-                                        image: 'ic_state_active',
+                                        image: 'ic_check',
+                                        color: 'green.500',
                                     },
                                 },
                             },
@@ -82,7 +83,7 @@ export default {
                                 type: 'state',
                                 options: {
                                     icon: {
-                                        image: 'ic_state_duplicated',
+                                        image: 'ic_warning-filled',
                                     },
                                 },
                             },
@@ -90,7 +91,7 @@ export default {
                                 type: 'state',
                                 options: {
                                     icon: {
-                                        image: 'ic_state_disconnected',
+                                        image: 'ic_plug-filled',
                                     },
                                 },
                             },
@@ -98,7 +99,7 @@ export default {
                                 type: 'state',
                                 options: {
                                     icon: {
-                                        image: 'ic_state_manual',
+                                        image: 'ic_spanner',
                                     },
                                 },
                             },
@@ -406,7 +407,8 @@ export default {
                         type: 'state',
                         options: {
                             icon: {
-                                image: 'ic_state_active',
+                                image: 'ic_check',
+                                color: 'green.500',
                             },
                         },
                     },
@@ -414,7 +416,7 @@ export default {
                         type: 'state',
                         options: {
                             icon: {
-                                image: 'ic_state_duplicated',
+                                image: 'ic_warning-filled',
                             },
                         },
                     },
@@ -422,7 +424,7 @@ export default {
                         type: 'state',
                         options: {
                             icon: {
-                                image: 'ic_state_disconnected',
+                                image: 'ic_plug-filled',
                             },
                         },
                     },
@@ -430,7 +432,7 @@ export default {
                         type: 'state',
                         options: {
                             icon: {
-                                image: 'ic_state_manual',
+                                image: 'ic_spanner',
                             },
                         },
                     },
diff --git a/src/data-display/dynamic/dynamic-layout/templates/query-search-table/query-search-table.stories.mdx b/src/data-display/dynamic/dynamic-layout/templates/query-search-table/query-search-table.stories.mdx
index a7bbc6c90..f4517ca43 100644
--- a/src/data-display/dynamic/dynamic-layout/templates/query-search-table/query-search-table.stories.mdx
+++ b/src/data-display/dynamic/dynamic-layout/templates/query-search-table/query-search-table.stories.mdx
@@ -162,7 +162,8 @@ export const Template = (args, { argTypes }) => ({
                             type: 'state',
                             options: {
                                 icon: {
-                                    image: 'ic_state_active',
+                                    image: 'ic_check',
+                                    color: 'green.500',
                                 },
                             },
                         },
@@ -170,7 +171,7 @@ export const Template = (args, { argTypes }) => ({
                             type: 'state',
                             options: {
                                 icon: {
-                                    image: 'ic_state_disconnected',
+                                    image: 'ic_plug-filled',
                                 },
                             },
                         },
diff --git a/src/data-display/heading/PHeading.vue b/src/data-display/heading/PHeading.vue
index 544430695..50446fac5 100644
--- a/src/data-display/heading/PHeading.vue
+++ b/src/data-display/heading/PHeading.vue
@@ -6,7 +6,7 @@
             <span v-if="showBackButton"
                   class="back-button"
             >
-                <p-icon-button name="ic_back"
+                <p-icon-button name="ic_arrow-left"
                                @click="$emit('click-back-button',$event)"
                 />
             </span>
diff --git a/src/data-display/label/PLabel.stories.mdx b/src/data-display/label/PLabel.stories.mdx
index cf57a11d8..7abcdc0f2 100644
--- a/src/data-display/label/PLabel.stories.mdx
+++ b/src/data-display/label/PLabel.stories.mdx
@@ -59,13 +59,13 @@ export const Template = (args, {argTypes}) => ({
                     <div class="flex items-center">
                         <p-label text="Label"/>
                         <p-label text="Label" clickable/>
-                        <p-label left-icon="ic_private" text="Label"/>
+                        <p-label left-icon="ic_lock-filled" text="Label"/>
                     </div>
                     <br/>
                     <div class="flex items-center">
                         <p-label text="Label" deletable/>
                         <p-label text="Label" deletable clickable/>
-                        <p-label left-icon="ic_public" text="Label" deletable/>
+                        <p-label left-icon="ic_globe-filled" text="Label" deletable/>
                     </div>
                 </div>
             `
@@ -160,9 +160,9 @@ export const Template = (args, {argTypes}) => ({
             components: { PLabel },
             template: `
                 <div class="h-full w-full overflow p-8">
-                    <p-label left-icon="ic_private" text="Label"/>
-                    <p-label left-icon="ic_public" text="Label"/>
-                    <p-label left-icon="ic_tooltip" text="Label"/>
+                    <p-label left-icon="ic_lock-filled" text="Label"/>
+                    <p-label left-icon="ic_globe-filled" text="Label"/>
+                    <p-label left-icon="ic_question-mark-circle-filled" text="Label"/>
                 </div>
             `
         }}
diff --git a/src/data-display/label/PLabel.vue b/src/data-display/label/PLabel.vue
index 0dd29ec0b..07ba37606 100644
--- a/src/data-display/label/PLabel.vue
+++ b/src/data-display/label/PLabel.vue
@@ -19,7 +19,7 @@
         </span>
 
         <p-i v-if="deletable"
-             name="ic_delete"
+             name="ic_close"
              width="1rem"
              height="1rem"
              class="label-delete-icon"
diff --git a/src/data-display/popover/PPopover.vue b/src/data-display/popover/PPopover.vue
index 6acfe4962..0fd45e51b 100644
--- a/src/data-display/popover/PPopover.vue
+++ b/src/data-display/popover/PPopover.vue
@@ -9,14 +9,22 @@
         >
             <slot />
         </span>
-        <div ref="contentRef" class="popper" :class="{ 'visible': proxyIsVisible }">
+        <div ref="contentRef"
+             class="popper"
+             :class="{ 'visible': proxyIsVisible }"
+        >
             <div class="popper-content-wrapper">
                 <slot name="content" />
-                <p-icon-button name="ic_delete" color="inherit" size="sm"
-                               class="delete-icon" @click="handleClickDeleteIcon"
+                <p-icon-button name="ic_close"
+                               color="inherit"
+                               size="sm"
+                               class="delete-icon"
+                               @click="handleClickDeleteIcon"
                 />
             </div>
-            <div class="arrow" data-popper-arrow />
+            <div class="arrow"
+                 data-popper-arrow
+            />
         </div>
     </component>
 </template>
diff --git a/src/data-display/status/PStatus.stories.mdx b/src/data-display/status/PStatus.stories.mdx
index f781e9c6a..869e2770b 100644
--- a/src/data-display/status/PStatus.stories.mdx
+++ b/src/data-display/status/PStatus.stories.mdx
@@ -82,10 +82,10 @@ export const Template = (args, { argTypes }) => ({
             components:{ PStatus },
             template: `
                 <div style="display:flex; align-items:center; justify-content:center;">
-                    <p-status icon="ic_state_active" text="Enabled" style="margin: 1rem" />
-                    <p-status icon="ic_state_disconnected" text="Disconnected" style="margin: 1rem" />
-                    <p-status icon="ic_state_duplicated" text="Duplicated" style="margin: 1rem" />
-                    <p-status icon="ic_state_manual" text="Manual" style="margin: 1rem" icon-animation="spin" />
+                    <p-status icon="ic_check" text="Enabled" style="margin: 1rem" />
+                    <p-status icon="ic_plug-filled" text="Disconnected" style="margin: 1rem" />
+                    <p-status icon="ic_warning-filled" text="Duplicated" style="margin: 1rem" />
+                    <p-status icon="ic_spanner-filled" text="Manual" style="margin: 1rem" icon-animation="spin" />
                 </div>`,
         }}
     </Story>
diff --git a/src/data-display/tables/data-table/PDataTable.vue b/src/data-display/tables/data-table/PDataTable.vue
index dfabcf6ba..69ddd4fc1 100644
--- a/src/data-display/tables/data-table/PDataTable.vue
+++ b/src/data-display/tables/data-table/PDataTable.vue
@@ -68,11 +68,11 @@
                                             <template v-if="isFieldSortable(field.sortable)">
                                                 <p-i
                                                     v-if="sortable && (field.sortKey|| field.name) === sortBy"
-                                                    :name="proxyState.proxySortDesc ? 'ic_table_sort_fromZ' : 'ic_table_sort_fromA'"
+                                                    :name="proxyState.proxySortDesc ? 'ic_caret-up-filled' : 'ic_caret-down-filled'"
                                                     class="sort-icon"
                                                 />
                                                 <p-i v-else
-                                                     name="ic_table_sort"
+                                                     name="ic_caret-down"
                                                      class="sort-icon"
                                                 />
                                             </template>
diff --git a/src/data-display/tags/PTag.vue b/src/data-display/tags/PTag.vue
index 148bf91b9..34fe15bd7 100644
--- a/src/data-display/tags/PTag.vue
+++ b/src/data-display/tags/PTag.vue
@@ -4,20 +4,25 @@
           :class="{deletable: deletable, selected: selected, outline: outline, invalid: invalid}"
           v-on="$listeners"
     >
-        <p-i v-if="invalid" class="invalid-icon"
-             name="ic_alert"
+        <p-i v-if="invalid"
+             class="invalid-icon"
+             name="ic_error-filled"
              width="0.8rem"
              height="0.8rem"
         />
         <span class="tag-contents">
             <slot name="default">
-                <span v-if="categoryItem" class="category"><slot name="category">[{{ categoryItem.label || categoryItem.name }}]</slot></span>
-                <span v-if="keyItem" class="key"><slot name="key">{{ keyItem.label || keyItem.name }}:</slot></span>
+                <span v-if="categoryItem"
+                      class="category"
+                ><slot name="category">[{{ categoryItem.label || categoryItem.name }}]</slot></span>
+                <span v-if="keyItem"
+                      class="key"
+                ><slot name="key">{{ keyItem.label || keyItem.name }}:</slot></span>
                 <span v-if="valueItem"><slot name="value">{{ valueItem.label || valueItem.name }}</slot></span>
             </slot>
         </span>
         <p-i v-if="deletable"
-             name="ic_delete"
+             name="ic_close"
              width="1rem"
              height="1rem"
              class="delete-icon"
diff --git a/src/data-display/tree/PTree.stories.mdx b/src/data-display/tree/PTree.stories.mdx
index f4fdda879..6f6d82e25 100644
--- a/src/data-display/tree/PTree.stories.mdx
+++ b/src/data-display/tree/PTree.stories.mdx
@@ -63,7 +63,7 @@ export const ExpertTemplate = (args, { argTypes }) => ({
                     />
                 </template>
                 <template #toggle-right>
-                    <p-i name="ic_bookmark"
+                    <p-i name="ic_favorite-filled"
                          width="1rem" height="1rem"
                          color="inherit"
                     />
@@ -71,11 +71,11 @@ export const ExpertTemplate = (args, { argTypes }) => ({
                 <template #icon="{node}">
                     <template v-if="editMode">
                         <p-i v-if="node.data.item_type === 'PROJECT_GROUP'"
-                             :name="permissionInfo[node.data.id] ? 'ic_tree_project-group' : 'ic_tree_project-group_locked'"
+                             :name="permissionInfo[node.data.id] ? 'ic_folder-filled' : 'ic_lock-filled'"
                              width="1rem" height="1rem" color="inherit"
                         />
                     </template>
-                    <p-i v-else :name="node.data.item_type === 'PROJECT' ? 'ic_tree_project' : 'ic_tree_project-group'"
+                    <p-i v-else :name="node.data.item_type === 'PROJECT' ? 'ic_document-filled' : 'ic_folder-filled'"
                          width="1rem" height="1rem" color="inherit"
                     />
                 </template>
diff --git a/src/data-display/tree/PTree.vue b/src/data-display/tree/PTree.vue
index 8b8432944..500c83338 100644
--- a/src/data-display/tree/PTree.vue
+++ b/src/data-display/tree/PTree.vue
@@ -42,7 +42,7 @@
                                        size="sm"
                             />
                             <p-i v-else-if="!toggleOptions.validator || (toggleOptions.validator && toggleOptions.validator(node))"
-                                 :name="node.$folded ? 'ic_tree_arrow' : 'ic_tree_arrow--opened'"
+                                 :name="node.$folded ? 'ic_caret-right' : 'ic_caret-down-filled-alt'"
                                  width="1em"
                                  height="1em"
                                  color="inherit"
diff --git a/src/feedbacks/alert/notice-alert/PNoticeAlert.vue b/src/feedbacks/alert/notice-alert/PNoticeAlert.vue
index 0aa7dab72..203fae5ac 100644
--- a/src/feedbacks/alert/notice-alert/PNoticeAlert.vue
+++ b/src/feedbacks/alert/notice-alert/PNoticeAlert.vue
@@ -10,19 +10,20 @@
                  @click="close"
             >
                 <p-i v-if="item.type === 'success'"
-                     name="ic_state_active"
+                     name="ic_check"
                      class="item-type-icon"
                      width="1.5rem"
                      height="1.5rem"
+                     :color="safe"
                 />
                 <p-i v-if="item.type === 'warning'"
-                     name="ic_list_duplication"
+                     name="ic_warning-filled"
                      class="item-type-icon"
                      width="1.5rem"
                      height="1.5rem"
                 />
                 <p-i v-if="item.type === 'alert'"
-                     name="ic_alert"
+                     name="ic_error-filled"
                      class="item-type-icon"
                      width="1.5rem"
                      height="1.5rem"
@@ -43,6 +44,8 @@ import type { NoticeGroup, NoticePosition } from '@/feedbacks/alert/notice-alert
 import { NOTICE_GROUP, NOTICE_GROUP_POSITION_MAP } from '@/feedbacks/alert/notice-alert/config';
 import PI from '@/foundation/icons/PI.vue';
 
+import { safe } from '@/styles/colors.cjs';
+
 /**
  * Used library: vue-notification
  * https://www.npmjs.com/package/vue-notification
diff --git a/src/feedbacks/alert/toast-alert/PToastAlert.vue b/src/feedbacks/alert/toast-alert/PToastAlert.vue
index 272a27656..e8ce02464 100644
--- a/src/feedbacks/alert/toast-alert/PToastAlert.vue
+++ b/src/feedbacks/alert/toast-alert/PToastAlert.vue
@@ -12,20 +12,23 @@
                  @click="close"
             >
                 <div class="icon-wrapper">
-                    <p-i v-if="item.type === 'success'"
-                         name="ic_state_active"
-                         class="item-type-icon"
-                         width="1.5rem"
-                         height="1.5rem"
-                    />
+                    <span class="text-safe">
+                        <p-i v-if="item.type === 'success'"
+                             name="ic_check"
+                             class="item-type-icon"
+                             width="1.5rem"
+                             height="1.5rem"
+                             color="inherit"
+                        />
+                    </span>
                     <p-i v-if="item.type === 'warning'"
-                         name="ic_list_duplication"
+                         name="ic_warning-filled"
                          class="item-type-icon"
                          width="1.5rem"
                          height="1.5rem"
                     />
                     <p-i v-if="item.type === 'alert'"
-                         name="ic_alert"
+                         name="ic_error-filled"
                          class="item-type-icon"
                          width="1.5rem"
                          height="1.5rem"
@@ -45,7 +48,7 @@
                     </div>
                 </div>
                 <div class="button-wrapper">
-                    <p-i name="ic_delete"
+                    <p-i name="ic_close"
                          class="delete-icon"
                          width="1.5rem"
                          height="1.5rem"
diff --git a/src/feedbacks/loading/lazy-img/PLazyImg.stories.mdx b/src/feedbacks/loading/lazy-img/PLazyImg.stories.mdx
index 64455567c..cf7210d9b 100644
--- a/src/feedbacks/loading/lazy-img/PLazyImg.stories.mdx
+++ b/src/feedbacks/loading/lazy-img/PLazyImg.stories.mdx
@@ -70,7 +70,7 @@ export const Template = (args, { argTypes }) => ({
         </div>
         <div class="flex items-center mb-4">
             <h2 class=" mr-4">Custom Error Icon: </h2>
-            <p-lazy-img src="" error-icon="admin" />
+            <p-lazy-img src="" error-icon="img_avatar_admin" />
         </div>
         <div class="flex items-center">
             <h2 class=" mr-4">Using Error Slot: </h2>
@@ -103,7 +103,7 @@ export const Template = (args, { argTypes }) => ({
             template: `
     <p-lazy-img loading>
         <template #preloader>
-            <p-i name="ic_setting" animation="spin" :size="2"></p-i>
+            <p-i name="ic_settings-filled" animation="spin" :size="2"></p-i>
         </template>
     </p-lazy-img>
 `
diff --git a/src/feedbacks/loading/lazy-img/PLazyImg.vue b/src/feedbacks/loading/lazy-img/PLazyImg.vue
index c6d175ca0..c1c1ac995 100644
--- a/src/feedbacks/loading/lazy-img/PLazyImg.vue
+++ b/src/feedbacks/loading/lazy-img/PLazyImg.vue
@@ -1,8 +1,13 @@
 <template>
-    <transition-group name="fade-in" tag="span" class="p-lazy-img"
+    <transition-group name="fade-in"
+                      tag="span"
+                      class="p-lazy-img"
                       :style="{height, width}"
     >
-        <span v-if="!loading" key="img" class="img-container">
+        <span v-if="!loading"
+              key="img"
+              class="img-container"
+        >
             <img v-show="status === LOAD_STATUS.succeed"
                  :style="{height, width}"
                  :src="src || ''"
@@ -11,17 +16,31 @@
                  @error="onError"
             >
         </span>
-        <span v-show="!loading && status === LOAD_STATUS.errored" key="error-img" class="img-container error">
-            <slot name="error" v-bind="{...$props, ...$data}">
-                <p-i :name="errorIcon || 'ic_collector_tags'" :style="{height, width}"
-                     :height="height" :color="errorIconColor"
+        <span v-show="!loading && status === LOAD_STATUS.errored"
+              key="error-img"
+              class="img-container error"
+        >
+            <slot name="error"
+                  v-bind="{...$props, ...$data}"
+            >
+                <p-i :name="errorIcon || 'ic_resource_hexagon'"
+                     :style="{height, width}"
+                     :height="height"
+                     :color="errorIconColor"
                      :width="width"
                 />
             </slot>
         </span>
-        <span v-show="loading || status === LOAD_STATUS.loading" key="loader" class="img-container">
-            <slot name="preloader" v-bind="{...$props, ...$data}">
-                <p-skeleton :height="height" :width="width" />
+        <span v-show="loading || status === LOAD_STATUS.loading"
+              key="loader"
+              class="img-container"
+        >
+            <slot name="preloader"
+                  v-bind="{...$props, ...$data}"
+            >
+                <p-skeleton :height="height"
+                            :width="width"
+                />
             </slot>
         </span>
     </transition-group>
@@ -73,7 +92,7 @@ export default defineComponent<Props>({
         },
         errorIcon: {
             type: String,
-            default: 'ic_collector_tags',
+            default: 'ic_resource_hexagon',
         },
         errorIconColor: {
             type: String,
diff --git a/src/feedbacks/loading/lazy-img/story-helper.ts b/src/feedbacks/loading/lazy-img/story-helper.ts
index eb57a2434..121652239 100644
--- a/src/feedbacks/loading/lazy-img/story-helper.ts
+++ b/src/feedbacks/loading/lazy-img/story-helper.ts
@@ -59,13 +59,13 @@ export const getLazyImgArgTypes = (): ArgTypes => ({
         name: 'errorIcon',
         type: { name: 'string' },
         description: 'Alternative icon name when failed to load image. Refer to Icon component.',
-        defaultValue: 'ic_collector_tags',
+        defaultValue: 'ic_resource_hexagon',
         table: {
             type: {
                 summary: 'string',
             },
             defaultValue: {
-                summary: '"ic_collector_tags"',
+                summary: '"ic_resource_hexagon"',
             },
             category: 'props',
         },
diff --git a/src/feedbacks/modals/button-modal/PButtonModal.vue b/src/feedbacks/modals/button-modal/PButtonModal.vue
index 81a5c0132..422ebec49 100644
--- a/src/feedbacks/modals/button-modal/PButtonModal.vue
+++ b/src/feedbacks/modals/button-modal/PButtonModal.vue
@@ -25,7 +25,7 @@
                                 <div class="modal-header"
                                      :class="[`${themeColor}-header`]"
                                 >
-                                    <p-i name="ic_alert"
+                                    <p-i name="ic_error-filled"
                                          :class="[`modal-${themeColor}`]"
                                          class="header-img"
                                     />
@@ -33,7 +33,7 @@
                                 </div>
                             </slot>
                             <p-icon-button v-if="!hideHeaderCloseButton"
-                                           name="ic_delete"
+                                           name="ic_close"
                                            color="inherit"
                                            class="close-button"
                                            :class="[{disabled: loading},
diff --git a/src/feedbacks/modals/icon-modal/story-helper.ts b/src/feedbacks/modals/icon-modal/story-helper.ts
index 1f9422bd3..329702a60 100644
--- a/src/feedbacks/modals/icon-modal/story-helper.ts
+++ b/src/feedbacks/modals/icon-modal/story-helper.ts
@@ -45,7 +45,7 @@ export const getIconModalArgTypes = (): ArgTypes => ({
         name: 'iconName',
         type: { name: 'string' },
         description: 'Icon name.',
-        defaultValue: 'ic_dashboard',
+        defaultValue: 'ic_service_dashboard',
         table: {
             type: {
                 summary: 'string',
diff --git a/src/feedbacks/notification-bar/PNotificationBar.vue b/src/feedbacks/notification-bar/PNotificationBar.vue
index 12b773af9..54decb467 100644
--- a/src/feedbacks/notification-bar/PNotificationBar.vue
+++ b/src/feedbacks/notification-bar/PNotificationBar.vue
@@ -8,7 +8,7 @@
                     <slot />
                 </div>
                 <p-icon-button class="close-btn"
-                               name="ic_delete"
+                               name="ic_close"
                                size="lg"
                                @click.stop="onClose"
                 />
diff --git a/src/foundation/icons/PI.stories.mdx b/src/foundation/icons/PI.stories.mdx
index 3b6ade7bb..2a3f9e431 100644
--- a/src/foundation/icons/PI.stories.mdx
+++ b/src/foundation/icons/PI.stories.mdx
@@ -70,11 +70,9 @@ export const Template = (args, { argTypes }) => ({
             setup() {
                 return {
                     icons: [
-                        'ic_loading',
-                        'ic_in-progress',
+                        'ic_gear-filled',
                         'ic_refresh',
-                        'ic_booting',
-                        'common-gear'
+                        'ic_renew',
                     ]
                 }
             }
diff --git a/src/foundation/icons/icon-assets/ic_alarm-clock.svg b/src/foundation/icons/icon-assets/ic_alarm-clock.svg
new file mode 100644
index 000000000..852054f90
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_alarm-clock.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7341 3.44585C12.4054 3.12097 11.9733 2.92152 11.5128 2.88215C11.0524 2.84279 10.5927 2.96601 10.2136 3.2304C11.432 3.73769 12.4274 4.66627 13.0179 5.8466C13.2459 5.47232 13.3418 5.03243 13.2903 4.59724C13.2389 4.16204 13.043 3.75665 12.7341 3.44585V3.44585Z" fill="#222532"/>
+<path d="M5.87746 3.30531C5.49999 3.00552 5.02584 2.85426 4.54449 2.8801C4.06314 2.90593 3.6079 3.10706 3.26468 3.44553C2.9243 3.78817 2.7227 4.24462 2.69871 4.727C2.67471 5.20938 2.83002 5.68358 3.13473 6.0583C3.68346 4.83742 4.65864 3.85859 5.87746 3.30531V3.30531Z" fill="#222532"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4695 4.00161C9.58462 3.51694 8.57147 3.31797 7.56903 3.43198C6.6575 3.53847 5.79405 3.89946 5.07808 4.47359C4.36211 5.04771 3.82224 5.81181 3.52025 6.67844C3.21826 7.54506 3.16636 8.4792 3.37048 9.37394C3.56719 10.2362 3.99401 11.0283 4.60467 11.6664L3.80249 12.4686L3.80175 12.4693C3.7609 12.511 3.72867 12.5604 3.70689 12.6146C3.68512 12.6687 3.67423 12.7267 3.67484 12.7851C3.67545 12.8434 3.68756 12.9011 3.71047 12.9548C3.73338 13.0085 3.76665 13.0572 3.80837 13.0981C3.85009 13.1389 3.89944 13.1711 3.95362 13.1929C4.00779 13.2147 4.06572 13.2256 4.12411 13.225C4.18249 13.2243 4.24019 13.2122 4.29389 13.1893C4.34741 13.1665 4.39635 13.133 4.43711 13.0914L5.28502 12.2435C6.12108 12.8529 7.13074 13.1796 8.16682 13.1747C9.20261 13.1698 10.2089 12.8337 11.039 12.2168L11.9142 13.0924L11.9201 13.0974C12.0046 13.1698 12.1134 13.2077 12.2246 13.2034C12.3359 13.1991 12.4414 13.153 12.5201 13.0742C12.5988 12.9955 12.6449 12.89 12.6492 12.7788C12.6535 12.6675 12.616 12.5585 12.5436 12.474L11.6878 11.6309C12.3539 10.9201 12.7931 10.0258 12.9476 9.06244C13.1073 8.06628 12.9549 7.04508 12.5112 6.13898C12.0675 5.23288 11.3543 4.48628 10.4695 4.00161ZM7.48204 4.33868C8.3072 4.2023 9.15434 4.32775 9.90456 4.6974C10.6548 5.06706 11.2704 5.66237 11.665 6.39977C12.0597 7.13716 12.2135 7.97962 12.1048 8.80889C11.9903 9.68371 11.5899 10.4962 10.966 11.1201C10.3422 11.7439 9.52969 12.1443 8.65487 12.2589C7.8256 12.3675 6.98314 12.2137 6.24574 11.8191C5.50835 11.4244 4.91304 10.8088 4.54338 10.0586C4.17372 9.30836 4.04828 8.46122 4.18465 7.63606C4.32103 6.81091 4.71238 6.04917 5.30376 5.45779C5.89515 4.8664 6.65689 4.47505 7.48204 4.33868Z" fill="#222532"/>
+<path d="M10.4942 9.08862L8.42173 8.06266V5.38149C8.42173 5.29986 8.3893 5.22157 8.33158 5.16385C8.27386 5.10613 8.19557 5.0737 8.11394 5.0737C8.03231 5.0737 7.95402 5.10613 7.8963 5.16385C7.83858 5.22157 7.80615 5.29986 7.80615 5.38149V8.45937L10.2206 9.65632C10.294 9.69215 10.3787 9.69732 10.456 9.67071C10.5333 9.64409 10.5968 9.58786 10.6327 9.5144C10.6685 9.44093 10.6737 9.35624 10.6471 9.27896C10.6204 9.20167 10.5642 9.13813 10.4907 9.1023L10.4942 9.08862Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrow-down-bold.svg b/src/foundation/icons/icon-assets/ic_arrow-down-bold.svg
new file mode 100644
index 000000000..4af234d49
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrow-down-bold.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 13.4287L12 9.78912H9.77552L9.77552 2.00014H6.22448L6.22448 9.78912H4L8 13.4287Z" fill="#60B731"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrow-down.svg b/src/foundation/icons/icon-assets/ic_arrow-down.svg
new file mode 100644
index 000000000..06b33e600
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.89742 14.1026L7 16L16 25L25 16L23.1026 14.1026L17.3419 19.8633L17.3419 7L14.6581 7L14.6581 19.8633L8.89742 14.1026Z" fill="#515364"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrow-left.svg b/src/foundation/icons/icon-assets/ic_arrow-left.svg
new file mode 100755
index 000000000..1ccf9349c
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrow-left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4348 5.43433L3.86914 12L10.4348 18.5657L11.5662 17.4343L6.93188 12.8H19.0003V11.2H6.93188L11.5662 6.5657L10.4348 5.43433Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrow-up-bold-alt.svg b/src/foundation/icons/icon-assets/ic_arrow-up-bold-alt.svg
new file mode 100644
index 000000000..447f26bb2
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrow-up-bold-alt.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1L14 6.77778H10.7692V15H5.23077V6.77778H2L8 1Z" fill="url(#paint0_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="8" y1="1" x2="8" y2="13.8889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EF3817"/>
+<stop offset="0.916684" stop-color="#EF3817" stop-opacity="0.39"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrow-up-bold.svg b/src/foundation/icons/icon-assets/ic_arrow-up-bold.svg
new file mode 100644
index 000000000..ad1c71062
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrow-up-bold.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 2L4 5.63959H6.22448V13.4286H9.77552V5.63959H12L8 2Z" fill="#EF3817"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrow-up.svg b/src/foundation/icons/icon-assets/ic_arrow-up.svg
new file mode 100644
index 000000000..675458cb1
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrow-up.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.1026 17.8974L25 16L16 7L7 16L8.89742 17.8974L14.6581 12.1367L14.6581 25L17.3419 25L17.3419 12.1367L23.1026 17.8974Z" fill="#515364"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrows-collaps-all.svg b/src/foundation/icons/icon-assets/ic_arrows-collaps-all.svg
new file mode 100644
index 000000000..07e0f4cb6
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrows-collaps-all.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5858 6L26 7.41421L20.4143 12.9999L25 12.9999V14.9999H17V6.99994H19V11.5858L24.5858 6Z" fill="#232533"/>
+<path d="M15 17H7V19H11.5857L6 24.5857L7.41421 25.9999L13 20.4141V25H15V17Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrows-collapse-vertical.svg b/src/foundation/icons/icon-assets/ic_arrows-collapse-vertical.svg
new file mode 100644
index 000000000..090739853
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrows-collapse-vertical.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.846 6.97208L10 6.97208L15.984 13L22 6.97208L17.1543 6.97208L17.1542 2H14.8459L14.846 6.97208Z" fill="#232533"/>
+<path d="M14.846 25.0279L10 25.0279L15.984 19L22 25.0279L17.1543 25.0279L17.1542 30H14.8459L14.846 25.0279Z" fill="#232533"/>
+<path d="M4 15H7.42857V17H4V15Z" fill="#232533"/>
+<path d="M9.14286 15H12.5714V17H9.14286V15Z" fill="#232533"/>
+<path d="M14.2857 15H17.7143V17H14.2857V15Z" fill="#232533"/>
+<path d="M19.4286 15H22.8571V17H19.4286V15Z" fill="#232533"/>
+<path d="M24.5714 15H28V17H24.5714V15Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrows-expand-all.svg b/src/foundation/icons/icon-assets/ic_arrows-expand-all.svg
new file mode 100644
index 000000000..59529b834
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrows-expand-all.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26 6H18V8L22.5857 8L17 13.5857L18.4142 14.9999L24 9.41415V14H26V6Z" fill="#232533"/>
+<path d="M13.5858 17L15 18.4142L9.41428 23.9999H14V25.9999H6V17.9999H8V22.5858L13.5858 17Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrows-expand-vertical.svg b/src/foundation/icons/icon-assets/ic_arrows-expand-vertical.svg
new file mode 100644
index 000000000..df4692f65
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrows-expand-vertical.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.846 8.02792L10 8.02792L15.984 2L22 8.02792L17.1543 8.02792L17.1542 13H14.8459L14.846 8.02792Z" fill="#232533"/>
+<path d="M14.846 23.9721L10 23.9721L15.984 30L22 23.9721L17.1543 23.9721L17.1542 19H14.8459L14.846 23.9721Z" fill="#232533"/>
+<path d="M4 15H7.42857V17H4V15Z" fill="#232533"/>
+<path d="M9.14286 15H12.5714V17H9.14286V15Z" fill="#232533"/>
+<path d="M14.2857 15H17.7143V17H14.2857V15Z" fill="#232533"/>
+<path d="M19.4286 15H22.8571V17H19.4286V15Z" fill="#232533"/>
+<path d="M24.5714 15H28V17H24.5714V15Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrows-uturn-left.svg b/src/foundation/icons/icon-assets/ic_arrows-uturn-left.svg
new file mode 100644
index 000000000..58766c974
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrows-uturn-left.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 10H7.815L11.402 6.414L10 5L4 11L10 17L11.402 15.585L7.818 12H20C21.5913 12 23.1174 12.6321 24.2426 13.7574C25.3679 14.8826 26 16.4087 26 18C26 19.5913 25.3679 21.1174 24.2426 22.2426C23.1174 23.3679 21.5913 24 20 24H12V26H20C22.1217 26 24.1566 25.1571 25.6569 23.6569C27.1571 22.1566 28 20.1217 28 18C28 15.8783 27.1571 13.8434 25.6569 12.3431C24.1566 10.8429 22.1217 10 20 10Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_arrows-uturn-right.svg b/src/foundation/icons/icon-assets/ic_arrows-uturn-right.svg
new file mode 100644
index 000000000..1752b4407
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_arrows-uturn-right.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 10H24.185L20.598 6.414L22 5L28 11L22 17L20.598 15.585L24.182 12H12C10.4087 12 8.88258 12.6321 7.75736 13.7574C6.63214 14.8826 6 16.4087 6 18C6 19.5913 6.63214 21.1174 7.75736 22.2426C8.88258 23.3679 10.4087 24 12 24H20V26H12C9.87827 26 7.84344 25.1571 6.34315 23.6569C4.84285 22.1566 4 20.1217 4 18C4 15.8783 4.84285 13.8434 6.34315 12.3431C7.84344 10.8429 9.87827 10 12 10Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_calendar.svg b/src/foundation/icons/icon-assets/ic_calendar.svg
new file mode 100644
index 000000000..629989f24
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_calendar.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1205 3.29327H10.4723V2.4375H9.64826V3.29327H6.35196V2.4375H5.52789V3.29327H3.87974C3.66125 3.2935 3.45177 3.38373 3.29727 3.54417C3.14277 3.70461 3.05588 3.92214 3.05566 4.14904V12.7067C3.05588 12.9336 3.14277 13.1512 3.29727 13.3116C3.45177 13.472 3.66125 13.5623 3.87974 13.5625H12.1205C12.339 13.5623 12.5485 13.472 12.7029 13.3116C12.8574 13.1512 12.9443 12.9336 12.9446 12.7067V4.14904C12.9443 3.92214 12.8574 3.70461 12.7029 3.54417C12.5485 3.38373 12.339 3.2935 12.1205 3.29327V3.29327ZM3.87974 4.14904H5.52789V5.00481H6.35196V4.14904H9.64826V5.00481H10.4723V4.14904H12.1205V5.86058H3.87974V4.14904ZM3.87974 6.71635H5.93992V9.28365H3.87974V6.71635ZM9.23622 12.7067H6.764V10.1394H9.23622V12.7067ZM9.23622 9.28365H6.764V6.71635H9.23622V9.28365ZM10.0603 12.7067V10.1394H12.1205L12.1209 12.7067H10.0603Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_caret-down-filled-alt.svg b/src/foundation/icons/icon-assets/ic_caret-down-filled-alt.svg
new file mode 100644
index 000000000..298e11f95
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_caret-down-filled-alt.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.37403 5.5C3.81494 5.5 3.48147 6.1231 3.79159 6.58829L7.41789 12.0277C7.69496 12.4433 8.30568 12.4433 8.58276 12.0277L12.2091 6.58829C12.5192 6.1231 12.1857 5.5 11.6266 5.5H4.37403Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_caret-down.svg b/src/foundation/icons/icon-assets/ic_caret-down.svg
new file mode 100755
index 000000000..ff8d82d45
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_caret-down.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#A7A9B2;}
+</style>
+<g>
+	<path class="st0" d="M12,14.5c-0.2,0-0.3-0.1-0.4-0.2l-3-4c-0.1-0.2-0.1-0.4,0-0.5C8.6,9.6,8.8,9.5,9,9.5h6c0.2,0,0.4,0.1,0.4,0.3
+		s0.1,0.4,0,0.5l-3,4C12.3,14.4,12.2,14.5,12,14.5z M10,10.5l2,2.7l2-2.7H10z"/>
+</g>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_caret-right.svg b/src/foundation/icons/icon-assets/ic_caret-right.svg
new file mode 100755
index 000000000..3d387abd9
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_caret-right.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 11.0657L10.0986 7.99998L5.5 4.93424L5.5 11.0657ZM5.58829 12.2087C5.1231 12.5188 4.5 12.1854 4.5 11.6263L4.5 4.37368C4.5 3.8146 5.1231 3.48112 5.58829 3.79125L11.0277 7.41754C11.4433 7.69462 11.4433 8.30534 11.0277 8.58242L5.58829 12.2087Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_caret-up-filled-alt.svg b/src/foundation/icons/icon-assets/ic_caret-up-filled-alt.svg
new file mode 100644
index 000000000..91f947d3d
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_caret-up-filled-alt.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6264 11C12.1855 11 12.5189 10.3769 12.2088 9.91174L8.58252 4.47229C8.30544 4.05668 7.69472 4.05668 7.41765 4.47229L3.79135 9.91174C3.48122 10.3769 3.8147 11 4.37378 11H11.6264Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_caret-up-filled.svg b/src/foundation/icons/icon-assets/ic_caret-up-filled.svg
new file mode 100755
index 000000000..91395b9fc
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_caret-up-filled.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#202433;}
+</style>
+<path class="st0" d="M15.4,13.7l-3-4c-0.2-0.3-0.6-0.3-0.8,0l-3,4c-0.1,0.2-0.1,0.4,0,0.5c0.1,0.2,0.3,0.3,0.4,0.3h6
+	c0.2,0,0.4-0.1,0.4-0.3S15.5,13.9,15.4,13.7z"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_caret-up.svg b/src/foundation/icons/icon-assets/ic_caret-up.svg
new file mode 100644
index 000000000..a1a37d7ec
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_caret-up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 14L12 10L9 14H15Z" stroke="#232533" stroke-linejoin="round"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_check-circle.svg b/src/foundation/icons/icon-assets/ic_check-circle.svg
new file mode 100644
index 000000000..16cfbffcd
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_check-circle.svg
@@ -0,0 +1,13 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<g opacity="0.75">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.79203 4.66246C8.92467 4.27599 7.95563 4.18025 7.02941 4.38952C6.1032 4.59878 5.26944 5.10184 4.6525 5.82367C4.03555 6.5455 3.66846 7.44742 3.60598 8.39493C3.5435 9.34243 3.78898 10.2847 4.30581 11.0813C4.82263 11.8779 5.58311 12.4861 6.47383 12.8152C7.36454 13.1443 8.33777 13.1766 9.24836 12.9073C10.159 12.6381 10.9581 12.0817 11.5267 11.3212C12.0952 10.5607 12.4027 9.63673 12.4032 8.68717V8.23635C12.4032 7.9602 12.6271 7.73635 12.9032 7.73635C13.1794 7.73635 13.4032 7.9602 13.4032 8.23635V8.68746C13.4026 9.85266 13.0253 10.9867 12.3276 11.92C11.6299 12.8532 10.6493 13.5359 9.5319 13.8663C8.41451 14.1967 7.22027 14.157 6.12727 13.7532C5.03428 13.3494 4.1011 12.6031 3.4669 11.6256C2.83271 10.6481 2.53148 9.49181 2.60815 8.32913C2.68481 7.16645 3.13527 6.05971 3.89232 5.17395C4.64938 4.2882 5.67248 3.67089 6.80903 3.4141C7.94558 3.15731 9.1347 3.2748 10.199 3.74904C10.4513 3.86143 10.5646 4.15701 10.4522 4.40925C10.3398 4.66149 10.0443 4.77485 9.79203 4.66246Z" fill="#A8A5CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.644 5.40584C12.834 5.60615 12.8257 5.92262 12.6254 6.1127L8.34418 10.1752C8.15918 10.3507 7.87172 10.3589 7.67704 10.1942L5.64579 8.47544C5.43499 8.29707 5.4087 7.98158 5.58707 7.77078C5.76544 7.55998 6.08093 7.53369 6.29173 7.71206L7.9809 9.14136L11.9371 5.3873C12.1374 5.19723 12.4539 5.20552 12.644 5.40584Z" fill="#A8A5CE"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="12.2" height="12.2" fill="white" transform="translate(1.8999 2.40002)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_check.svg b/src/foundation/icons/icon-assets/ic_check.svg
new file mode 100755
index 000000000..032561961
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_check.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.14044 9.521L1.40044 6.96L0.148438 8.24L4.18244 12.15L11.0004 5.333L9.86644 4L4.14044 9.521Z" fill="#6638B6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_checkbox-circle-selected.svg b/src/foundation/icons/icon-assets/ic_checkbox-circle-selected.svg
new file mode 100644
index 000000000..47c659347
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_checkbox-circle-selected.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" fill="#007EE5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0607 13.4851L7.84146 11.3855L6.375 12.8529L10.1101 16.5L17.625 9.02553L16.2936 7.49991L10.0607 13.4851Z" fill="white"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_checkbox-disabled-selected.svg b/src/foundation/icons/icon-assets/ic_checkbox-disabled-selected.svg
new file mode 100644
index 000000000..a2709508f
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_checkbox-disabled-selected.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33301 2.83325C3.9523 2.83325 2.83301 3.95254 2.83301 5.33325V14.6666C2.83301 16.0473 3.95229 17.1666 5.33301 17.1666H14.6663C16.0471 17.1666 17.1663 16.0473 17.1663 14.6666V5.33325C17.1663 3.95254 16.0471 2.83325 14.6663 2.83325H5.33301Z" fill="#E5E5E8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.29667 11.0658L6.31167 9.1425L5 10.4867L8.34083 13.8275L15.5 6.66667L14.3092 5.26917L8.29667 11.0658Z" fill="white"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_checkbox-disabled.svg b/src/foundation/icons/icon-assets/ic_checkbox-disabled.svg
new file mode 100644
index 000000000..303b98a86
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_checkbox-disabled.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6667 3.33334H5.33337C4.2288 3.33334 3.33337 4.22877 3.33337 5.33334V14.6667C3.33337 15.7712 4.2288 16.6667 5.33337 16.6667H14.6667C15.7713 16.6667 16.6667 15.7712 16.6667 14.6667V5.33334C16.6667 4.22877 15.7713 3.33334 14.6667 3.33334Z" fill="#E5E5E8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.83337 5.33334C2.83337 3.95263 3.95266 2.83334 5.33337 2.83334H14.6667C16.0474 2.83334 17.1667 3.95263 17.1667 5.33334V14.6667C17.1667 16.0474 16.0474 17.1667 14.6667 17.1667H5.33337C3.95266 17.1667 2.83337 16.0474 2.83337 14.6667V5.33334ZM5.33337 3.83334C4.50495 3.83334 3.83337 4.50491 3.83337 5.33334V14.6667C3.83337 15.4951 4.50495 16.1667 5.33337 16.1667H14.6667C15.4951 16.1667 16.1667 15.4951 16.1667 14.6667V5.33334C16.1667 4.50492 15.4951 3.83334 14.6667 3.83334H5.33337Z" fill="#CED0D6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_checkbox-peacock-selected.svg b/src/foundation/icons/icon-assets/ic_checkbox-peacock-selected.svg
new file mode 100644
index 000000000..f0b1397a9
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_checkbox-peacock-selected.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33301 5.33325C3.33301 4.22868 4.22844 3.33325 5.33301 3.33325H14.6663C15.7709 3.33325 16.6663 4.22868 16.6663 5.33325V14.6666C16.6663 15.7712 15.7709 16.6666 14.6663 16.6666H5.33301C4.22844 16.6666 3.33301 15.7712 3.33301 14.6666V5.33325Z" fill="#4FD1C5" stroke="#4FD1C5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.29667 11.0657L6.31167 9.14238L5 10.4865L8.34083 13.8274L15.5 6.66654L14.3092 5.26904L8.29667 11.0657Z" fill="white"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_checkbox-selected.svg b/src/foundation/icons/icon-assets/ic_checkbox-selected.svg
new file mode 100644
index 000000000..47e108d89
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_checkbox-selected.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33301 2.83325C3.9523 2.83325 2.83301 3.95254 2.83301 5.33325V14.6666C2.83301 16.0473 3.95229 17.1666 5.33301 17.1666H14.6663C16.0471 17.1666 17.1663 16.0473 17.1663 14.6666V5.33325C17.1663 3.95254 16.0471 2.83325 14.6663 2.83325H5.33301Z" fill="#007EE5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.29667 11.0657L6.31167 9.14238L5 10.4865L8.34083 13.8274L15.5 6.66654L14.3092 5.26904L8.29667 11.0657Z" fill="white"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_checkbox.svg b/src/foundation/icons/icon-assets/ic_checkbox.svg
new file mode 100644
index 000000000..141600fbc
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.83301 5.33325C2.83301 3.95254 3.9523 2.83325 5.33301 2.83325H14.6663C16.0471 2.83325 17.1663 3.95254 17.1663 5.33325V14.6666C17.1663 16.0473 16.0471 17.1666 14.6663 17.1666H5.33301C3.95229 17.1666 2.83301 16.0473 2.83301 14.6666V5.33325ZM5.33301 3.83325C4.50458 3.83325 3.83301 4.50482 3.83301 5.33325V14.6666C3.83301 15.495 4.50458 16.1666 5.33301 16.1666H14.6663C15.4948 16.1666 16.1663 15.495 16.1663 14.6666V5.33325C16.1663 4.50482 15.4948 3.83325 14.6663 3.83325H5.33301Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-down.svg b/src/foundation/icons/icon-assets/ic_chevron-down.svg
new file mode 100755
index 000000000..d93b650de
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.53246 9.45083L12.0047 12.9496L15.4769 9.45083C15.5597 9.36734 15.6581 9.30112 15.7663 9.25594C15.8746 9.21076 15.9906 9.1875 16.1078 9.1875C16.2249 9.1875 16.341 9.21076 16.4492 9.25594C16.5575 9.30112 16.6558 9.36734 16.7387 9.45083C16.8215 9.53431 16.8872 9.63342 16.9321 9.7425C16.9769 9.85158 17 9.96849 17 10.0866C17 10.2046 16.9769 10.3215 16.9321 10.4306C16.8872 10.5397 16.8215 10.6388 16.7387 10.7223L12.6311 14.8613C12.5483 14.9449 12.45 15.0112 12.3417 15.0565C12.2334 15.1017 12.1174 15.125 12.0002 15.125C11.883 15.125 11.7669 15.1017 11.6587 15.0565C11.5504 15.0112 11.4521 14.9449 11.3693 14.8613L7.26171 10.7223C7.17875 10.6389 7.11293 10.5398 7.06802 10.4307C7.02311 10.3216 7 10.2047 7 10.0866C7 9.96846 7.02311 9.85152 7.06802 9.74243C7.11293 9.63334 7.17875 9.53425 7.26171 9.45083C7.61072 9.10817 8.18345 9.09915 8.53246 9.45083V9.45083Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-left-thin.svg b/src/foundation/icons/icon-assets/ic_chevron-left-thin.svg
new file mode 100644
index 000000000..85ac57979
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-left-thin.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8238 8L6.05876 12.5L5.17676 11.584L9.12876 8L5.17676 4.308L6.05876 3.5L10.8238 8Z" fill="#858895"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-left.svg b/src/foundation/icons/icon-assets/ic_chevron-left.svg
new file mode 100755
index 000000000..069adc5d8
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5492 8.53246L11.0504 12.0047L14.5492 15.4769C14.6327 15.5597 14.6989 15.6581 14.7441 15.7663C14.7892 15.8746 14.8125 15.9906 14.8125 16.1078C14.8125 16.2249 14.7892 16.341 14.7441 16.4492C14.6989 16.5575 14.6327 16.6558 14.5492 16.7387C14.4657 16.8215 14.3666 16.8872 14.2575 16.9321C14.1484 16.9769 14.0315 17 13.9134 17C13.7954 17 13.6785 16.9769 13.5694 16.9321C13.4603 16.8872 13.3612 16.8215 13.2777 16.7387L9.13871 12.6311C9.05511 12.5483 8.98879 12.45 8.94354 12.3417C8.89829 12.2334 8.875 12.1174 8.875 12.0002C8.875 11.883 8.89829 11.7669 8.94354 11.6587C8.98879 11.5504 9.05511 11.4521 9.13871 11.3693L13.2777 7.26171C13.3611 7.17875 13.4602 7.11293 13.5693 7.06802C13.6784 7.02311 13.7953 7 13.9134 7C14.0315 7 14.1485 7.02311 14.2576 7.06802C14.3667 7.11293 14.4657 7.17875 14.5492 7.26171C14.8918 7.61072 14.9009 8.18345 14.5492 8.53246V8.53246Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-right-circle-filled.svg b/src/foundation/icons/icon-assets/ic_chevron-right-circle-filled.svg
new file mode 100755
index 000000000..0efd86488
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-right-circle-filled.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#A5ACCE;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g transform="translate(5 13) rotate(-90)">
+	<circle class="st0" cx="3" cy="5" r="10"/>
+	<path class="st1" d="M3,8.8l-5-5l1.3-1.2L3,6.1l3.8-3.6L8,3.8L3,8.8z"/>
+</g>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-right-circle.svg b/src/foundation/icons/icon-assets/ic_chevron-right-circle.svg
new file mode 100755
index 000000000..8effab93b
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-right-circle.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="btn_ic_tree_hidden" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#A7A9B2;}
+</style>
+<g id="패스_428">
+	<path class="st0" d="M10,19.4c-5.1,0-9.4-4.2-9.4-9.4S4.9,0.6,10,0.6s9.4,4.2,9.4,9.4S15.1,19.4,10,19.4z"/>
+	<path class="st1" d="M10,1.3c-4.9,0-8.8,3.9-8.8,8.8s3.9,8.8,8.8,8.8s8.8-3.9,8.8-8.8S14.9,1.3,10,1.3 M10,0c5.5,0,10,4.5,10,10
+		s-4.5,10-10,10S0,15.5,0,10S4.5,0,10,0z"/>
+</g>
+<g id="icon_down-arrow-small" transform="translate(11 3) rotate(90)">
+	<path id="패스_361" class="st1" d="M7,4.8l-5-5l1.2-1.2L7,2.1l3.7-3.6L12-0.2L7,4.8z"/>
+</g>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-right.svg b/src/foundation/icons/icon-assets/ic_chevron-right.svg
new file mode 100755
index 000000000..e7d1a5c30
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.45083 15.4675L12.9496 11.9953L9.45083 8.52313C9.36734 8.44028 9.30112 8.34192 9.25594 8.23367C9.21076 8.12542 9.1875 8.0094 9.1875 7.89223C9.1875 7.77506 9.21076 7.65904 9.25594 7.55079C9.30112 7.44254 9.36734 7.34418 9.45083 7.26133C9.53431 7.17848 9.63342 7.11276 9.7425 7.06792C9.85158 7.02308 9.96849 7 10.0866 7C10.2046 7 10.3215 7.02308 10.4306 7.06792C10.5397 7.11276 10.6388 7.17848 10.7223 7.26133L14.8613 11.3689C14.9449 11.4517 15.0112 11.55 15.0565 11.6583C15.1017 11.7666 15.125 11.8826 15.125 11.9998C15.125 12.117 15.1017 12.2331 15.0565 12.3413C15.0112 12.4496 14.9449 12.5479 14.8613 12.6307L10.7223 16.7383C10.6389 16.8213 10.5398 16.8871 10.4307 16.932C10.3216 16.9769 10.2047 17 10.0866 17C9.96846 17 9.85152 16.9769 9.74243 16.932C9.63334 16.8871 9.53425 16.8213 9.45083 16.7383C9.10817 16.3893 9.09915 15.8165 9.45083 15.4675V15.4675Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-small-down.svg b/src/foundation/icons/icon-assets/ic_chevron-small-down.svg
new file mode 100644
index 000000000..8e8276cf4
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-small-down.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.22597 1.96066L4.00373 4.75967L6.78149 1.96066C6.84778 1.89387 6.92646 1.8409 7.01306 1.80475C7.09966 1.7686 7.19248 1.75 7.28621 1.75C7.37995 1.75 7.47277 1.7686 7.55937 1.80475C7.64597 1.8409 7.72466 1.89387 7.79094 1.96066C7.85722 2.02745 7.9098 2.10674 7.94567 2.194C7.98154 2.28127 8 2.37479 8 2.46925C8 2.5637 7.98154 2.65723 7.94567 2.74449C7.9098 2.83175 7.85722 2.91104 7.79094 2.97783L4.50487 6.28903C4.43864 6.35591 4.35997 6.40896 4.27336 6.44517C4.18676 6.48137 4.09391 6.5 4.00015 6.5C3.90639 6.5 3.81355 6.48137 3.72694 6.44517C3.64033 6.40896 3.56166 6.35591 3.49543 6.28903L0.209366 2.97783C0.142998 2.91109 0.0903436 2.83182 0.0544178 2.74455C0.018492 2.65728 0 2.56373 0 2.46925C0 2.37477 0.018492 2.28121 0.0544178 2.19394C0.0903436 2.10667 0.142998 2.0274 0.209366 1.96066C0.488574 1.68653 0.946761 1.67932 1.22597 1.96066V1.96066Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-small-left.svg b/src/foundation/icons/icon-assets/ic_chevron-small-left.svg
new file mode 100644
index 000000000..b7d1d7f87
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-small-left.svg
@@ -0,0 +1,10 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-514132)">
+<path d="M6.16434 1.35097L3.36533 4.12873L6.16434 6.90649C6.23113 6.97278 6.2841 7.05146 6.32025 7.13806C6.3564 7.22466 6.375 7.31748 6.375 7.41121C6.375 7.50495 6.3564 7.59777 6.32025 7.68437C6.2841 7.77097 6.23113 7.84966 6.16434 7.91594C6.09755 7.98222 6.01826 8.0348 5.931 8.07067C5.84373 8.10654 5.75021 8.125 5.65575 8.125C5.5613 8.125 5.46777 8.10654 5.38051 8.07067C5.29325 8.0348 5.21396 7.98222 5.14717 7.91594L1.83597 4.62987C1.76909 4.56364 1.71604 4.48497 1.67983 4.39836C1.64363 4.31176 1.625 4.21891 1.625 4.12515C1.625 4.03139 1.64363 3.93855 1.67983 3.85194C1.71604 3.76533 1.76909 3.68666 1.83597 3.62043L5.14717 0.334366C5.21391 0.267998 5.29318 0.215344 5.38045 0.179418C5.46772 0.143492 5.56127 0.125 5.65575 0.125C5.75023 0.125 5.84379 0.143492 5.93106 0.179418C6.01833 0.215344 6.0976 0.267998 6.16434 0.334366C6.43847 0.613574 6.44568 1.07176 6.16434 1.35097Z" fill="#222532"/>
+</g>
+<defs>
+<clipPath id="clip0-514132">
+<rect width="8" height="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-small-right.svg b/src/foundation/icons/icon-assets/ic_chevron-small-right.svg
new file mode 100644
index 000000000..22bfdc20d
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-small-right.svg
@@ -0,0 +1,10 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-226816)">
+<path d="M1.83566 6.89903L4.63467 4.12127L1.83566 1.34351C1.76887 1.27722 1.7159 1.19854 1.67975 1.11194C1.6436 1.02534 1.625 0.93252 1.625 0.838785C1.625 0.745049 1.6436 0.652231 1.67975 0.565631C1.7159 0.47903 1.76887 0.400342 1.83566 0.334062C1.90245 0.26778 1.98174 0.215204 2.069 0.179333C2.15627 0.143462 2.24979 0.125 2.34425 0.125C2.4387 0.125 2.53223 0.143462 2.61949 0.179333C2.70675 0.215204 2.78604 0.26778 2.85283 0.334062L6.16403 3.62013C6.23091 3.68636 6.28396 3.76503 6.32017 3.85164C6.35637 3.93824 6.375 4.03109 6.375 4.12485C6.375 4.21861 6.35637 4.31145 6.32017 4.39806C6.28396 4.48467 6.23091 4.56334 6.16403 4.62957L2.85283 7.91563C2.78609 7.982 2.70682 8.03466 2.61955 8.07058C2.53228 8.10651 2.43873 8.125 2.34425 8.125C2.24977 8.125 2.15621 8.10651 2.06894 8.07058C1.98167 8.03466 1.9024 7.982 1.83566 7.91563C1.56153 7.63643 1.55432 7.17824 1.83566 6.89903Z" fill="#222532"/>
+</g>
+<defs>
+<clipPath id="clip0-226816">
+<rect width="8" height="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-small-up.svg b/src/foundation/icons/icon-assets/ic_chevron-small-up.svg
new file mode 100644
index 000000000..16ac1fbac
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-small-up.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.77403 6.03934L3.99627 3.24032L1.21851 6.03934C1.15222 6.10613 1.07354 6.1591 0.986938 6.19525C0.900338 6.2314 0.807521 6.25 0.713785 6.25C0.620049 6.25 0.527231 6.2314 0.440631 6.19525C0.35403 6.1591 0.275343 6.10613 0.209062 6.03934C0.14278 5.97255 0.0902044 5.89326 0.0543334 5.806C0.0184623 5.71873 -5.93866e-08 5.62521 -5.04309e-08 5.53075C-4.14752e-08 5.4363 0.0184624 5.34277 0.0543334 5.25551C0.0902045 5.16825 0.142781 5.08896 0.209062 5.02217L3.49513 1.71097C3.56136 1.64409 3.64003 1.59103 3.72664 1.55483C3.81324 1.51863 3.90609 1.5 3.99985 1.5C4.09361 1.5 4.18645 1.51863 4.27306 1.55483C4.35967 1.59103 4.43834 1.64409 4.50457 1.71097L7.79063 5.02217C7.857 5.08891 7.90966 5.16818 7.94558 5.25545C7.98151 5.34272 8 5.43627 8 5.53075C8 5.62523 7.98151 5.71879 7.94558 5.80606C7.90966 5.89333 7.857 5.9726 7.79063 6.03934C7.51143 6.31347 7.05324 6.32068 6.77403 6.03934V6.03934Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_chevron-up.svg b/src/foundation/icons/icon-assets/ic_chevron-up.svg
new file mode 100755
index 000000000..3c8dba939
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_chevron-up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4675 14.5492L11.9953 11.0504L8.52313 14.5492C8.44028 14.6327 8.34192 14.6989 8.23367 14.7441C8.12542 14.7892 8.0094 14.8125 7.89223 14.8125C7.77506 14.8125 7.65904 14.7892 7.55079 14.7441C7.44254 14.6989 7.34418 14.6327 7.26133 14.5492C7.17848 14.4657 7.11276 14.3666 7.06792 14.2575C7.02308 14.1484 7 14.0315 7 13.9134C7 13.7954 7.02308 13.6785 7.06792 13.5694C7.11276 13.4603 7.17848 13.3612 7.26133 13.2777L11.3689 9.13871C11.4517 9.05511 11.55 8.98879 11.6583 8.94354C11.7666 8.89829 11.8826 8.875 11.9998 8.875C12.117 8.875 12.2331 8.89829 12.3413 8.94354C12.4496 8.98879 12.5479 9.05511 12.6307 9.13871L16.7383 13.2777C16.8213 13.3611 16.8871 13.4602 16.932 13.5693C16.9769 13.6784 17 13.7953 17 13.9134C17 14.0315 16.9769 14.1485 16.932 14.2576C16.8871 14.3667 16.8213 14.4657 16.7383 14.5492C16.3893 14.8918 15.8165 14.9009 15.4675 14.5492V14.5492Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_clock.svg b/src/foundation/icons/icon-assets/ic_clock.svg
new file mode 100644
index 000000000..9cbd0b101
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_clock.svg
@@ -0,0 +1,12 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-024050)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38625 0.76425C6.25772 0.754761 6.12888 0.750007 6 0.75V0C6.1474 7.18707e-05 6.29475 0.00557561 6.44175 0.0165L6.38625 0.76425ZM7.88925 1.10175C7.64883 1.00898 7.40192 0.934026 7.1505 0.8775L7.31475 0.1455C7.602 0.21 7.88475 0.2955 8.15925 0.402L7.88925 1.10175ZM8.91675 1.63425C8.80952 1.56274 8.69969 1.49519 8.5875 1.43175L8.95725 0.77925C9.21368 0.924552 9.45909 1.08849 9.6915 1.26975L9.23025 1.8615C9.12857 1.78217 9.024 1.70662 8.91675 1.635V1.63425ZM10.2922 2.97675C10.1439 2.76598 9.9802 2.56644 9.8025 2.37975L10.3455 1.86225C10.548 2.076 10.7355 2.30475 10.9057 2.54475L10.2922 2.97675ZM10.8502 3.99075C10.801 3.87184 10.7475 3.75477 10.6897 3.63975L11.3595 3.30225C11.4919 3.56556 11.6048 3.83831 11.697 4.11825L10.9845 4.353C10.9442 4.23065 10.8994 4.10982 10.8502 3.99075ZM11.2477 5.871C11.2417 5.61326 11.2166 5.35631 11.1727 5.10225L11.9115 4.97475C11.9617 5.26425 11.991 5.55825 11.9985 5.85225L11.2485 5.871H11.2477ZM11.1495 7.0245C11.1742 6.897 11.1945 6.77025 11.2102 6.642L11.955 6.73425C11.919 7.02687 11.8613 7.31641 11.7825 7.6005L11.0595 7.40025C11.094 7.2765 11.124 7.15125 11.1495 7.0245ZM10.4355 8.80875C10.5735 8.59125 10.695 8.36325 10.8 8.12775L11.4855 8.4315C11.3655 8.7015 11.2267 8.961 11.0692 9.21L10.4355 8.80875ZM9.7125 9.7125C9.804 9.621 9.89175 9.5265 9.975 9.429L10.5435 9.91875C10.4472 10.0304 10.3469 10.1384 10.2427 10.2428L9.7125 9.7125Z" fill="#A7A9B2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.99941 0.75C5.13607 0.750062 4.28607 0.963035 3.5247 1.37005C2.76332 1.77707 2.11407 2.36558 1.63446 3.08344C1.15484 3.8013 0.859659 4.62636 0.775059 5.48555C0.690459 6.34473 0.819051 7.21152 1.14945 8.00914C1.47984 8.80676 2.00184 9.51059 2.66921 10.0583C3.33658 10.606 4.12872 10.9807 4.97546 11.1491C5.82221 11.3175 6.69743 11.2746 7.52361 11.024C8.34978 10.7734 9.10141 10.3229 9.71191 9.7125L10.2422 10.2428C9.54446 10.9408 8.68535 11.456 7.74094 11.7427C6.79654 12.0294 5.79599 12.0788 4.82796 11.8864C3.85993 11.6939 2.95431 11.2657 2.19132 10.6397C1.42834 10.0136 0.831565 9.209 0.453864 8.29717C0.0761633 7.38533 -0.0707971 6.39441 0.0260037 5.4122C0.122805 4.42999 0.460378 3.48683 1.00881 2.66626C1.55725 1.8457 2.29961 1.17308 3.17013 0.708002C4.04065 0.242921 5.01245 -0.000261549 5.99941 2.11094e-07V0.75Z" fill="#A7A9B2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.06445 3.32837C5.16391 3.32837 5.25929 3.36788 5.32962 3.4382C5.39994 3.50853 5.40674 3.57788 5.43945 3.70337L6.0005 6.53248L8.39116 8.41676C8.475 8.46734 8.53573 8.54871 8.56038 8.64347C8.58502 8.73824 8.57162 8.83889 8.52304 8.92391C8.47446 9.00892 8.39455 9.07157 8.30039 9.09845C8.20624 9.12533 8.1053 9.11431 8.01916 9.06776L5.4395 7.07548C5.3821 7.04269 5.33439 6.99532 5.3012 6.93816C5.26801 6.881 5.24658 6.80835 5.22705 6.71069L4.68945 3.70337C4.68945 3.60391 4.72896 3.50853 4.79929 3.4382C4.86961 3.36788 4.965 3.32837 5.06445 3.32837Z" fill="#A7A9B2"/>
+</g>
+<defs>
+<clipPath id="clip0-024050">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_close.svg b/src/foundation/icons/icon-assets/ic_close.svg
new file mode 100755
index 000000000..5eae6902a
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 7.6L16.4 6.5L12 10.9L7.6 6.5L6.5 7.6L10.9 12L6.5 16.4L7.6 17.5L12 13.1L16.4 17.5L17.5 16.4L13.1 12L17.5 7.6Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_coin-filled.svg b/src/foundation/icons/icon-assets/ic_coin-filled.svg
new file mode 100644
index 000000000..e2635ab03
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_coin-filled.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 0C3.13396 0 0 3.13396 0 7C0 10.866 3.13396 14 7 14C10.866 14 14 10.866 14 7C14 3.13396 10.866 0 7 0ZM9.47751 8.29324C9.47751 9.09241 8.82734 9.74258 8.02817 9.74258H7.5777V10.9799H6.52924V9.74258H4.94632V8.69412H8.02817C8.24921 8.69412 8.42905 8.51428 8.42905 8.29324V7.9327C8.42905 7.71166 8.24921 7.53182 8.02817 7.53182H6.07871C5.27954 7.53182 4.62937 6.88165 4.62937 6.08248V5.65285C4.62937 4.85368 5.27954 4.20352 6.07871 4.20352H6.52924V2.93149H7.5777V4.20352H9.16056V5.25197H6.07871C5.85767 5.25197 5.67783 5.43181 5.67783 5.65285V6.08248C5.67783 6.30352 5.85767 6.48336 6.07871 6.48336H8.02817C8.82734 6.48336 9.47751 7.13352 9.47751 7.9327V8.29324Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_copy-filled.svg b/src/foundation/icons/icon-assets/ic_copy-filled.svg
new file mode 100755
index 000000000..c2e77afc3
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_copy-filled.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-502783)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.1494 0.508815L15.5632 3.02905C15.7931 3.28338 16 3.81517 16 4.16199V11.6302C16 11.977 15.7241 12.3007 15.3563 12.3007H11.0575V11.7877L11.0485 11.7881V8.05134C11.0704 7.82089 11.0451 6.98136 10.571 6.4546C10.4982 6.37371 10.4025 6.26589 10.2894 6.13849L10.2893 6.13839L10.2893 6.13839C9.66606 5.43607 8.51464 4.13866 7.7561 3.4751C7.59282 3.33227 7.34107 3.11355 6.96552 2.96788V2.9828C6.73563 2.89032 6.43678 2.84407 6.2069 2.84407H5.86207V0.693786C5.86207 0.323843 6.16092 0.0463867 6.50575 0.0463867H12.069C12.4138 0.0463867 12.9195 0.254479 13.1494 0.508815ZM7.31034 4.20824L9.70115 6.75159C9.95402 7.00592 10.1379 7.5146 10.1379 7.86142V15.3296C10.1379 15.6996 9.86207 16.0001 9.51724 16.0001H0.666667C0.298851 16.0001 0 15.6996 0 15.3296V4.39321C0 4.04639 0.298851 3.72269 0.666667 3.72269H6.2069C6.55172 3.72269 7.05747 3.9539 7.31034 4.20824ZM6.33483 8.03626H9.10727C9.1959 8.03626 9.24072 7.92951 9.17866 7.86624L6.25622 4.8866C6.19351 4.82266 6.08483 4.86706 6.08483 4.95662V7.78626C6.08483 7.92433 6.19676 8.03626 6.33483 8.03626ZM14.9345 4.38259H12.0456C11.9075 4.38259 11.7956 4.27066 11.7956 4.13259V1.18422C11.7956 1.09466 11.9042 1.05026 11.967 1.1142L15.0058 4.21257C15.0679 4.27584 15.0231 4.38259 14.9345 4.38259Z" fill="#007EE5"/>
+</g>
+<defs>
+<clipPath id="clip0-502783">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_copy.svg b/src/foundation/icons/icon-assets/ic_copy.svg
new file mode 100755
index 000000000..77cd6ce03
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_copy.svg
@@ -0,0 +1,10 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-613700)">
+<path d="M10.5195 0.371015L12.4506 2.39304C12.6345 2.5971 12.8 3.02377 12.8 3.30203V9.29391C12.8 9.57217 12.5793 9.83188 12.2851 9.83188H8.84598V8.9229H11.7333C11.8253 8.9229 11.8989 8.8487 11.8989 8.75594V3.71015C11.8989 3.61739 11.8253 3.54319 11.7333 3.54319H9.6C9.50805 3.54319 9.41609 3.46899 9.41609 3.37623V1.07594C9.41609 0.983188 9.34253 0.908986 9.25058 0.908986H5.75632C5.66437 0.908986 5.57241 0.983188 5.57241 1.07594V2.35594C5.38851 2.28174 5.14943 2.24464 4.96552 2.24464H4.68966V0.51942C4.68966 0.222609 4.92874 0 5.2046 0H9.65517C9.93103 0 10.3356 0.166957 10.5195 0.371015ZM10.4828 2.6342H11.2552C11.3471 2.6342 11.3655 2.57855 11.3103 2.50435L10.4276 1.59536C10.3724 1.52116 10.3172 1.53971 10.3172 1.63246V2.46725C10.3172 2.56 10.3908 2.6342 10.4828 2.6342ZM5.84828 3.33913L7.76092 5.37971C7.96322 5.58377 8.11034 5.99188 8.11034 6.27015V12.262C8.11034 12.5588 7.88966 12.8 7.61379 12.8H0.533333C0.23908 12.8 0 12.5588 0 12.262V3.48754C0 3.20928 0.23908 2.94957 0.533333 2.94957H4.96552C5.24138 2.94957 5.64598 3.13507 5.84828 3.33913ZM1.06667 11.891H7.04368C7.13563 11.891 7.22759 11.8168 7.22759 11.7241V6.67826C7.22759 6.58551 7.13563 6.5113 7.04368 6.5113H4.91034C4.81839 6.5113 4.74483 6.4371 4.74483 6.34435V4.04406C4.74483 3.9513 4.67126 3.8771 4.57931 3.8771H1.06667C0.974713 3.8771 0.901149 3.9513 0.901149 4.04406V11.7241C0.901149 11.8168 0.974713 11.891 1.06667 11.891ZM6.62069 5.49101L5.75632 4.54493C5.68276 4.47073 5.62759 4.52638 5.62759 4.61913V5.43536C5.62759 5.52812 5.71954 5.60232 5.81149 5.60232H6.56552C6.65747 5.60232 6.69425 5.54667 6.62069 5.49101Z" fill="#858895"/>
+</g>
+<defs>
+<clipPath id="clip0-613700">
+<rect width="12.8" height="12.8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-customize.svg b/src/foundation/icons/icon-assets/ic_dashboard-customize.svg
new file mode 100644
index 000000000..09f9dc17d
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-customize.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.33337 2V9H9.33337V2H2.33337ZM1.33337 0C0.781089 0 0.333374 0.447715 0.333374 1V10C0.333374 10.5523 0.781089 11 1.33337 11H10.3334C10.8857 11 11.3334 10.5523 11.3334 10V1C11.3334 0.447715 10.8857 0 10.3334 0H1.33337Z" fill="#232533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.33337 15V22H9.33337V15H2.33337ZM1.33337 13C0.781089 13 0.333374 13.4477 0.333374 14V23C0.333374 23.5523 0.781089 24 1.33337 24H10.3334C10.8857 24 11.3334 23.5523 11.3334 23V14C11.3334 13.4477 10.8857 13 10.3334 13H1.33337Z" fill="#232533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3334 2V9H22.3334V2H15.3334ZM14.3334 0C13.7811 0 13.3334 0.447715 13.3334 1V10C13.3334 10.5523 13.7811 11 14.3334 11H23.3334C23.8857 11 24.3334 10.5523 24.3334 10V1C24.3334 0.447715 23.8857 0 23.3334 0H14.3334Z" fill="#232533"/>
+<path d="M17.8334 14C17.8334 13.4477 18.2811 13 18.8334 13C19.3857 13 19.8334 13.4477 19.8334 14V23C19.8334 23.5523 19.3857 24 18.8334 24C18.2811 24 17.8334 23.5523 17.8334 23V14Z" fill="#232533"/>
+<path d="M23.3334 17.5C23.8857 17.5 24.3334 17.9477 24.3334 18.5C24.3334 19.0523 23.8857 19.5 23.3334 19.5H14.3334C13.7811 19.5 13.3334 19.0523 13.3334 18.5C13.3334 17.9477 13.7811 17.5 14.3334 17.5H23.3334Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-template_alert-manager.svg b/src/foundation/icons/icon-assets/ic_dashboard-template_alert-manager.svg
new file mode 100644
index 000000000..fd83a6ffc
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-template_alert-manager.svg
@@ -0,0 +1,10 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.19995 10C5.19995 7.34905 7.34898 5.20001 9.99995 5.20001H29.516V6.80001H9.99995C8.23264 6.80001 6.79995 8.2327 6.79995 10V39C6.79995 40.7673 8.23264 42.2 9.99995 42.2H38C39.7673 42.2 41.2 40.7673 41.2 39V23.354H42.7999V39C42.7999 41.651 40.6509 43.8 38 43.8H9.99995C7.34898 43.8 5.19995 41.651 5.19995 39V10Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 19.9H5.99995V18.1H24V19.9Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42 31.9H5.99995V30.1H42V31.9Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 37.9L16 37.9V36.1L32 36.1V37.9Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 37.9H8.99995V36.1H13V37.9Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 25.9L16 25.9V24.1L32 24.1V25.9Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27 13.9L16 13.9V12.1L27 12.1V13.9Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.2833 4.17443C38.5166 2.8254 36.5724 2.8254 35.8057 4.17443L28.1624 17.6228C27.4047 18.9561 28.3676 20.6111 29.9012 20.6111H45.1877C46.7213 20.6111 47.6843 18.9561 46.9265 17.6228L39.2833 4.17443ZM36.7849 14.7539H38.3301L38.5973 9.65556C38.6286 9.05989 38.154 8.55979 37.5575 8.55979C36.961 8.55979 36.4864 9.05989 36.5177 9.65556L36.7849 14.7539ZM36.7589 16.0914C36.5425 16.2472 36.4343 16.5242 36.4343 16.9224C36.4343 17.3034 36.5425 17.5804 36.7589 17.7535C36.9753 17.918 37.2394 18.0002 37.551 18.0002C37.854 18.0002 38.1137 17.918 38.3301 17.7535C38.5466 17.5804 38.6548 17.3034 38.6548 16.9224C38.6548 16.5242 38.5466 16.2472 38.3301 16.0914C38.1137 15.9269 37.854 15.8446 37.551 15.8446C37.2394 15.8446 36.9753 15.9269 36.7589 16.0914Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-template_blank.svg b/src/foundation/icons/icon-assets/ic_dashboard-template_blank.svg
new file mode 100644
index 000000000..6deec50be
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-template_blank.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19652_288282)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.21935 47.9239L3.41342 46.9429C3.60233 46.9802 3.79836 47 4 47H5V48H4C3.73286 48 3.47183 47.9738 3.21935 47.9239ZM43 48V47H44C44.2016 47 44.3977 46.9802 44.5866 46.9429L44.7806 47.9239C44.5282 47.9738 44.2671 48 44 48H43ZM46.2225 47.3263L45.6661 46.4953C45.9937 46.276 46.276 45.9937 46.4953 45.6661L47.3263 46.2225C47.0342 46.6587 46.6587 47.0342 46.2225 47.3263ZM48 5H47V4C47 3.79836 46.9802 3.60233 46.9429 3.41342L47.9239 3.21935C47.9738 3.47183 48 3.73286 48 4V5ZM47.3263 1.77754L46.4953 2.33386C46.276 2.00627 45.9937 1.72402 45.6661 1.50471L46.2225 0.673738C46.6587 0.965771 47.0342 1.34133 47.3263 1.77754ZM5 0H4C3.73286 0 3.47183 0.0261877 3.21935 0.0761361L3.41342 1.05712C3.60233 1.01975 3.79836 1 4 1H5V0ZM1.77754 0.673738L2.33386 1.50471C2.00627 1.72402 1.72402 2.00627 1.50471 2.33386L0.673738 1.77754C0.965771 1.34133 1.34133 0.96577 1.77754 0.673738ZM0 43H1V44C1 44.2016 1.01975 44.3977 1.05712 44.5866L0.0761361 44.7806C0.0261877 44.5282 0 44.2671 0 44V43ZM1.77754 47.3263L2.33386 46.4953C2.00627 46.276 1.72402 45.9937 1.50471 45.6661L0.673738 46.2225C0.96577 46.6587 1.34133 47.0342 1.77754 47.3263ZM0 41H1V39H0V41ZM0 37H1V35H0V37ZM0 33H1V31H0V33ZM0 29H1V27H0V29ZM0 25H1V23H0V25ZM0 21H1V19H0V21ZM0 17H1V15H0V17ZM0 13H1V11H0V13ZM0 9H1V7H0V9ZM0 5H1V4C1 3.79836 1.01975 3.60233 1.05712 3.41342L0.0761362 3.21935C0.0261878 3.47183 0 3.73286 0 4V5ZM7 0V1H9V0H7ZM11 0V1H13V0H11ZM15 0V1H17V0H15ZM19 0V1H21V0H19ZM23 0V1H25V0H23ZM27 0V1H29V0H27ZM31 0V1H33V0H31ZM35 0V1H37V0H35ZM39 0V1H41V0H39ZM43 0V1H44C44.2016 1 44.3977 1.01975 44.5866 1.05712L44.7806 0.076136C44.5282 0.0261877 44.2671 0 44 0H43ZM48 7H47V9H48V7ZM48 11H47V13H48V11ZM48 15H47V17H48V15ZM48 19H47V21H48V19ZM48 23H47V25H48V23ZM48 27H47V29H48V27ZM48 31H47V33H48V31ZM48 35H47V37H48V35ZM48 39H47V41H48V39ZM48 43H47V44C47 44.2016 46.9802 44.3977 46.9429 44.5866L47.9239 44.7806C47.9738 44.5282 48 44.2671 48 44V43ZM41 48V47H39V48H41ZM37 48V47H35V48H37ZM33 48V47H31V48H33ZM29 48V47H27V48H29ZM25 48V47H23V48H25ZM21 48V47H19V48H21ZM17 48V47H15V48H17ZM13 48V47H11V48H13ZM9 48V47H7V48H9Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 17.75C24.4931 17.75 24.8929 18.1497 24.8929 18.6429V23.1071H29.3571C29.8503 23.1071 30.25 23.5069 30.25 24C30.25 24.4931 29.8503 24.8929 29.3571 24.8929H24.8929V29.3571C24.8929 29.8503 24.4931 30.25 24 30.25C23.5069 30.25 23.1071 29.8503 23.1071 29.3571V24.8929H18.6429C18.1497 24.8929 17.75 24.4931 17.75 24C17.75 23.5069 18.1497 23.1071 18.6429 23.1071H23.1071V18.6429C23.1071 18.1497 23.5069 17.75 24 17.75Z" fill="#898995"/>
+</g>
+<defs>
+<clipPath id="clip0_19652_288282">
+<rect width="48" height="48" rx="4" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-template_cdn-traffic-cost.svg b/src/foundation/icons/icon-assets/ic_dashboard-template_cdn-traffic-cost.svg
new file mode 100644
index 000000000..637825ed6
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-template_cdn-traffic-cost.svg
@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.08 5.67306C20.8711 5.67306 17.8464 6.45131 15.1819 7.82866L14.4713 8.19603L13.7365 6.7747L14.4472 6.40734C17.3334 4.91534 20.6095 4.07306 24.08 4.07306C35.6808 4.07306 45.0851 13.4774 45.0851 25.0781V25.8781H43.4851V25.0781C43.4851 14.361 34.7972 5.67306 24.08 5.67306ZM7.61038 14.7799L7.21387 15.4748C5.59832 18.3058 4.67495 21.5829 4.67495 25.0781C4.67495 35.7953 13.3629 44.4832 24.08 44.4832C26.5854 44.4832 28.9781 44.0088 31.1745 43.1457L31.9191 42.8531L32.5043 44.3422L31.7597 44.6348C29.3799 45.57 26.789 46.0832 24.08 46.0832C12.4792 46.0832 3.07495 36.6789 3.07495 25.0781C3.07495 21.2975 4.07447 17.7479 5.82423 14.6817L6.22074 13.9869L7.61038 14.7799Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2877 5.25233L23.7637 5.98407C21.2381 9.5111 18.1471 16.2612 17.851 24.257H29.9783C30.2109 21.2535 29.6789 17.8697 28.7323 14.6663C27.7235 11.2526 26.2651 8.1154 24.8472 5.95372L24.3536 5.20117L25.8587 4.21392L26.3523 4.96647C27.8801 7.29569 29.4071 10.5983 30.4585 14.1562C31.4283 17.438 32.0116 20.9981 31.7832 24.257H45.0806V26.057H17.8327C17.929 31.786 19.5223 38.0554 23.7716 44.1833L24.2844 44.9229L22.8053 45.9486L22.2924 45.209C17.7984 38.7281 16.1215 32.1047 16.029 26.057H3.17319V24.257H16.0476C16.3511 15.8023 19.6291 8.66639 22.3003 4.93612L22.8242 4.20437L24.2877 5.25233Z" fill="#898995"/>
+<path d="M45.3854 40.5342C45.3854 43.5969 42.9026 46.0797 39.8399 46.0797C36.7772 46.0797 34.2944 43.5969 34.2944 40.5342C34.2944 37.4715 36.7772 34.9887 39.8399 34.9887C42.9026 34.9887 45.3854 37.4715 45.3854 40.5342Z" fill="#898995"/>
+<path d="M33.1762 32.9685C33.1762 34.0842 32.2718 34.9887 31.1561 34.9887C30.0404 34.9887 29.1359 34.0842 29.1359 32.9685C29.1359 31.8528 30.0404 30.9484 31.1561 30.9484C32.2718 30.9484 33.1762 31.8528 33.1762 32.9685Z" fill="#898995"/>
+<path d="M13.3086 10.6939C13.3086 12.3329 11.98 13.6615 10.341 13.6615C8.70198 13.6615 7.37332 12.3329 7.37332 10.6939C7.37332 9.0549 8.70198 7.72624 10.341 7.72624C11.98 7.72624 13.3086 9.0549 13.3086 10.6939Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-template_cloud-asset-overview.svg b/src/foundation/icons/icon-assets/ic_dashboard-template_cloud-asset-overview.svg
new file mode 100644
index 000000000..247bd1efa
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-template_cloud-asset-overview.svg
@@ -0,0 +1,15 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3338 9.52841C18.184 9.52841 18.8733 8.8392 18.8733 7.989C18.8733 7.13881 18.184 6.44959 17.3338 6.44959C16.4837 6.44959 15.7944 7.13881 15.7944 7.989C15.7944 8.8392 16.4837 9.52841 17.3338 9.52841Z" fill="#898995"/>
+<path d="M14.2547 15.6861C15.1049 15.6861 15.7942 14.9969 15.7942 14.1467C15.7942 13.2965 15.1049 12.6073 14.2547 12.6073C13.4046 12.6073 12.7153 13.2965 12.7153 14.1467C12.7153 14.9969 13.4046 15.6861 14.2547 15.6861Z" fill="#898995"/>
+<path d="M11.1761 6.44968C12.0263 6.44968 12.7155 5.76046 12.7155 4.91027C12.7155 4.06007 12.0263 3.37086 11.1761 3.37086C10.3259 3.37086 9.63672 4.06007 9.63672 4.91027C9.63672 5.76046 10.3259 6.44968 11.1761 6.44968Z" fill="#898995"/>
+<path d="M8.09703 12.6073C8.94722 12.6073 9.63644 11.9181 9.63644 11.0679C9.63644 10.2177 8.94722 9.52845 8.09703 9.52845C7.24683 9.52845 6.55762 10.2177 6.55762 11.0679C6.55762 11.9181 7.24683 12.6073 8.09703 12.6073Z" fill="#898995"/>
+<path d="M5.01841 18.765C5.86861 18.765 6.55783 18.0758 6.55783 17.2256C6.55783 16.3754 5.86861 15.6862 5.01841 15.6862C4.16822 15.6862 3.479 16.3754 3.479 17.2256C3.479 18.0758 4.16822 18.765 5.01841 18.765Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.524 1.63943V21.6279C26.524 22.2354 27.0165 22.7279 27.624 22.7279H46.3629V24.5279H27.624C26.0224 24.5279 24.724 23.2296 24.724 21.6279V1.63943H26.524Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.0363 6.42649C39.2019 6.169 39.4871 6.01337 39.7932 6.01337H46.3629V7.81337H40.2844L33.6208 18.1731C33.4551 18.4306 33.17 18.5862 32.8638 18.5862H25.349V16.7862H32.3726L39.0363 6.42649Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0846 42.85C18.1902 42.85 22.3292 38.7111 22.3292 33.6055C22.3292 28.4998 18.1902 24.3609 13.0846 24.3609C7.97897 24.3609 3.84004 28.4998 3.84004 33.6055C3.84004 38.7111 7.97897 42.85 13.0846 42.85ZM13.0846 44.65C19.1843 44.65 24.1292 39.7052 24.1292 33.6055C24.1292 27.5057 19.1843 22.5609 13.0846 22.5609C6.98486 22.5609 2.04004 27.5057 2.04004 33.6055C2.04004 39.7052 6.98486 44.65 13.0846 44.65Z" fill="#898995"/>
+<path d="M13.377 31.6255V23.628C16.2408 23.5239 22.2185 25.3777 23.2183 33.6255H15.377C14.2724 33.6255 13.377 32.7301 13.377 31.6255Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.277 24.5599V31.6255C14.277 32.2331 14.7694 32.7255 15.377 32.7255H22.1709C21.5598 29.4322 20.0657 27.4202 18.457 26.215C17.0344 25.1493 15.4816 24.6845 14.277 24.5599ZM19.5363 24.7745C21.7244 26.4137 23.5845 29.1678 24.1117 33.5172C24.1427 33.7729 24.0627 34.0296 23.8919 34.2224C23.721 34.4152 23.4758 34.5255 23.2183 34.5255H15.377C13.7753 34.5255 12.477 33.2272 12.477 31.6255V23.628C12.477 23.1436 12.8602 22.7462 13.3443 22.7286C14.9595 22.6699 17.3772 23.1569 19.5363 24.7745Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4855 36.4373V43.6229H29.6855L29.6855 36.4373H31.4855Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.5778 28.3923V43.6229H35.7778V28.3923H37.5778Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.5139 33.6055V43.6229H41.7139V33.6055H43.5139Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-template_monthly-cost-summary.svg b/src/foundation/icons/icon-assets/ic_dashboard-template_monthly-cost-summary.svg
new file mode 100644
index 000000000..ed4e7d65d
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-template_monthly-cost-summary.svg
@@ -0,0 +1,18 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19652_288285)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.8625 7.64906C7.97447 6.64828 9.46414 6.10001 11.0001 6.10001H16.9001V7.90001H11.0001C9.88389 7.90001 8.83002 8.29994 8.06663 8.98699C7.30637 9.67122 6.9001 10.5777 6.9001 11.5V38.5C6.9001 39.4223 7.30637 40.3288 8.06663 41.013C8.83002 41.7001 9.88389 42.1 11.0001 42.1H26.4001V43.9H11.0001C9.46414 43.9 7.97447 43.3517 6.8625 42.351C5.74739 41.3474 5.1001 39.9646 5.1001 38.5V11.5C5.1001 10.0354 5.74739 8.65266 6.8625 7.64906ZM31.1001 6.10001H36.0001C37.5361 6.10001 39.0257 6.64828 40.1377 7.64906C41.2528 8.65266 41.9001 10.0354 41.9001 11.5V22.35H40.1001V11.5C40.1001 10.5777 39.6938 9.67122 38.9336 8.98699C38.1702 8.29994 37.1163 7.90001 36.0001 7.90001H31.1001V6.10001Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.056 4.77758C17.2498 5.30666 16.9001 5.93473 16.9001 6.50001C16.9001 7.06529 17.2498 7.69335 18.056 8.22244C18.8546 8.7465 20.0107 9.10001 21.3334 9.10001H26.6668C27.9894 9.10001 29.1456 8.7465 29.9442 8.22244C30.7504 7.69335 31.1001 7.06529 31.1001 6.50001C31.1001 5.93473 30.7504 5.30666 29.9442 4.77758C29.1456 4.25351 27.9894 3.90001 26.6668 3.90001H21.3334C20.0107 3.90001 18.8546 4.25351 18.056 4.77758ZM17.0684 3.27269C18.2001 2.53 19.7106 2.10001 21.3334 2.10001H26.6668C28.2896 2.10001 29.8001 2.53 30.9318 3.27269C32.0559 4.01035 32.9001 5.13229 32.9001 6.50001C32.9001 7.86772 32.0559 8.98966 30.9318 9.72732C29.8001 10.47 28.2896 10.9 26.6668 10.9H21.3334C19.7106 10.9 18.2001 10.47 17.0684 9.72732C15.9443 8.98966 15.1001 7.86772 15.1001 6.50001C15.1001 5.13229 15.9443 4.01035 17.0684 3.27269Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9458 37.8826V23.9844H17.7458V37.8826H15.9458Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.583 37.8826V28.2828H22.383L22.383 37.8826H20.583Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3086 37.8826L11.3086 31.3532H13.1086V37.8826H11.3086Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2743 18.5091C12.0228 19.0425 11.9001 19.5872 11.9001 20V20.9H10.1001V20C10.1001 19.2765 10.3025 18.4704 10.6461 17.7415C10.9901 17.012 11.5088 16.2897 12.2025 15.7871C12.9142 15.2715 13.8159 14.9884 14.8295 15.1993C15.8168 15.4047 16.7859 16.053 17.7233 17.1394L17.7652 17.188L17.7998 17.242C17.8644 17.3429 17.9573 17.4654 18.0654 17.5777C18.1761 17.6928 18.2787 17.7722 18.3584 17.8154C18.3664 17.8196 18.3736 17.8233 18.3801 17.8265C18.6845 17.3609 19.2272 16.7844 19.9779 16.4847C20.8411 16.1401 21.8669 16.2101 22.8722 16.9797C22.9281 16.9978 23.0214 17.0217 23.1602 17.0482C23.4362 17.101 23.8192 17.1508 24.292 17.196C25.2333 17.286 26.4566 17.3511 27.7348 17.3968C30.2888 17.4882 33.0031 17.5002 33.9883 17.4873L34.8882 17.4754L34.9119 19.2753L34.0119 19.2871C32.9971 19.3004 30.2535 19.2881 27.6705 19.1957C26.3802 19.1495 25.1151 19.0829 24.1206 18.9878C23.6255 18.9405 23.1787 18.8844 22.8222 18.8162C22.6448 18.7823 22.4711 18.7419 22.3167 18.6919C22.1923 18.6515 21.9836 18.5757 21.8021 18.4277C21.2716 18.0108 20.9042 18.053 20.6454 18.1564C20.3094 18.2905 20.014 18.5994 19.8603 18.8532L19.8245 18.9123L19.7802 18.9653C19.4775 19.3264 19.0868 19.5716 18.6261 19.6304C18.1849 19.6868 17.7956 19.5572 17.5026 19.3989C16.9708 19.1115 16.5587 18.625 16.3226 18.2717C15.5564 17.3964 14.9233 17.0574 14.4627 16.9615C14.0209 16.8696 13.6271 16.9777 13.2585 17.2448C12.872 17.5248 12.5255 17.9763 12.2743 18.5091Z" fill="#898995"/>
+<path d="M40.0724 38.7323C39.766 38.9706 39.2781 39.1237 38.6087 39.1918V36.1963C39.1079 36.3211 39.4937 36.4516 39.766 36.5878C40.0497 36.7239 40.2482 36.8885 40.3617 37.0814C40.4752 37.2629 40.5319 37.4955 40.5319 37.7792C40.5319 38.1649 40.3787 38.4827 40.0724 38.7323Z" fill="#898995"/>
+<path d="M36.5153 31.5329C36.7762 31.4081 37.1109 31.3344 37.5194 31.3117V34.3242C37.0656 34.2107 36.7081 34.0859 36.4472 33.9497C36.1862 33.8022 35.999 33.6264 35.8855 33.4221C35.7834 33.2065 35.7323 32.9512 35.7323 32.6562C35.7323 32.4066 35.7948 32.1854 35.9196 31.9925C36.0557 31.7996 36.2543 31.6464 36.5153 31.5329Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.9365 45.5198C43.4946 45.5198 48.0003 41.014 48.0003 35.4559C48.0003 29.8978 43.4946 25.3921 37.9365 25.3921C32.3784 25.3921 27.8727 29.8978 27.8727 35.4559C27.8727 41.014 32.3784 45.5198 37.9365 45.5198ZM35.6983 40.4342C36.2883 40.525 36.8954 40.5761 37.5194 40.5874V42.4085H38.6087V40.5193C39.6866 40.4059 40.5206 40.1052 41.1106 39.6173C41.7006 39.1181 41.9956 38.4713 41.9956 37.6771C41.9956 37.1097 41.8651 36.6502 41.6041 36.2985C41.3545 35.9354 40.9801 35.6347 40.4809 35.3964C39.9816 35.1468 39.3575 34.9142 38.6087 34.6986V31.2776C39.0625 31.3117 39.5051 31.3854 39.9362 31.4989C40.3787 31.601 40.7815 31.7258 41.1446 31.8733L41.6041 30.6139C41.1957 30.4437 40.7418 30.3018 40.2426 30.1884C39.7547 30.0636 39.21 29.9955 38.6087 29.9841V28.5034H37.5194V30.0012C36.8613 30.0352 36.2883 30.1714 35.8004 30.4096C35.3125 30.6366 34.9324 30.9486 34.6601 31.3457C34.3991 31.7428 34.2687 32.2194 34.2687 32.7754C34.2687 33.1838 34.3311 33.5469 34.4559 33.8646C34.592 34.171 34.7906 34.4433 35.0516 34.6816C35.3125 34.9199 35.6472 35.1354 36.0557 35.3283C36.4755 35.5099 36.9634 35.6801 37.5194 35.8389V39.2769C36.9407 39.2656 36.3507 39.1918 35.7494 39.0556C35.148 38.9195 34.6544 38.7606 34.2687 38.5791V40.0258C34.6317 40.196 35.1083 40.3321 35.6983 40.4342Z" fill="#898995"/>
+</g>
+<defs>
+<clipPath id="clip0_19652_288285">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-template_others.svg b/src/foundation/icons/icon-assets/ic_dashboard-template_others.svg
new file mode 100644
index 000000000..e467bae78
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-template_others.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1001 23.1H24.9001V24.9H12.1001V23.1Z" fill="#898995"/>
+<path d="M42.582 39H39.582V29H42.582V39ZM37.582 39H34.582V26H37.582V39ZM32.582 39H29.582V23H32.582V39ZM27.582 39H24.582V31H27.582V39Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1001 30.1H20.6257V31.9H12.1001V30.1Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1001 16.1H36.3444V17.9H12.1001V16.1Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.8625 7.64906C7.97447 6.64828 9.46414 6.10001 11.0001 6.10001H16.9001V7.90001H11.0001C9.88389 7.90001 8.83002 8.29994 8.06663 8.98699C7.30637 9.67122 6.9001 10.5777 6.9001 11.5V38.5C6.9001 39.4223 7.30637 40.3288 8.06663 41.013C8.83002 41.7001 9.88389 42.1 11.0001 42.1H26.4001V43.9H11.0001C9.46414 43.9 7.97447 43.3517 6.8625 42.351C5.74739 41.3474 5.1001 39.9646 5.1001 38.5V11.5C5.1001 10.0354 5.74739 8.65266 6.8625 7.64906ZM31.1001 6.10001H36.0001C37.5361 6.10001 39.0257 6.64828 40.1377 7.64906C41.2528 8.65266 41.9001 10.0354 41.9001 11.5V19.9H40.1001V11.5C40.1001 10.5777 39.6938 9.67122 38.9336 8.98699C38.1702 8.29994 37.1163 7.90001 36.0001 7.90001H31.1001V6.10001Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.056 4.77758C17.2498 5.30666 16.9001 5.93473 16.9001 6.50001C16.9001 7.06529 17.2498 7.69335 18.056 8.22244C18.8546 8.7465 20.0108 9.10001 21.3334 9.10001H26.6668C27.9894 9.10001 29.1456 8.7465 29.9442 8.22244C30.7504 7.69335 31.1001 7.06529 31.1001 6.50001C31.1001 5.93473 30.7504 5.30666 29.9442 4.77758C29.1456 4.25351 27.9894 3.90001 26.6668 3.90001H21.3334C20.0108 3.90001 18.8546 4.25351 18.056 4.77758ZM17.0684 3.27269C18.2001 2.53 19.7106 2.10001 21.3334 2.10001H26.6668C28.2896 2.10001 29.8001 2.53 30.9318 3.27269C32.0559 4.01035 32.9001 5.13229 32.9001 6.50001C32.9001 7.86772 32.0559 8.98966 30.9318 9.72732C29.8001 10.47 28.2896 10.9 26.6668 10.9H21.3334C19.7106 10.9 18.2001 10.47 17.0684 9.72732C15.9443 8.98966 15.1001 7.86772 15.1001 6.50001C15.1001 5.13229 15.9443 4.01035 17.0684 3.27269Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dashboard-template_project-overview.svg b/src/foundation/icons/icon-assets/ic_dashboard-template_project-overview.svg
new file mode 100644
index 000000000..582867ebe
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dashboard-template_project-overview.svg
@@ -0,0 +1,17 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19652_288259)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1001 23.1H25.9001V24.9H12.1001V23.1Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1001 30.1H21.9001V31.9H12.1001V30.1Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1001 16.1L30.9001 16.1V17.9H12.1001V16.1Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.5001 42.2C42.305 42.2 46.2001 38.3049 46.2001 33.5C46.2001 28.6951 42.305 24.8 37.5001 24.8C32.6952 24.8 28.8001 28.6951 28.8001 33.5C28.8001 38.3049 32.6952 42.2 37.5001 42.2ZM37.5001 44C43.2991 44 48.0001 39.299 48.0001 33.5C48.0001 27.701 43.2991 23 37.5001 23C31.7011 23 27.0001 27.701 27.0001 33.5C27.0001 39.299 31.7011 44 37.5001 44Z" fill="#898995"/>
+<path d="M38.0001 32V24.0041C40.6192 23.9 46.0858 25.7535 47.0001 34H40.0001C38.8955 34 38.0001 33.1046 38.0001 32Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.9001 24.9464V32C38.9001 32.6075 39.3926 33.1 40.0001 33.1H45.9665C45.4059 29.7803 44.0307 27.764 42.5691 26.5668C41.3176 25.5417 39.962 25.0832 38.9001 24.9464ZM43.7097 25.1743C45.7235 26.8238 47.4151 29.5759 47.8946 33.9008C47.9228 34.1552 47.8414 34.4096 47.6706 34.6003C47.4999 34.791 47.2561 34.9 47.0001 34.9H40.0001C38.3985 34.9 37.1001 33.6016 37.1001 32V24.0041C37.1001 23.5209 37.4816 23.124 37.9644 23.1048C39.4783 23.0446 41.7192 23.544 43.7097 25.1743Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.8625 7.64906C7.97447 6.64828 9.46414 6.10001 11.0001 6.10001H16.9001V7.90001H11.0001C9.88389 7.90001 8.83002 8.29994 8.06663 8.98699C7.30637 9.67122 6.9001 10.5777 6.9001 11.5V38.5C6.9001 39.4223 7.30637 40.3288 8.06663 41.013C8.83002 41.7001 9.88389 42.1 11.0001 42.1H26.4001V43.9H11.0001C9.46414 43.9 7.97447 43.3517 6.8625 42.351C5.74739 41.3474 5.1001 39.9646 5.1001 38.5V11.5C5.1001 10.0354 5.74739 8.65266 6.8625 7.64906ZM31.1001 6.10001H36.0001C37.5361 6.10001 39.0257 6.64828 40.1377 7.64906C41.2528 8.65266 41.9001 10.0354 41.9001 11.5V19.9H40.1001V11.5C40.1001 10.5777 39.6938 9.67122 38.9336 8.98699C38.1702 8.29994 37.1163 7.90001 36.0001 7.90001H31.1001V6.10001Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.056 4.77758C17.2498 5.30666 16.9001 5.93473 16.9001 6.50001C16.9001 7.06529 17.2498 7.69335 18.056 8.22244C18.8546 8.7465 20.0108 9.10001 21.3334 9.10001H26.6668C27.9894 9.10001 29.1456 8.7465 29.9442 8.22244C30.7504 7.69335 31.1001 7.06529 31.1001 6.50001C31.1001 5.93473 30.7504 5.30666 29.9442 4.77758C29.1456 4.25351 27.9894 3.90001 26.6668 3.90001H21.3334C20.0108 3.90001 18.8546 4.25351 18.056 4.77758ZM17.0684 3.27269C18.2001 2.53 19.7106 2.10001 21.3334 2.10001H26.6668C28.2896 2.10001 29.8001 2.53 30.9318 3.27269C32.0559 4.01035 32.9001 5.13229 32.9001 6.50001C32.9001 7.86772 32.0559 8.98966 30.9318 9.72732C29.8001 10.47 28.2896 10.9 26.6668 10.9H21.3334C19.7106 10.9 18.2001 10.47 17.0684 9.72732C15.9443 8.98966 15.1001 7.86772 15.1001 6.50001C15.1001 5.13229 15.9443 4.01035 17.0684 3.27269Z" fill="#898995"/>
+</g>
+<defs>
+<clipPath id="clip0_19652_288259">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_delete.svg b/src/foundation/icons/icon-assets/ic_delete.svg
new file mode 100644
index 000000000..b939fcf29
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_delete.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.375 17H14.125C14.2245 17 14.3198 16.9605 14.3902 16.8902C14.4605 16.8198 14.5 16.7245 14.5 16.625V9.875C14.5 9.77554 14.4605 9.68016 14.3902 9.60984C14.3198 9.53951 14.2245 9.5 14.125 9.5H13.375C13.2755 9.5 13.1802 9.53951 13.1098 9.60984C13.0395 9.68016 13 9.77554 13 9.875V16.625C13 16.7245 13.0395 16.8198 13.1098 16.8902C13.1802 16.9605 13.2755 17 13.375 17ZM18.5 6.5H15.9247L14.8622 4.72813C14.7288 4.50594 14.5402 4.32209 14.3147 4.19449C14.0892 4.06688 13.8344 3.99988 13.5753 4H10.4247C10.1657 3.99998 9.91106 4.06704 9.68566 4.19464C9.46025 4.32224 9.27172 4.50603 9.13844 4.72813L8.07531 6.5H5.5C5.36739 6.5 5.24021 6.55268 5.14645 6.64645C5.05268 6.74022 5 6.86739 5 7V7.5C5 7.63261 5.05268 7.75979 5.14645 7.85355C5.24021 7.94732 5.36739 8 5.5 8H6V18.5C6 18.8978 6.15804 19.2794 6.43934 19.5607C6.72064 19.842 7.10218 20 7.5 20H16.5C16.8978 20 17.2794 19.842 17.5607 19.5607C17.842 19.2794 18 18.8978 18 18.5V8H18.5C18.6326 8 18.7598 7.94732 18.8536 7.85355C18.9473 7.75979 19 7.63261 19 7.5V7C19 6.86739 18.9473 6.74022 18.8536 6.64645C18.7598 6.55268 18.6326 6.5 18.5 6.5ZM10.37 5.59094C10.3867 5.56312 10.4104 5.54012 10.4386 5.52418C10.4669 5.50824 10.4988 5.49991 10.5312 5.5H13.4688C13.5011 5.49996 13.533 5.50832 13.5612 5.52426C13.5894 5.54019 13.613 5.56317 13.6297 5.59094L14.1753 6.5H9.82469L10.37 5.59094ZM16.5 18.5H7.5V8H16.5V18.5ZM9.875 17H10.625C10.7245 17 10.8198 16.9605 10.8902 16.8902C10.9605 16.8198 11 16.7245 11 16.625V9.875C11 9.77554 10.9605 9.68016 10.8902 9.60984C10.8198 9.53951 10.7245 9.5 10.625 9.5H9.875C9.77554 9.5 9.68016 9.53951 9.60984 9.60984C9.53951 9.68016 9.5 9.77554 9.5 9.875V16.625C9.5 16.7245 9.53951 16.8198 9.60984 16.8902C9.68016 16.9605 9.77554 17 9.875 17Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_document-filled.svg b/src/foundation/icons/icon-assets/ic_document-filled.svg
new file mode 100644
index 000000000..e46765a8b
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_document-filled.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" d="M2.53857 1.53845H7.92319V5.48717H12.5899V14.4615H2.53857V1.53845Z" fill="#515364"/>
+<path d="M4.87158 8.71791C4.87158 8.42052 5.11266 8.17944 5.41004 8.17944H8.28184C8.57922 8.17944 8.8203 8.42052 8.8203 8.71791C8.8203 9.01529 8.57922 9.25637 8.28184 9.25637H5.41004C5.11266 9.25637 4.87158 9.01529 4.87158 8.71791Z" fill="#515364"/>
+<path d="M5.41004 10.3333C5.11266 10.3333 4.87158 10.5744 4.87158 10.8718C4.87158 11.1692 5.11266 11.4102 5.41004 11.4102H9.71774C10.0151 11.4102 10.2562 11.1692 10.2562 10.8718C10.2562 10.5744 10.0151 10.3333 9.71774 10.3333H5.41004Z" fill="#515364"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.53846 1C2.24108 1 2 1.24108 2 1.53846V14.4615C2 14.7589 2.24108 15 2.53846 15H12.5897C12.8871 15 13.1282 14.7589 13.1282 14.4615V5.84615C13.1282 5.70335 13.0715 5.56639 12.9705 5.4654L8.6628 1.15771C8.56182 1.05673 8.42486 1 8.28205 1H2.53846ZM8 2.07692V5.7C8 5.86569 8.11579 6 8.25862 6H11.9821L12.0513 6.06919V13.9231H3.07692V2.07692H8Z" fill="#515364"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dot.svg b/src/foundation/icons/icon-assets/ic_dot.svg
new file mode 100644
index 000000000..b74210da3
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dot.svg
@@ -0,0 +1,3 @@
+<svg width="2" height="2" viewBox="0 0 2 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="1" cy="1" r="1" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_dots-4-square.svg b/src/foundation/icons/icon-assets/ic_dots-4-square.svg
new file mode 100644
index 000000000..18b35f2cf
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_dots-4-square.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.75781" y="3.75751" width="3.19976" height="3.19976" rx="1.59988" fill="#222532"/>
+<rect x="3.75684" y="8.55716" width="3.19976" height="3.19976" rx="1.59988" fill="#222532"/>
+<rect x="8.55664" y="3.75693" width="3.19976" height="3.19976" rx="1.59988" fill="#222532"/>
+<rect x="8.55664" y="8.55692" width="3.19976" height="3.19976" rx="1.59988" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_double-line-drag-handle.svg b/src/foundation/icons/icon-assets/ic_double-line-drag-handle.svg
new file mode 100755
index 000000000..b896e4fb1
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_double-line-drag-handle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 14.75H0V13.25H24V14.75Z" fill="#CED0D6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 9.25H24V10.75H0V9.25Z" fill="#CED0D6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_download.svg b/src/foundation/icons/icon-assets/ic_download.svg
new file mode 100644
index 000000000..c3d43e2f3
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_download.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.459 7.25986L12.5397 6.34062L7.99941 10.881L3.45903 6.34062L2.5398 7.25986L7.99941 12.7195L13.459 7.25986Z" fill="#222532"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.34941 1L7.34941 12L8.64941 12L8.64941 1L7.34941 1Z" fill="#222532"/>
+<path d="M2 16H14V14.7L2 14.7V16Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_drag-handle-alt.svg b/src/foundation/icons/icon-assets/ic_drag-handle-alt.svg
new file mode 100644
index 000000000..f53825910
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_drag-handle-alt.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74023 6.59424C1.74023 6.3181 1.96409 6.09424 2.24023 6.09424H13.7615C14.0376 6.09424 14.2615 6.3181 14.2615 6.59424C14.2615 6.87038 14.0376 7.09424 13.7615 7.09424H2.24023C1.96409 7.09424 1.74023 6.87038 1.74023 6.59424Z" fill="#CED0D6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.73926 9.3125C1.73926 9.03636 1.96312 8.8125 2.23926 8.8125H13.7605C14.0366 8.8125 14.2605 9.03636 14.2605 9.3125C14.2605 9.58864 14.0366 9.8125 13.7605 9.8125H2.23926C1.96312 9.8125 1.73926 9.58864 1.73926 9.3125Z" fill="#CED0D6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.65338 0.686776C7.84467 0.509714 8.13989 0.509309 8.33167 0.685845L11.0565 3.19413C11.2596 3.38115 11.2727 3.69747 11.0857 3.90063C10.8987 4.1038 10.5824 4.11689 10.3792 3.92986L7.99396 1.73417L5.62285 3.92893C5.4202 4.11651 5.10385 4.10429 4.91627 3.90164C4.72869 3.69899 4.74091 3.38264 4.94356 3.19506L7.65338 0.686776Z" fill="#CED0D6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.30169 15.3452C8.11041 15.5223 7.81519 15.5227 7.62341 15.3461L4.89862 12.8379C4.69545 12.6508 4.68236 12.3345 4.86939 12.1313C5.05641 11.9282 5.37272 11.9151 5.57589 12.1021L7.96111 14.2978L10.3322 12.1031C10.5349 11.9155 10.8512 11.9277 11.0388 12.1303C11.2264 12.333 11.2142 12.6493 11.0115 12.8369L8.30169 15.3452Z" fill="#CED0D6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_drag-handle.svg b/src/foundation/icons/icon-assets/ic_drag-handle.svg
new file mode 100644
index 000000000..46a1f5da7
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_drag-handle.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.3333 2.66667C21.0406 2.66667 21.7189 2.94762 22.219 3.44772C22.719 3.94781 23 4.62609 23 5.33333C23 6.04058 22.719 6.71886 22.219 7.21895C21.7189 7.71905 21.0406 8 20.3333 8C19.6261 8 18.9478 7.71905 18.4477 7.21895C17.9476 6.71886 17.6667 6.04058 17.6667 5.33333C17.6667 4.62609 17.9476 3.94781 18.4477 3.44772C18.9478 2.94762 19.6261 2.66667 20.3333 2.66667ZM20.3333 13.3333C21.0406 13.3333 21.7189 13.6143 22.219 14.1144C22.719 14.6145 23 15.2928 23 16C23 16.7072 22.719 17.3855 22.219 17.8856C21.7189 18.3857 21.0406 18.6667 20.3333 18.6667C19.6261 18.6667 18.9478 18.3857 18.4477 17.8856C17.9476 17.3855 17.6667 16.7072 17.6667 16C17.6667 15.2928 17.9476 14.6145 18.4477 14.1144C18.9478 13.6143 19.6261 13.3333 20.3333 13.3333ZM11.6667 24C12.3739 24 13.0522 24.281 13.5523 24.7811C14.0524 25.2811 14.3333 25.9594 14.3333 26.6667C14.3333 27.3739 14.0524 28.0522 13.5523 28.5523C13.0522 29.0524 12.3739 29.3333 11.6667 29.3333C10.9594 29.3333 10.2811 29.0524 9.78105 28.5523C9.28095 28.0522 9 27.3739 9 26.6667C9 25.9594 9.28095 25.2811 9.78105 24.7811C10.2811 24.281 10.9594 24 11.6667 24ZM20.3333 24C21.0406 24 21.7189 24.281 22.219 24.7811C22.719 25.2811 23 25.9594 23 26.6667C23 27.3739 22.719 28.0522 22.219 28.5523C21.7189 29.0524 21.0406 29.3333 20.3333 29.3333C19.6261 29.3333 18.9478 29.0524 18.4477 28.5523C17.9476 28.0522 17.6667 27.3739 17.6667 26.6667C17.6667 25.9594 17.9476 25.2811 18.4477 24.7811C18.9478 24.281 19.6261 24 20.3333 24ZM11.6667 2.66667C12.3739 2.66667 13.0522 2.94762 13.5523 3.44772C14.0524 3.94781 14.3333 4.62609 14.3333 5.33333C14.3333 6.04058 14.0524 6.71886 13.5523 7.21895C13.0522 7.71905 12.3739 8 11.6667 8C10.9594 8 10.2811 7.71905 9.78105 7.21895C9.28095 6.71886 9 6.04058 9 5.33333C9 4.62609 9.28095 3.94781 9.78105 3.44772C10.2811 2.94762 10.9594 2.66667 11.6667 2.66667ZM11.6667 13.3333C12.3739 13.3333 13.0522 13.6143 13.5523 14.1144C14.0524 14.6145 14.3333 15.2928 14.3333 16C14.3333 16.7072 14.0524 17.3855 13.5523 17.8856C13.0522 18.3857 12.3739 18.6667 11.6667 18.6667C10.9594 18.6667 10.2811 18.3857 9.78105 17.8856C9.28095 17.3855 9 16.7072 9 16C9 15.2928 9.28095 14.6145 9.78105 14.1144C10.2811 13.6143 10.9594 13.3333 11.6667 13.3333Z" fill="#C2C2C6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_duplicate.svg b/src/foundation/icons/icon-assets/ic_duplicate.svg
new file mode 100644
index 000000000..cee97002f
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_duplicate.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.957 10.8814H9.57673V12.9518H7.50635V14.332H9.57673V16.4024H10.957V14.332H13.0273V12.9518H10.957V10.8814Z" fill="#232533"/>
+<path d="M5.5667 19.9087H14.9669C15.8309 19.9087 16.5336 19.206 16.5336 18.342V8.94182C16.5336 8.07778 15.8309 7.37512 14.9669 7.37512H5.5667C4.70266 7.37512 4 8.07778 4 8.94182V18.342C4 19.206 4.70266 19.9087 5.5667 19.9087ZM5.42183 8.80232H15.1048L15.1064 18.5673H5.42183V8.80232Z" fill="#232533"/>
+<path d="M18.3422 4.09155H8.39476V5.53938H18.4954V15.6969H20.0001V5.74946C20.0001 4.83512 19.2565 4.09155 18.3422 4.09155Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_edit-text.svg b/src/foundation/icons/icon-assets/ic_edit-text.svg
new file mode 100644
index 000000000..ea6457e60
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_edit-text.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-488803)">
+<path d="M17.8801 7.0298L15.0712 5.35791L10.498 12.2619L13.3051 13.9322L17.8801 7.0298ZM10.0696 14.3849L10.0076 15.9535L11.4723 15.2189L12.8344 14.5376L10.1259 12.9245L10.0696 14.3849ZM18.6295 4.48982L17.1613 3.6146C16.9838 3.509 16.7692 3.47457 16.5649 3.51887C16.3605 3.56317 16.1831 3.68258 16.0716 3.85085L15.492 4.72333L18.2991 6.39467L18.8787 5.52328C19.1106 5.17166 19.0005 4.70849 18.6295 4.48873V4.48982ZM16.5649 17.5754C16.5649 17.7265 16.4345 17.8501 16.2751 17.8501H6.82375C6.74689 17.8501 6.67317 17.8211 6.61882 17.7696C6.56447 17.7181 6.53394 17.6482 6.53394 17.5754V6.94642C6.53394 6.87356 6.56447 6.80368 6.61882 6.75217C6.67317 6.70065 6.74689 6.6717 6.82375 6.6717L12.7052 6.70391L13.7972 5.21506H7.02868C5.91001 5.21506 5 6.07765 5 7.13803V17.577C5 18.6374 5.91001 19.5 7.02868 19.5H16.0415C17.1602 19.5 18.0702 18.6374 18.0702 17.577V8.80662L16.5649 11.429V17.577V17.5754Z" fill="#222532"/>
+</g>
+<defs>
+<clipPath id="clip0-488803">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_edit.svg b/src/foundation/icons/icon-assets/ic_edit.svg
new file mode 100644
index 000000000..77127098d
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_edit.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0522 3.75C15.7137 3.75 15.389 3.88428 15.1492 4.12335L4.74179 14.5341L3.78007 18.6919L3.77941 18.6949C3.73887 18.8807 3.74026 19.0732 3.78348 19.2583C3.82671 19.4435 3.91068 19.6167 4.0293 19.7652C4.14792 19.9137 4.29819 20.0339 4.46916 20.1168C4.63657 20.1981 4.81967 20.2416 5.0056 20.2445C5.08962 20.2522 5.17419 20.2518 5.25815 20.2433L5.2737 20.2418L9.48466 19.2749L19.8775 8.87375C20.1161 8.63349 20.25 8.30844 20.25 7.9697C20.25 7.63097 20.1161 7.30592 19.8775 7.06566L16.9562 4.12425L16.9553 4.12335C16.7154 3.88428 16.3908 3.75 16.0522 3.75ZM17.2744 9.3437L14.6442 6.7089L16.0204 5.33827L18.6088 7.97527L17.2744 9.3437ZM5.32616 18.6374L6.10232 15.29L13.6233 7.7848L16.256 10.4221L8.73696 17.9206L5.32616 18.6374Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_editor-code.svg b/src/foundation/icons/icon-assets/ic_editor-code.svg
new file mode 100644
index 000000000..701becd53
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_editor-code.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31 16L24 23L22.59 21.59L28.17 16L22.59 10.41L24 9L31 16ZM1 16L8 9L9.41 10.41L3.83 16L9.41 21.59L8 23L1 16ZM12.42 25.484L17.64 6L19.572 6.517L14.352 26L12.42 25.484Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_ellipsis-horizontal.svg b/src/foundation/icons/icon-assets/ic_ellipsis-horizontal.svg
new file mode 100755
index 000000000..75f4834b4
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_ellipsis-horizontal.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66667 11.8333C6.66667 11.3731 6.29357 11 5.83333 11C5.3731 11 5 11.3731 5 11.8333C5 12.2936 5.3731 12.6667 5.83333 12.6667C6.29357 12.6667 6.66667 12.2936 6.66667 11.8333Z" fill="#858895"/>
+<path d="M12.4997 11.8333C12.4997 11.3731 12.1266 11 11.6663 11C11.2061 11 10.833 11.3731 10.833 11.8333C10.833 12.2936 11.2061 12.6667 11.6663 12.6667C12.1266 12.6667 12.4997 12.2936 12.4997 11.8333Z" fill="#858895"/>
+<path d="M17.5003 11C17.9606 11 18.3337 11.3731 18.3337 11.8333C18.3337 12.2936 17.9606 12.6667 17.5003 12.6667C17.0401 12.6667 16.667 12.2936 16.667 11.8333C16.667 11.3731 17.0401 11 17.5003 11Z" fill="#858895"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 11.8333C4.5 11.097 5.09695 10.5 5.83333 10.5C6.56971 10.5 7.16667 11.097 7.16667 11.8333C7.16667 12.5697 6.56971 13.1667 5.83333 13.1667C5.09695 13.1667 4.5 12.5697 4.5 11.8333ZM5.83333 11.5C5.64924 11.5 5.5 11.6492 5.5 11.8333C5.5 12.0174 5.64924 12.1667 5.83333 12.1667C6.01743 12.1667 6.16667 12.0174 6.16667 11.8333C6.16667 11.6492 6.01743 11.5 5.83333 11.5ZM10.333 11.8333C10.333 11.097 10.93 10.5 11.6663 10.5C12.4027 10.5 12.9997 11.097 12.9997 11.8333C12.9997 12.5697 12.4027 13.1667 11.6663 13.1667C10.93 13.1667 10.333 12.5697 10.333 11.8333ZM11.6663 11.5C11.4822 11.5 11.333 11.6492 11.333 11.8333C11.333 12.0174 11.4822 12.1667 11.6663 12.1667C11.8504 12.1667 11.9997 12.0174 11.9997 11.8333C11.9997 11.6492 11.8504 11.5 11.6663 11.5ZM17.5003 11.5C17.3162 11.5 17.167 11.6492 17.167 11.8333C17.167 12.0174 17.3162 12.1667 17.5003 12.1667C17.6844 12.1667 17.8337 12.0174 17.8337 11.8333C17.8337 11.6492 17.6844 11.5 17.5003 11.5ZM16.167 11.8333C16.167 11.097 16.7639 10.5 17.5003 10.5C18.2367 10.5 18.8337 11.097 18.8337 11.8333C18.8337 12.5697 18.2367 13.1667 17.5003 13.1667C16.7639 13.1667 16.167 12.5697 16.167 11.8333Z" fill="#858895"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_envelope-filled.svg b/src/foundation/icons/icon-assets/ic_envelope-filled.svg
new file mode 100644
index 000000000..a83eb579c
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_envelope-filled.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DCDDE2;}
+</style>
+<path class="st0" d="M12.8,3.3H3.2C2.5,3.3,2,3.9,2,4.5V12c0,0.7,0.5,1.3,1.2,1.3h9.6c0.7,0,1.2-0.6,1.2-1.2V4.5
+	C14,3.9,13.5,3.3,12.8,3.3z M12.8,5.8L8,8.9L3.2,5.8V4.5L8,7.7l4.8-3.1V5.8z"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_error-filled.svg b/src/foundation/icons/icon-assets/ic_error-filled.svg
new file mode 100755
index 000000000..5af44ac36
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_error-filled.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2302 7.00034C13.2302 10.4415 10.4405 13.2312 6.99936 13.2312C3.55818 13.2312 0.768555 10.4415 0.768555 7.00034C0.768555 3.55916 3.55818 0.769531 6.99936 0.769531C10.4405 0.769531 13.2302 3.55916 13.2302 7.00034ZM6.02119 9.25732C6.02119 8.69291 6.45919 8.23535 6.99949 8.23535C7.53979 8.23535 7.97779 8.69291 7.97779 9.25732C7.97779 9.82174 7.53979 10.2793 6.99949 10.2793C6.45919 10.2793 6.02119 9.82174 6.02119 9.25732ZM6.22844 7.58338L6.07068 4.56189C6.0627 4.40917 6.17908 4.28076 6.32548 4.28076H7.67347C7.81988 4.28076 7.93627 4.40917 7.9283 4.56189L7.77054 7.58338C7.76316 7.72476 7.65125 7.83545 7.51571 7.83545H6.48327C6.34773 7.83545 6.23582 7.72476 6.22844 7.58338Z" fill="#FF6A6A"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_excel.svg b/src/foundation/icons/icon-assets/ic_excel.svg
new file mode 100755
index 000000000..af5e5ce7b
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_excel.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9287 7.31689H18.9021V8.57835H15.9287V7.31689Z" fill="#222532"/>
+<path d="M18.9021 9.38647H15.9287V10.738H18.9021V9.38647Z" fill="#222532"/>
+<path d="M15.9287 11.6411H18.9021V12.9026H15.9287V11.6411Z" fill="#222532"/>
+<path d="M18.9021 13.7104H15.9287V14.9719H18.9021V13.7104Z" fill="#222532"/>
+<path d="M18.9021 15.875H15.9287V17.1365H18.9021V15.875Z" fill="#222532"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7693 19.299V19.9277C13.7693 20.4683 13.2286 20.9188 12.688 20.8287L3.76771 19.2969C3.31719 19.2068 3.04688 18.8464 3.04688 18.3959V5.60109C3.04688 5.15057 3.31719 4.79015 3.76771 4.70005L12.688 3.16828C13.2286 3.07817 13.7693 3.52869 13.7693 4.06932V5.0625H20.1611C20.6116 5.0625 21.0621 5.42292 21.0621 5.96354V18.3979C21.0621 18.9385 20.7017 19.299 20.1611 19.299H13.7693ZM15.0307 8.57453V7.31307H13.7693V5.96354H20.1611V18.3979H13.7693V17.1344H15.0307V15.873H13.7693V14.9719H15.0307V13.7105H13.7693V12.8995H15.0307V11.6381H13.7693V10.737H15.0307V9.38546H13.7693V8.57453H15.0307ZM9.17396 15.7829L8.27292 13.6204L8.18281 13.4402V13.5303L8.09271 13.6204L7.28177 15.6928L5.75 15.6027L7.28177 12.2688L5.56979 8.84484L7.01146 8.75473L8.0026 10.9172L8.99375 8.57453L10.6156 8.48442L8.81354 12.1787L10.7057 15.873L9.17396 15.7829Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_external-link.svg b/src/foundation/icons/icon-assets/ic_external-link.svg
new file mode 100755
index 000000000..d7f303a66
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_external-link.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<g>
+	<path class="st0" d="M3.3,4.5c-0.2,0-0.4,0.1-0.6,0.2S2.5,5.1,2.5,5.3v7.3c0,0.2,0.1,0.4,0.2,0.6c0.2,0.2,0.4,0.2,0.6,0.2h7.3
+		c0.2,0,0.4-0.1,0.6-0.2c0.2-0.2,0.2-0.4,0.2-0.6v-4c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5v4c0,0.5-0.2,1-0.5,1.3s-0.8,0.5-1.3,0.5
+		H3.3c-0.5,0-1-0.2-1.3-0.5s-0.5-0.8-0.5-1.3V5.3c0-0.5,0.2-1,0.5-1.3s0.8-0.5,1.3-0.5h4c0.3,0,0.5,0.2,0.5,0.5S7.6,4.5,7.3,4.5H3.3
+		z"/>
+	<path class="st0" d="M14,1.5h-4C9.7,1.5,9.5,1.7,9.5,2S9.7,2.5,10,2.5h2.8L6.3,9c-0.2,0.2-0.2,0.5,0,0.7s0.5,0.2,0.7,0l6.5-6.5V6
+		c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5V2C14.5,1.7,14.3,1.5,14,1.5z"/>
+</g>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_eye.svg b/src/foundation/icons/icon-assets/ic_eye.svg
new file mode 100644
index 000000000..694e951c5
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_eye.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.9399 15.66C29.7638 12.6176 27.7219 9.98662 25.0667 8.09209C22.4116 6.19756 19.2594 5.12257 15.9999 5C12.7405 5.12257 9.58833 6.19756 6.93314 8.09209C4.27796 9.98662 2.2361 12.6176 1.05994 15.66C0.980508 15.8797 0.980508 16.1203 1.05994 16.34C2.2361 19.3824 4.27796 22.0134 6.93314 23.9079C9.58833 25.8024 12.7405 26.8774 15.9999 27C19.2594 26.8774 22.4116 25.8024 25.0667 23.9079C27.7219 22.0134 29.7638 19.3824 30.9399 16.34C31.0194 16.1203 31.0194 15.8797 30.9399 15.66ZM15.9999 25C10.6999 25 5.09994 21.07 3.06994 16C5.09994 10.93 10.6999 7 15.9999 7C21.2999 7 26.8999 10.93 28.9299 16C26.8999 21.07 21.2999 25 15.9999 25Z" fill="#898995"/>
+<path d="M16 10C14.8133 10 13.6533 10.3519 12.6666 11.0112C11.6799 11.6705 10.9109 12.6075 10.4567 13.7039C10.0026 14.8003 9.88378 16.0067 10.1153 17.1705C10.3468 18.3344 10.9182 19.4035 11.7574 20.2426C12.5965 21.0818 13.6656 21.6532 14.8295 21.8847C15.9933 22.1162 17.1997 21.9974 18.2961 21.5433C19.3925 21.0892 20.3295 20.3201 20.9888 19.3334C21.6481 18.3467 22 17.1867 22 16C22 14.4087 21.3679 12.8826 20.2426 11.7574C19.1174 10.6321 17.5913 10 16 10ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0769 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8864 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_face-frown.svg b/src/foundation/icons/icon-assets/ic_face-frown.svg
new file mode 100644
index 000000000..2eb660eb4
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_face-frown.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.6C11.528 1.6 14.4 4.472 14.4 8C14.4 11.528 11.528 14.4 8 14.4C4.472 14.4 1.6 11.528 1.6 8C1.6 4.472 4.472 1.6 8 1.6ZM8 0C3.5816 0 0 3.5816 0 8C0 12.4184 3.5816 16 8 16C12.4184 16 16 12.4184 16 8C16 3.5816 12.4184 0 8 0ZM6.4 6.4V4.8C6.4 4.58783 6.31571 4.38434 6.16569 4.23432C6.01566 4.08429 5.81217 4 5.6 4C5.38783 4 5.18434 4.08429 5.03431 4.23432C4.88429 4.38434 4.8 4.58783 4.8 4.8V6.4C4.8 6.61217 4.88429 6.81566 5.03431 6.96569C5.18434 7.11571 5.38783 7.2 5.6 7.2C5.81217 7.2 6.01566 7.11571 6.16569 6.96569C6.31571 6.81566 6.4 6.61217 6.4 6.4ZM11.2 6.4V4.8C11.2 4.58783 11.1157 4.38434 10.9657 4.23432C10.8157 4.08429 10.6122 4 10.4 4C10.1878 4 9.98434 4.08429 9.83432 4.23432C9.68429 4.38434 9.6 4.58783 9.6 4.8V6.4C9.6 6.61217 9.68429 6.81566 9.83432 6.96569C9.98434 7.11571 10.1878 7.2 10.4 7.2C10.6122 7.2 10.8157 7.11571 10.9657 6.96569C11.1157 6.81566 11.2 6.61217 11.2 6.4Z" fill="#A8A5CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.35396 9.7596C6.06694 10.1376 5.98535 10.6074 6.00238 10.9079L4.67118 10.9833C4.64019 10.4364 4.77469 9.63475 5.292 8.95336C5.83402 8.23944 6.73689 7.73633 8.07389 7.73633V9.06966C7.10596 9.06966 6.61627 9.4141 6.35396 9.7596Z" fill="#A8A5CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.64604 9.7596C9.93306 10.1376 10.0146 10.6074 9.99762 10.9079L11.3288 10.9833C11.3598 10.4364 11.2253 9.63475 10.708 8.95336C10.166 8.23944 9.26311 7.73633 7.92611 7.73633V9.06966C8.89404 9.06966 9.38373 9.4141 9.64604 9.7596Z" fill="#A8A5CE"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_face-smile.svg b/src/foundation/icons/icon-assets/ic_face-smile.svg
new file mode 100644
index 000000000..7eae8879e
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_face-smile.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.6C11.528 1.6 14.4 4.472 14.4 8C14.4 11.528 11.528 14.4 8 14.4C4.472 14.4 1.6 11.528 1.6 8C1.6 4.472 4.472 1.6 8 1.6ZM8 0C3.5816 0 0 3.5816 0 8C0 12.4184 3.5816 16 8 16C12.4184 16 16 12.4184 16 8C16 3.5816 12.4184 0 8 0ZM4.44 8.8C4.424 8.9328 4.4 9.064 4.4 9.2C4.4 10.1548 4.77928 11.0705 5.45442 11.7456C6.12955 12.4207 7.04522 12.8 8 12.8C8.95478 12.8 9.87045 12.4207 10.5456 11.7456C11.2207 11.0705 11.6 10.1548 11.6 9.2C11.6 9.064 11.5744 8.9328 11.56 8.8H4.44ZM6.4 6.4V4.8C6.4 4.58783 6.31571 4.38434 6.16569 4.23431C6.01566 4.08429 5.81217 4 5.6 4C5.38783 4 5.18434 4.08429 5.03431 4.23431C4.88429 4.38434 4.8 4.58783 4.8 4.8V6.4C4.8 6.61217 4.88429 6.81566 5.03431 6.96569C5.18434 7.11571 5.38783 7.2 5.6 7.2C5.81217 7.2 6.01566 7.11571 6.16569 6.96569C6.31571 6.81566 6.4 6.61217 6.4 6.4ZM11.2 6.4V4.8C11.2 4.58783 11.1157 4.38434 10.9657 4.23431C10.8157 4.08429 10.6122 4 10.4 4C10.1878 4 9.98434 4.08429 9.83432 4.23431C9.68429 4.38434 9.6 4.58783 9.6 4.8V6.4C9.6 6.61217 9.68429 6.81566 9.83432 6.96569C9.98434 7.11571 10.1878 7.2 10.4 7.2C10.6122 7.2 10.8157 7.11571 10.9657 6.96569C11.1157 6.81566 11.2 6.61217 11.2 6.4Z" fill="#4FD1C5"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_favorite-filled.svg b/src/foundation/icons/icon-assets/ic_favorite-filled.svg
new file mode 100644
index 000000000..7a605804f
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_favorite-filled.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-843466)">
+<path d="M13.514 5.86696L18.9757 6.69889C19.9551 6.84731 20.3476 8.10887 19.6374 8.83144L15.686 12.8544L16.6206 18.5373C16.7888 19.5645 15.7533 20.33 14.886 19.8535L10 17.1702L5.11403 19.8535C4.24674 20.3339 3.21123 19.5645 3.37945 18.5373L4.31403 12.8544L0.362634 8.83144C-0.347645 8.10887 0.0448775 6.84731 1.02432 6.69889L6.48599 5.86696L8.92711 0.695722C9.36823 -0.237757 10.6355 -0.226039 11.0729 0.695722L13.514 5.86696Z" fill="#FFCE02"/>
+</g>
+<defs>
+<clipPath id="clip0-843466">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_folder-filled.svg b/src/foundation/icons/icon-assets/ic_folder-filled.svg
new file mode 100644
index 000000000..b7b438169
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_folder-filled.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" d="M2 4.14288H14V13.25H2V4.14288Z" fill="#515364"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3.5L6.5986 2H2.39439C1.62362 2 1 2.675 1 3.5V4.5H1.00219C1.00074 4.52361 1 4.54743 1 4.57143V12.9286C1 13.5203 1.44772 14 2 14H14C14.5523 14 15 13.5203 15 12.9286V4.57143C15 3.9797 14.5523 3.5 14 3.5H8ZM2 3.5C1.97756 3.5 1.95529 3.50079 1.93322 3.50235V3.5H2ZM2 12.9286V4.57143H14V12.9286L2 12.9286Z" fill="#515364"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_folder-plus.svg b/src/foundation/icons/icon-assets/ic_folder-plus.svg
new file mode 100644
index 000000000..52376d010
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_folder-plus.svg
@@ -0,0 +1,4 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.33321 2.79956L7.48555 0.821899H1.94255C0.926337 0.821899 0.104126 1.71185 0.104126 2.79956V4.118H0.10701C0.105097 4.14913 0.104126 4.18053 0.104126 4.21218V15.7657C0.104126 16.5459 0.694412 17.1783 1.42257 17.1783H17.2439C17.972 17.1783 18.5623 16.5459 18.5623 15.7657V4.21218C18.5623 3.43201 17.972 2.79956 17.2439 2.79956H9.33321ZM1.94255 15.3571L1.94255 4.72815L16.8368 4.72815L16.8368 15.3571H1.94255Z" fill="#232533"/>
+<path d="M9.33328 6.28467C8.87301 6.28467 8.49988 6.65779 8.49988 7.11807V9.13892H6.47903C6.01876 9.13892 5.64563 9.51204 5.64563 9.97232C5.64563 10.4326 6.01876 10.8057 6.47903 10.8057H8.49988V12.8266C8.49988 13.2868 8.87301 13.66 9.33328 13.66C9.79356 13.66 10.1667 13.2868 10.1667 12.8266V10.8057L12.1875 10.8057C12.6478 10.8057 13.0209 10.4326 13.0209 9.97232C13.0209 9.51204 12.6478 9.13892 12.1875 9.13892H10.1667V7.11807C10.1667 6.65779 9.79356 6.28467 9.33328 6.28467Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_gear-filled.svg b/src/foundation/icons/icon-assets/ic_gear-filled.svg
new file mode 100644
index 000000000..27f5030a3
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_gear-filled.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3995 4.54691C11.3413 4.65802 11.3445 4.79037 11.3991 4.90329C11.4684 5.04655 11.5275 5.19451 11.5761 5.34606C11.614 5.46458 11.7019 5.56208 11.8194 5.60296L13.2506 6.10075C13.3999 6.15269 13.5 6.29346 13.5 6.45156V7.54844C13.5 7.70654 13.3999 7.84731 13.2506 7.89925L11.8348 8.39171C11.7089 8.43549 11.618 8.54385 11.5839 8.67267C11.538 8.84615 11.4761 9.01502 11.3991 9.17712C11.3451 9.29079 11.3415 9.42353 11.3999 9.53502L12.0733 10.8206C12.1487 10.9645 12.1218 11.1407 12.0069 11.2556L11.2556 12.0069C11.1407 12.1218 10.9645 12.1487 10.8206 12.0733L9.4815 11.3719C9.40083 11.3296 9.30696 11.3172 9.22053 11.3459C9.11192 11.3819 9.01065 11.4253 8.90938 11.4687C8.82573 11.5046 8.74209 11.5404 8.65431 11.5722C8.53648 11.6147 8.4377 11.7025 8.39654 11.8209L7.89925 13.2506C7.84731 13.3999 7.70654 13.5 7.54844 13.5H6.45156C6.29346 13.5 6.15269 13.3999 6.10075 13.2506L5.60829 11.8348C5.56451 11.7089 5.45615 11.618 5.32733 11.5839C5.15385 11.538 4.98498 11.4761 4.82288 11.3991C4.70921 11.3451 4.57647 11.3415 4.46498 11.3999L3.17939 12.0733C3.03549 12.1487 2.85928 12.1218 2.74441 12.0069L1.99309 11.2556C1.87822 11.1407 1.85133 10.9645 1.92671 10.8206L2.62814 9.4815C2.6704 9.40083 2.68282 9.30696 2.65412 9.22053C2.61805 9.11192 2.57465 9.01065 2.53125 8.90938C2.4954 8.82573 2.45955 8.74209 2.42784 8.65431C2.38527 8.53648 2.29745 8.4377 2.17913 8.39654L0.749406 7.89925C0.60008 7.84731 0.5 7.70654 0.5 7.54844V6.45156C0.5 6.29346 0.600082 6.15269 0.749408 6.10075L2.18055 5.60296C2.29809 5.56208 2.38597 5.46458 2.42393 5.34607C2.47247 5.19451 2.53161 5.04655 2.6009 4.90329C2.65552 4.79037 2.65867 4.65802 2.60046 4.54691L1.92671 3.26064C1.85133 3.11673 1.87822 2.94053 1.99309 2.82566L2.82566 1.99309C2.94053 1.87822 3.11673 1.85133 3.26064 1.92671L4.54691 2.60046C4.65802 2.65867 4.79037 2.65552 4.90329 2.6009C5.04655 2.53161 5.19451 2.47247 5.34607 2.42393C5.46458 2.38597 5.56208 2.29809 5.60296 2.18055L6.10075 0.749407C6.15269 0.600081 6.29346 0.5 6.45156 0.5H7.54479C7.70466 0.5 7.8466 0.602303 7.89716 0.753973L8.39333 2.2425C8.43602 2.37056 8.54534 2.46352 8.6758 2.4982C8.84818 2.54402 9.01599 2.60559 9.17712 2.68215C9.29079 2.73616 9.42353 2.73976 9.53502 2.68136L10.8206 2.00796C10.9645 1.93258 11.1407 1.95947 11.2556 2.07434L12.0069 2.82566C12.1218 2.94053 12.1487 3.11673 12.0733 3.26064L11.3995 4.54691ZM6.99946 9.3472C8.29579 9.3472 9.34668 8.29632 9.34668 6.99998C9.34668 5.70365 8.29579 4.65276 6.99946 4.65276C5.70312 4.65276 4.65224 5.70365 4.65224 6.99998C4.65224 8.29632 5.70312 9.3472 6.99946 9.3472Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_globe-filled.svg b/src/foundation/icons/icon-assets/ic_globe-filled.svg
new file mode 100644
index 000000000..f1f5b7f31
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_globe-filled.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.00098C6.61553 1.00098 5.26216 1.41152 4.11101 2.18069C2.95987 2.94986 2.06266 4.04311 1.53285 5.32219C1.00303 6.60127 0.86441 8.00874 1.13451 9.36661C1.4046 10.7245 2.07129 11.9718 3.05026 12.9507C4.02922 13.9297 5.2765 14.5964 6.63437 14.8665C7.99224 15.1366 9.3997 14.9979 10.6788 14.4681C11.9579 13.9383 13.0511 13.0411 13.8203 11.89C14.5895 10.7388 15 9.38545 15 8.00098C15 6.14446 14.2625 4.36398 12.9497 3.05123C11.637 1.73847 9.85652 1.00098 8 1.00098ZM7.68 7.78098C7.63984 7.84774 7.5831 7.90299 7.5153 7.94136C7.44749 7.97973 7.37091 7.99992 7.293 7.99998H7.284C7.16439 8.00004 7.04968 8.0475 6.965 8.13198L6.805 8.29198C6.76281 8.33433 6.73912 8.39169 6.73912 8.45148C6.73912 8.51127 6.76281 8.56862 6.805 8.61098L6.965 8.77098C7.04948 8.85566 7.09694 8.97037 7.097 9.08998V9.35398C7.09714 9.41337 7.08553 9.47221 7.06287 9.52711C7.0402 9.582 7.00691 9.63189 6.96491 9.67388C6.92291 9.71588 6.87303 9.74917 6.81813 9.77184C6.76323 9.79451 6.7044 9.80611 6.645 9.80598H6.473C6.38975 9.80529 6.30831 9.78156 6.23771 9.73744C6.16711 9.69331 6.11011 9.63051 6.073 9.55598L5.431 8.28098C5.41502 8.24892 5.39164 8.22112 5.36279 8.19987C5.33395 8.17863 5.30047 8.16454 5.26511 8.15878C5.22975 8.15302 5.19353 8.15574 5.15944 8.16673C5.12534 8.17772 5.09434 8.19665 5.069 8.22198L4.519 8.77098C4.43432 8.85545 4.31961 8.90292 4.2 8.90298H2.434C2.27717 7.94854 2.36869 6.9698 2.69975 6.061C3.03082 5.15219 3.59029 4.34391 4.32428 3.714C5.05828 3.08409 5.94208 2.65375 6.89061 2.46441C7.83913 2.27508 8.82042 2.33313 9.74 2.63298L8.324 3.71998C8.2911 3.74192 8.26453 3.77212 8.24695 3.80755C8.22937 3.84298 8.2214 3.8824 8.22382 3.92188C8.22625 3.96136 8.239 3.99951 8.26079 4.03251C8.28258 4.06552 8.31266 4.09223 8.348 4.10998L8.654 4.26298C8.72853 4.30008 8.79134 4.35709 8.83547 4.42769C8.87959 4.49829 8.90331 4.57972 8.904 4.66298V6.87098C8.904 6.93092 8.88019 6.9884 8.83781 7.03078C8.79543 7.07317 8.73794 7.09698 8.678 7.09698H8.591C8.54937 7.09669 8.50862 7.08485 8.47331 7.06278C8.438 7.04071 8.40951 7.00928 8.391 6.97198C8.38095 6.95196 8.3657 6.93502 8.34685 6.92291C8.32801 6.91081 8.30625 6.90399 8.28387 6.90318C8.26149 6.90236 8.2393 6.90757 8.21962 6.91827C8.19994 6.92896 8.18349 6.94475 8.172 6.96398L7.682 7.78098H7.68ZM12.516 10.891C12.5159 11.0106 12.4685 11.1253 12.384 11.21L12.114 11.48C12.0293 11.5645 11.9146 11.6119 11.795 11.612H11.367C11.2474 11.6119 11.1327 11.5645 11.048 11.48L10.681 11.113C10.5888 11.0205 10.4742 10.9534 10.3484 10.9183C10.2225 10.8833 10.0898 10.8814 9.963 10.913L9.363 11.063C9.32706 11.0722 9.29011 11.0769 9.253 11.077H8.961C8.84139 11.0769 8.72668 11.0295 8.642 10.945L8.306 10.609C8.28503 10.588 8.2684 10.563 8.25708 10.5355C8.24576 10.5081 8.23995 10.4787 8.24 10.449V10.163C8.23996 10.1178 8.25347 10.0736 8.27879 10.0362C8.3041 9.99876 8.34005 9.96977 8.382 9.95298L9.492 9.50898C9.5479 9.48669 9.60094 9.45782 9.65 9.42298L10.319 8.94598C10.3572 8.91864 10.403 8.90396 10.45 8.90398H10.791C10.8357 8.90389 10.8794 8.91705 10.9166 8.94179C10.9538 8.96653 10.9828 9.00174 11 9.04298L11.151 9.40598C11.1594 9.42581 11.1732 9.44284 11.1909 9.45506C11.2087 9.46728 11.2295 9.47419 11.251 9.47498H11.358C11.3823 9.4749 11.406 9.46697 11.4254 9.45238C11.4449 9.43778 11.4591 9.4173 11.466 9.39398L11.585 8.98598C11.5919 8.96265 11.6061 8.94217 11.6256 8.92758C11.645 8.91298 11.6687 8.90506 11.693 8.90498H11.864C11.894 8.90498 11.9227 8.91688 11.9439 8.93807C11.9651 8.95927 11.977 8.98801 11.977 9.01798V9.38298C11.977 9.41267 11.9828 9.44209 11.9941 9.46955C12.0054 9.497 12.022 9.52195 12.043 9.54298L12.379 9.87898C12.4635 9.96366 12.5109 10.0784 12.511 10.198V10.892L12.516 10.891Z" fill="#7F9CF5"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_gnb_bell-unread.svg b/src/foundation/icons/icon-assets/ic_gnb_bell-unread.svg
new file mode 100644
index 000000000..9010b5ac2
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_gnb_bell-unread.svg
@@ -0,0 +1,5 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0001 31.1885C16.8536 31.1895 17.6862 30.9313 18.3823 30.4496C19.0783 29.968 19.6734 29.0359 19.9541 28.25H12.1865C12.4672 29.0359 12.9218 29.968 13.6178 30.4496C14.3139 30.9313 15.1465 31.1895 16.0001 31.1885ZM25.6475 21.25L25.6475 15.3125C25.6475 10.9897 22.6361 7.34809 18.5566 6.25294C18.1528 5.26125 17.166 4.5625 16 4.5625C14.8341 4.5625 13.8473 5.26125 13.4435 6.25294C9.36399 7.34944 6.35261 10.9897 6.35261 15.3125L6.3526 21.25L4.00001 23.5438C3.87178 23.6684 3.77008 23.8164 3.70078 23.9795C3.63147 24.1425 3.59593 24.3173 3.59619 24.4938V25.8376C3.59619 26.1939 3.7414 26.5357 3.99986 26.7877C4.25832 27.0397 4.60888 27.1813 4.9744 27.1813H27.0257C27.3912 27.1813 27.7418 27.0397 28.0002 26.7877C28.2587 26.5357 28.4039 26.1939 28.4039 25.8376V24.4938C28.4041 24.3173 28.3686 24.1425 28.2993 23.9795C28.23 23.8164 28.1283 23.6684 28.0001 23.5438L25.6475 21.25Z" fill="#898995"/>
+<path d="M33.3333 9.33342C33.3333 14.1199 29.4531 18.0001 24.6667 18.0001C19.8802 18.0001 16 14.1199 16 9.33342C16 4.54695 19.8802 0.666748 24.6667 0.666748C29.4531 0.666748 33.3333 4.54695 33.3333 9.33342Z" fill="#EA4646"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.6667 16.6667C28.7168 16.6667 32 13.3835 32 9.33342C32 5.28333 28.7168 2.00008 24.6667 2.00008C20.6166 2.00008 17.3333 5.28333 17.3333 9.33342C17.3333 13.3835 20.6166 16.6667 24.6667 16.6667ZM24.6667 18.0001C29.4531 18.0001 33.3333 14.1199 33.3333 9.33342C33.3333 4.54695 29.4531 0.666748 24.6667 0.666748C19.8802 0.666748 16 4.54695 16 9.33342C16 14.1199 19.8802 18.0001 24.6667 18.0001Z" fill="white"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_gnb_bell.svg b/src/foundation/icons/icon-assets/ic_gnb_bell.svg
new file mode 100644
index 000000000..f624ae1fa
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_gnb_bell.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0001 29.1885C16.8536 29.1895 17.6862 28.9313 18.3823 28.4496C19.0783 27.968 19.6734 27.0359 19.9541 26.25H12.1865C12.4672 27.0359 12.9218 27.968 13.6178 28.4496C14.3139 28.9313 15.1465 29.1895 16.0001 29.1885ZM25.6475 19.25L25.6475 13.3125C25.6475 8.98966 22.6361 5.34809 18.5566 4.25294C18.1528 3.26125 17.166 2.5625 16 2.5625C14.8341 2.5625 13.8473 3.26125 13.4435 4.25294C9.36399 5.34944 6.35261 8.98966 6.35261 13.3125L6.3526 19.25L4.00001 21.5438C3.87178 21.6684 3.77008 21.8164 3.70078 21.9795C3.63147 22.1425 3.59593 22.3173 3.59619 22.4938V23.8376C3.59619 24.1939 3.7414 24.5357 3.99986 24.7877C4.25832 25.0397 4.60888 25.1813 4.9744 25.1813H27.0257C27.3912 25.1813 27.7418 25.0397 28.0002 24.7877C28.2587 24.5357 28.4039 24.1939 28.4039 23.8376V22.4938C28.4041 22.3173 28.3686 22.1425 28.2993 21.9795C28.23 21.8164 28.1283 21.6684 28.0001 21.5438L25.6475 19.25Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_gnb_menu.svg b/src/foundation/icons/icon-assets/ic_gnb_menu.svg
new file mode 100644
index 000000000..d409bcd0e
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_gnb_menu.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 10H25V12H7V10Z" fill="#474952"/>
+<path d="M7 20H25V22H7V20Z" fill="#474952"/>
+<path d="M7 15H25V17H7V15Z" fill="#474952"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_gnb_recent-favorite.svg b/src/foundation/icons/icon-assets/ic_gnb_recent-favorite.svg
new file mode 100644
index 000000000..dcd34f8d3
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_gnb_recent-favorite.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.9279 19.8037L28.4688 20.3431C29.1038 20.4393 29.3582 21.2572 28.8978 21.7256L26.336 24.3338L26.9419 28.0181C27.051 28.684 26.3796 29.1803 25.8174 28.8714L22.6497 27.1318L19.4821 28.8714C18.9198 29.1829 18.2485 28.684 18.3575 28.0181L18.9634 24.3338L16.4017 21.7256C15.9412 21.2572 16.1957 20.4393 16.8306 20.3431L20.3715 19.8037L21.9541 16.4511C22.2401 15.846 23.0617 15.8536 23.3453 16.4511L24.9279 19.8037Z" fill="#898995"/>
+<path d="M15.4333 8.82505H17.161V15.7361L11.1139 19.3644L10.25 17.9476L15.4333 14.8722V8.82505Z" fill="#898995"/>
+<path d="M25.6644 18.196L25.666 18.1915C25.7005 18.0903 25.7334 17.9885 25.7648 17.8859C25.7329 17.99 25.6995 18.0934 25.6644 18.196Z" fill="#898995"/>
+<path d="M16 25.204C16.3012 25.204 16.5995 25.1911 16.8942 25.1658L16.9235 25.1865L16.5343 27.4764C16.3571 27.4838 16.179 27.4875 16 27.4875C9.04468 27.4875 3.40627 21.8491 3.40627 14.8938C3.40627 7.93845 9.04468 2.30005 16 2.30005C22.9553 2.30005 28.5937 7.93845 28.5937 14.8938C28.5937 16.1544 28.4085 17.3717 28.0639 18.5198L25.7669 18.2053C26.1192 17.1658 26.3102 16.052 26.3102 14.8938C26.3102 9.19959 21.6942 4.58354 16 4.58354C10.3058 4.58354 5.68977 9.19959 5.68977 14.8938C5.68977 20.588 10.3058 25.204 16 25.204Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_gnb_search.svg b/src/foundation/icons/icon-assets/ic_gnb_search.svg
new file mode 100644
index 000000000..9ff2054e9
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_gnb_search.svg
@@ -0,0 +1,4 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.7726 21.2703L29.4922 25.9148C29.9556 26.3831 29.9556 27.14 29.4872 27.6084L28.0771 29.0185C27.6137 29.4869 26.8563 29.4869 26.388 29.0185L21.6683 24.374C21.4441 24.1498 21.3196 23.8459 21.3196 23.527V22.7148C21.3196 21.9026 22.238 20.9215 23.1133 20.9215H23.9255C24.2444 20.9215 24.5483 21.0461 24.7726 21.2703Z" fill="#898995"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3884 22.2354C18.9404 22.2354 22.6305 18.5452 22.6305 13.9932C22.6305 9.44122 18.9404 5.75109 14.3884 5.75109C9.83637 5.75109 6.14624 9.44122 6.14624 13.9932C6.14624 18.5452 9.83637 22.2354 14.3884 22.2354ZM14.3884 24.7865C20.3493 24.7865 25.1817 19.9542 25.1817 13.9932C25.1817 8.03227 20.3493 3.19995 14.3884 3.19995C8.42741 3.19995 3.5951 8.03227 3.5951 13.9932C3.5951 19.9542 8.42741 24.7865 14.3884 24.7865Z" fill="#898995"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_home-filled.svg b/src/foundation/icons/icon-assets/ic_home-filled.svg
new file mode 100644
index 000000000..f8ce62135
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_home-filled.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8185 8.22679L8.51925 1.22171C8.25398 0.926096 7.74443 0.926096 7.47916 1.22171L1.17987 8.22679C1.0892 8.32738 1.02968 8.45217 1.00856 8.58598C0.987435 8.7198 1.00561 8.85687 1.06088 8.98054C1.17287 9.23342 1.42344 9.39594 1.69991 9.39594H3.09975V14.2995C3.09975 14.4853 3.1735 14.6635 3.30476 14.7948C3.43602 14.9262 3.61404 15 3.79968 15H5.89944C6.08507 15 6.2631 14.9262 6.39436 14.7948C6.52562 14.6635 6.59936 14.4853 6.59936 14.2995V11.4975H9.39905V14.2995C9.39905 14.4853 9.47279 14.6635 9.60405 14.7948C9.73531 14.9262 9.91334 15 10.099 15H12.1987C12.3844 15 12.5624 14.9262 12.6937 14.7948C12.8249 14.6635 12.8987 14.4853 12.8987 14.2995V9.39594H14.2985C14.4341 9.39652 14.5668 9.35761 14.6807 9.28396C14.7945 9.21031 14.8845 9.1051 14.9396 8.98116C14.9948 8.85722 15.0127 8.71991 14.9912 8.58596C14.9697 8.45201 14.9097 8.32721 14.8185 8.22679Z" fill="#6638B6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_horizontal-rule.svg b/src/foundation/icons/icon-assets/ic_horizontal-rule.svg
new file mode 100644
index 000000000..9d14de6ba
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_horizontal-rule.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="15" width="24" height="2" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_image.svg b/src/foundation/icons/icon-assets/ic_image.svg
new file mode 100644
index 000000000..b9e0eca7c
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_image.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 14C19.5933 14 20.1734 13.8241 20.6667 13.4944C21.1601 13.1648 21.5446 12.6962 21.7716 12.1481C21.9987 11.5999 22.0581 10.9967 21.9424 10.4147C21.8266 9.83279 21.5409 9.29824 21.1213 8.87868C20.7018 8.45912 20.1672 8.1734 19.5853 8.05764C19.0033 7.94189 18.4001 8.0013 17.8519 8.22836C17.3038 8.45542 16.8352 8.83994 16.5056 9.33329C16.1759 9.82664 16 10.4067 16 11C16 11.7956 16.3161 12.5587 16.8787 13.1213C17.4413 13.6839 18.2044 14 19 14ZM19 10C19.1978 10 19.3911 10.0586 19.5556 10.1685C19.72 10.2784 19.8482 10.4346 19.9239 10.6173C19.9996 10.8 20.0194 11.0011 19.9808 11.1951C19.9422 11.3891 19.847 11.5673 19.7071 11.7071C19.5673 11.847 19.3891 11.9422 19.1951 11.9808C19.0011 12.0194 18.8 11.9996 18.6173 11.9239C18.4346 11.8482 18.2784 11.72 18.1685 11.5556C18.0586 11.3911 18 11.1978 18 11C18 10.7348 18.1054 10.4804 18.2929 10.2929C18.4804 10.1054 18.7348 10 19 10Z" fill="#232533"/>
+<path d="M26 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V26C4 26.5304 4.21071 27.0391 4.58579 27.4142C4.96086 27.7893 5.46957 28 6 28H26C26.5304 28 27.0391 27.7893 27.4142 27.4142C27.7893 27.0391 28 26.5304 28 26V6C28 5.46957 27.7893 4.96086 27.4142 4.58579C27.0391 4.21071 26.5304 4 26 4ZM26 26H6V20L11 15L16.59 20.59C16.9647 20.9625 17.4716 21.1716 18 21.1716C18.5284 21.1716 19.0353 20.9625 19.41 20.59L21 19L26 24V26ZM26 21.17L22.41 17.58C22.0353 17.2075 21.5284 16.9984 21 16.9984C20.4716 16.9984 19.9647 17.2075 19.59 17.58L18 19.17L12.41 13.58C12.0353 13.2075 11.5284 12.9984 11 12.9984C10.4716 12.9984 9.96473 13.2075 9.59 13.58L6 17.17V6H26V21.17Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_info-circle.svg b/src/foundation/icons/icon-assets/ic_info-circle.svg
new file mode 100644
index 000000000..921f870e7
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_info-circle.svg
@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 1C3.69248 1 1 3.69248 1 7C1 10.3075 3.69248 13 7 13C10.3075 13 13 10.3075 13 7C13 3.69248 10.3075 1 7 1ZM7 0C3.1402 0 0 3.1402 0 7C0 10.8598 3.1402 14 7 14C10.8598 14 14 10.8598 14 7C14 3.1402 10.8598 0 7 0Z" fill="#5F616D"/>
+<path d="M6.29984 6.3H7.69981V10.5H6.29984V6.3ZM6.29984 3.5H7.69981L7.69977 5.17795H6.2998L6.29984 3.5Z" fill="#5F616D"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_inline-code.svg b/src/foundation/icons/icon-assets/ic_inline-code.svg
new file mode 100644
index 000000000..55be907d8
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_inline-code.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31 16L24 23L22.59 21.59L28.17 16L22.59 10.41L24 9L31 16ZM1 16L8 9L9.41 10.41L3.83 16L9.41 21.59L8 23L1 16Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_limit-filled.svg b/src/foundation/icons/icon-assets/ic_limit-filled.svg
new file mode 100644
index 000000000..0d1341bf4
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_limit-filled.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.03226C0 3.16129 3.16129 0 7.03226 0C10.9032 0 14 3.16129 14 7.03226C14 10.9032 10.9032 14 7.03226 14C3.16129 14 0 10.9032 0 7.03226ZM2.19355 5.80645H11.8065C11.2903 3.67742 9.35484 2.06452 7.03226 2.06452C4.64516 2.06452 2.70968 3.67742 2.19355 5.80645ZM11.8065 8.19355H2.19355C2.70968 10.3226 4.64516 11.9355 7.03226 11.9355C9.35484 11.9355 11.2903 10.3226 11.8065 8.19355Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_link.svg b/src/foundation/icons/icon-assets/ic_link.svg
new file mode 100644
index 000000000..e0f3b3bd9
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_link.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.25 6.76C28.6926 6.20064 28.0302 5.75682 27.3009 5.45399C26.5716 5.15116 25.7897 4.99527 25 4.99527C24.2103 4.99527 23.4284 5.15116 22.6991 5.45399C21.9697 5.75682 21.3074 6.20064 20.75 6.76L22.17 8.18C22.5423 7.8077 22.9842 7.51238 23.4707 7.31089C23.9571 7.10941 24.4785 7.00571 25.005 7.00571C25.5315 7.00571 26.0528 7.10941 26.5393 7.31089C27.0257 7.51238 27.4677 7.8077 27.84 8.18C28.2123 8.5523 28.5076 8.99428 28.7091 9.48071C28.9106 9.96714 29.0143 10.4885 29.0143 11.015C29.0143 11.5415 28.9106 12.0629 28.7091 12.5493C28.5076 13.0357 28.2123 13.4777 27.84 13.85L19.84 21.85C19.0894 22.6019 18.0709 23.0248 17.0085 23.0258C15.9461 23.0267 14.9269 22.6056 14.175 21.855C13.4231 21.1044 13.0001 20.0859 12.9992 19.0235C12.9983 17.9611 13.4194 16.9419 14.17 16.19L15.58 14.77L14.17 13.35L12.75 14.77C12.1906 15.3274 11.7468 15.9898 11.444 16.7191C11.1411 17.4484 10.9852 18.2303 10.9852 19.02C10.9852 19.8097 11.1411 20.5916 11.444 21.3209C11.7468 22.0502 12.1906 22.7126 12.75 23.27C13.8815 24.387 15.41 25.0092 17 25C17.7927 25.0033 18.5782 24.8494 19.3111 24.5473C20.044 24.2452 20.7098 23.8009 21.27 23.24L29.27 15.24C30.3909 14.1124 31.0184 12.5859 31.0147 10.9959C31.0109 9.40586 30.3762 7.88235 29.25 6.76Z" fill="#232533"/>
+<path d="M4.18997 24.82C3.81656 24.4483 3.52026 24.0065 3.31807 23.52C3.11589 23.0335 3.01181 22.5119 3.01181 21.985C3.01181 21.4581 3.11589 20.9365 3.31807 20.45C3.52026 19.9635 3.81656 19.5217 4.18997 19.15L12.19 11.15C12.5616 10.7766 13.0034 10.4803 13.4899 10.2781C13.9765 10.0759 14.4981 9.97184 15.025 9.97184C15.5518 9.97184 16.0735 10.0759 16.56 10.2781C17.0465 10.4803 17.4883 10.7766 17.86 11.15C18.231 11.5246 18.5231 11.9699 18.7189 12.4594C18.9147 12.949 19.0103 13.4728 19 14C19.003 14.5288 18.9012 15.053 18.7004 15.5422C18.4995 16.0314 18.2037 16.4759 17.83 16.85L15.71 19L17.13 20.42L19.25 18.3C20.3785 17.1715 21.0124 15.6409 21.0124 14.045C21.0124 12.4491 20.3785 10.9185 19.25 9.79C18.1215 8.6615 16.5909 8.02752 14.995 8.02752C13.399 8.02752 11.8685 8.6615 10.74 9.79L2.73997 17.79C2.17911 18.3476 1.73401 19.0106 1.43029 19.7408C1.12657 20.4711 0.970215 21.2541 0.970215 22.045C0.970215 22.8359 1.12657 23.619 1.43029 24.3492C1.73401 25.0794 2.17911 25.7424 2.73997 26.3C3.87879 27.4085 5.41087 28.0199 6.99997 28C8.60307 28.0015 10.1417 27.3688 11.28 26.24L9.85997 24.82C9.4883 25.1934 9.04652 25.4897 8.56 25.6919C8.07349 25.8941 7.55182 25.9982 7.02497 25.9982C6.49812 25.9982 5.97645 25.8941 5.48994 25.6919C5.00342 25.4897 4.56164 25.1934 4.18997 24.82Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_list-bulleted-2.svg b/src/foundation/icons/icon-assets/ic_list-bulleted-2.svg
new file mode 100644
index 000000000..c2d34a0ce
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_list-bulleted-2.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 12C8.65685 12 10 10.6569 10 9C10 7.34315 8.65685 6 7 6C5.34315 6 4 7.34315 4 9C4 10.6569 5.34315 12 7 12Z" fill="#232533"/>
+<path d="M7 26C8.65685 26 10 24.6569 10 23C10 21.3431 8.65685 20 7 20C5.34315 20 4 21.3431 4 23C4 24.6569 5.34315 26 7 26Z" fill="#232533"/>
+<path d="M16 22H30V24H16V22ZM16 8H30V10H16V8Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_list-bulleted-3.svg b/src/foundation/icons/icon-assets/ic_list-bulleted-3.svg
new file mode 100644
index 000000000..caeacfe71
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_list-bulleted-3.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 13.4267V10.5733H7.74656V13.4267H4ZM4 19V16.1898H7.74656V19H4ZM4 7.81016V5H7.74656V7.81016H4ZM9.60514 13.4267V10.5733H20V13.4267H9.60514ZM9.60514 19V16.1898H20V19H9.60514ZM9.60514 5H20V7.81016H9.60514V5Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_list-card.svg b/src/foundation/icons/icon-assets/ic_list-card.svg
new file mode 100644
index 000000000..56096b6d5
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_list-card.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="5" width="5.83333" height="5.83333" fill="#222532"/>
+<rect x="5" y="13.1667" width="5.83333" height="5.83333" fill="#222532"/>
+<rect x="13.167" y="5" width="5.83333" height="5.83333" fill="#222532"/>
+<rect x="13.167" y="13.1667" width="5.83333" height="5.83333" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_list-numbered.svg b/src/foundation/icons/icon-assets/ic_list-numbered.svg
new file mode 100644
index 000000000..62797738e
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_list-numbered.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 22H30V24H16V22ZM16 8H30V10H16V8ZM8 12V4H6V5H4V7H6V12H4V14H10V12H8ZM10 28H4V24C4 23.4696 4.21071 22.9609 4.58579 22.5858C4.96086 22.2107 5.46957 22 6 22H8V20H4V18H8C8.53043 18 9.03914 18.2107 9.41421 18.5858C9.78929 18.9609 10 19.4696 10 20V22C10 22.5304 9.78929 23.0391 9.41421 23.4142C9.03914 23.7893 8.53043 24 8 24H6V26H10V28Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_lock-filled.svg b/src/foundation/icons/icon-assets/ic_lock-filled.svg
new file mode 100644
index 000000000..b9718b6a0
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_lock-filled.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5077 5.75167V4.45433C10.5062 1.9936 8.39942 0 5.79951 0C3.20058 0 1.09382 1.9936 1.09234 4.45433V5.7512C0.469977 5.86413 0 6.37887 0 7V12.7274C0 13.4302 0.602143 14 1.34483 14H10.2552C10.9979 14 11.6 13.4302 11.6 12.7274V7C11.6 6.37887 11.1295 5.86367 10.5077 5.75167ZM6.3045 10.2069V12.0913H5.2955V10.2069C4.80284 10.0179 4.45517 9.56247 4.45517 9.0286C4.45517 8.3258 5.05731 7.75553 5.8 7.75553C6.54269 7.75553 7.14483 8.32533 7.14483 9.0286C7.14483 9.56247 6.79716 10.0179 6.3045 10.2069ZM8.48819 5.7274H3.11033V4.45433C3.1128 3.0478 4.31412 1.91007 5.79951 1.90867C7.28489 1.91007 8.48671 3.0478 8.48819 4.45433V5.7274V5.7274Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_megaphone-filled.svg b/src/foundation/icons/icon-assets/ic_megaphone-filled.svg
new file mode 100644
index 000000000..2670f92f2
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_megaphone-filled.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#667EEA;}
+</style>
+<path class="st0" d="M13.8,2.3l-9.1,3V10l1.1,0.2l-0.8,1.5C5,11.9,4.9,12,4.9,12.2c0,0.2,0,0.4,0.1,0.6c0.1,0.2,0.2,0.3,0.3,0.5
+	c0.1,0.1,0.3,0.2,0.5,0.3l2.7,0.9c0.3,0.1,0.6,0.1,0.9,0c0.3-0.1,0.5-0.3,0.7-0.6l0.9-1.7l2.7,1c0.1,0,0.2,0,0.3,0
+	c0.1,0,0.2-0.1,0.3-0.1c0.1-0.1,0.2-0.1,0.2-0.2c0-0.1,0.1-0.2,0.1-0.3V2.9c0-0.1,0-0.2-0.1-0.3c0-0.1-0.1-0.2-0.2-0.2
+	c-0.1-0.1-0.2-0.1-0.3-0.1C14,2.3,13.9,2.3,13.8,2.3z M9,13.2l-2.7-0.9l0.8-1.6l2.7,1L9,13.2z M2.7,10H4V5.3H2.7
+	c-0.7,0-1.3,0.6-1.3,1.3v2C1.3,9.4,1.9,10,2.7,10z"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_minus.svg b/src/foundation/icons/icon-assets/ic_minus.svg
new file mode 100755
index 000000000..f91f8d54a
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_minus.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0008 13L5.9999 13C5.44773 13 5.00008 12.5524 5 12.0002C4.99992 11.4479 5.44762 11.0002 5.99991 11.0002L18.0008 11.0002C18.553 11.0002 19.0006 11.4478 19.0007 11.9999C19.0008 12.5522 18.5531 13 18.0008 13Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_money-bag.svg b/src/foundation/icons/icon-assets/ic_money-bag.svg
new file mode 100644
index 000000000..5434737ed
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_money-bag.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6674 4.34215L12.1852 3.03448C12.2888 2.77276 12.3274 2.48938 12.2975 2.20912C12.2676 1.92887 12.1702 1.66028 12.0138 1.42687C11.8573 1.19345 11.6466 1.00232 11.4001 0.870198C11.1537 0.738074 10.8789 0.668985 10.5998 0.668976H5.39866C5.11961 0.668968 4.84481 0.738046 4.5983 0.870164C4.35179 1.00228 4.1411 1.19341 3.98465 1.42684C3.8282 1.66026 3.73077 1.92885 3.70088 2.20912C3.67099 2.48938 3.70955 2.77278 3.81319 3.0345L4.33102 4.34215C3.36214 4.96404 2.56434 5.82294 2.01159 6.83924C1.45883 7.85553 1.16899 8.99634 1.16895 10.1559V11.0184C1.16895 12.1621 1.6187 13.2589 2.41928 14.0676C3.21986 14.8763 4.30567 15.3306 5.43785 15.3306H10.5605C11.6927 15.3306 12.7785 14.8763 13.5791 14.0676C14.3797 13.2589 14.8295 12.1621 14.8295 11.0184V10.1559C14.8294 8.99634 14.5396 7.85553 13.9868 6.83924C13.4341 5.82294 12.6363 4.96404 11.6674 4.34215ZM4.60595 2.71424C4.55412 2.58338 4.53483 2.44168 4.54977 2.30154C4.56471 2.1614 4.61342 2.0271 4.69165 1.91038C4.76987 1.79366 4.87522 1.69809 4.99847 1.63203C5.12173 1.56596 5.25913 1.53142 5.39866 1.53143H10.5998C10.7393 1.53142 10.8768 1.56596 11 1.63203C11.1233 1.69809 11.2286 1.79366 11.3068 1.91038C11.3851 2.0271 11.4338 2.1614 11.4487 2.30154C11.4637 2.44168 11.4444 2.58338 11.3925 2.71424L10.9138 3.92306C10.0037 3.48413 9.00784 3.25633 7.99926 3.25633C6.99068 3.25633 5.99486 3.48413 5.08468 3.92306L4.60595 2.71424ZM13.9757 11.0184C13.9746 11.933 13.6145 12.8099 12.9743 13.4566C12.334 14.1034 11.466 14.4671 10.5605 14.4682H5.43785C4.53242 14.4671 3.66437 14.1033 3.02414 13.4566C2.3839 12.8099 2.02376 11.933 2.02273 11.0184V10.1559C2.02273 8.55478 2.65239 7.0192 3.7732 5.88702C4.894 4.75483 6.41414 4.11878 7.9992 4.11878C9.58426 4.11878 11.1044 4.75483 12.2252 5.88702C13.346 7.0192 13.9757 8.55478 13.9757 10.1559V11.0184Z" fill="#222532"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.39947 0.5C5.39947 0.5 5.39947 0.5 5.39947 0.5H10.6006C10.9078 0.500011 11.2102 0.576075 11.4813 0.721404C11.7525 0.866726 11.9839 1.07682 12.1557 1.3331C12.3275 1.58937 12.4343 1.88408 12.4671 2.19144C12.4999 2.49879 12.4576 2.80962 12.3439 3.09678L11.8767 4.27662C12.8172 4.90715 13.5929 5.75871 14.1368 6.75881C14.7031 7.79994 15 8.96847 15 10.1561V11.0186C15 12.2064 14.5329 13.346 13.7008 14.1866C12.8685 15.0273 11.7393 15.5 10.5613 15.5H5.43865C4.26071 15.5 3.13147 15.0273 2.29925 14.1866C1.46709 13.346 1 12.2064 1 11.0186V10.1561C1.00005 8.96847 1.29689 7.79994 1.86316 6.75881C2.4071 5.75871 3.18281 4.90716 4.1233 4.27662L3.6561 3.09681C3.54238 2.80964 3.5001 2.4988 3.53289 2.19143C3.56567 1.88407 3.67253 1.58934 3.8443 1.33306C4.01607 1.07678 4.24757 0.866683 4.5187 0.721367C4.78985 0.576045 5.09227 0.499992 5.39947 0.5ZM5.39946 0.838346C5.14856 0.838339 4.90137 0.900442 4.6795 1.01936C4.45762 1.13828 4.26772 1.31045 4.1266 1.521C3.98547 1.73156 3.89748 1.97403 3.87048 2.2272C3.84348 2.48036 3.87832 2.73631 3.97189 2.9726L4.54086 4.4094L4.42373 4.48458C3.47901 5.09096 2.70086 5.9286 2.16162 6.92005C1.62237 7.91152 1.33954 9.02461 1.33949 10.1561V11.0186C1.33949 12.1181 1.77192 13.1722 2.54092 13.949C3.30984 14.7257 4.35223 15.1617 5.43865 15.1617H10.5613C11.6478 15.1617 12.6902 14.7257 13.4591 13.949C14.2281 13.1722 14.6605 12.1181 14.6605 11.0186V10.1561C14.6605 9.02461 14.3776 7.91152 13.8384 6.92005C13.2991 5.9286 12.521 5.09096 11.5763 4.48458L11.4591 4.4094L12.0281 2.97258C12.1217 2.7363 12.1565 2.48036 12.1295 2.2272C12.1025 1.97405 12.0145 1.73159 11.8734 1.52103C11.7323 1.31048 11.5424 1.13831 11.3205 1.01939C11.0987 0.900468 10.8515 0.838355 10.6006 0.838346H5.39946ZM5.39946 1.7008C5.28808 1.70079 5.17829 1.72836 5.07967 1.78122C4.98104 1.83408 4.8965 1.91069 4.8336 2.00454C4.7707 2.0984 4.73142 2.20657 4.71937 2.31961C4.70732 2.43265 4.72289 2.5469 4.76465 2.65233L5.1771 3.69382C6.06488 3.29428 7.02664 3.08735 8.00006 3.08735C8.97348 3.08735 9.93524 3.29428 10.823 3.69382L11.2354 2.65234C11.2772 2.54691 11.2928 2.43265 11.2807 2.31961C11.2687 2.20658 11.2294 2.0984 11.1665 2.00454C11.1036 1.91069 11.019 1.83408 10.9204 1.78122C10.8218 1.72836 10.712 1.70079 10.6006 1.7008H5.39946ZM4.91887 1.48323C5.06677 1.40396 5.23179 1.36245 5.39947 1.36245H10.6006C10.7683 1.36245 10.9333 1.40396 11.0812 1.48323C11.2291 1.5625 11.3552 1.67703 11.4488 1.81662C11.5423 1.95619 11.6005 2.11662 11.6183 2.28387C11.6361 2.4511 11.6131 2.62024 11.5512 2.77654C11.5512 2.77655 11.5512 2.77654 11.5512 2.77654L11.0054 4.15495L10.8407 4.07554C9.95352 3.6477 8.98297 3.4257 8.00006 3.4257C7.01715 3.4257 6.0466 3.6477 5.15942 4.07554L4.99475 4.15495L4.44887 2.77655C4.44886 2.77655 4.44887 2.77655 4.44887 2.77655C4.38696 2.62025 4.36395 2.4511 4.38178 2.28387C4.39961 2.11662 4.45775 1.95619 4.55129 1.81662C4.64484 1.67703 4.77099 1.5625 4.91887 1.48323ZM8 4.28815C6.46071 4.28815 4.98399 4.90582 3.89483 6.00603C2.8056 7.10632 2.19327 8.59911 2.19327 10.1561V11.0184C2.19426 11.8889 2.53707 12.7231 3.14577 13.338C3.75441 13.9528 4.57912 14.2982 5.43885 14.2992H10.5611C11.4209 14.2982 12.2456 13.9528 12.8542 13.338C13.4629 12.7231 13.8058 11.8889 13.8067 11.0184V10.1561C13.8067 8.59911 13.1944 7.10632 12.1052 6.00603C11.016 4.90582 9.5393 4.28815 8 4.28815ZM3.65316 5.7684C4.80562 4.60424 6.36918 3.9498 8 3.9498C9.63082 3.9498 11.1944 4.60424 12.3468 5.7684C13.4992 6.93248 14.1462 8.51084 14.1462 10.1561V11.0186C14.1451 11.9773 13.7677 12.897 13.0959 13.5756C12.4241 14.2543 11.5127 14.6365 10.5615 14.6376H5.43865C4.48753 14.6365 3.57594 14.2543 2.9041 13.5756C2.23234 12.897 1.85487 11.9775 1.85378 11.0188L1.85378 10.1561C1.85378 8.51084 2.50078 6.93248 3.65316 5.7684Z" fill="#222532"/>
+<path d="M9.32337 10.6525C9.32337 10.3976 9.21803 10.1829 9.00734 10.0084C8.79989 9.83392 8.4482 9.67602 7.95228 9.53475C7.26187 9.35469 6.75783 9.12062 6.44018 8.83253C6.12577 8.54167 5.96856 8.17325 5.96856 7.72727C5.96856 7.27297 6.12253 6.9004 6.43046 6.60954C6.74163 6.31868 7.16787 6.14555 7.70917 6.09015V5.18018H8.43362V6.0943C8.97817 6.15802 9.40116 6.35331 9.70261 6.68018C10.0073 7.00705 10.1596 7.45441 10.1596 8.02228H9.26503C9.26503 7.6317 9.15644 7.32145 8.93927 7.09153C8.7221 6.86162 8.42876 6.74666 8.05924 6.74666C7.67352 6.74666 7.37855 6.83253 7.17435 7.00428C6.97014 7.17325 6.86804 7.41009 6.86804 7.7148C6.86804 7.99735 6.97501 8.22311 7.18894 8.39209C7.40611 8.55829 7.76104 8.71065 8.25372 8.84915C8.74965 8.98489 9.13537 9.13585 9.41089 9.30206C9.68964 9.46549 9.89385 9.65663 10.0235 9.87547C10.1564 10.0943 10.2228 10.3505 10.2228 10.6442C10.2228 11.1123 10.0575 11.489 9.72692 11.7744C9.39954 12.0597 8.93927 12.2287 8.3461 12.2813V13.0749H7.62652V12.2813C7.02363 12.2342 6.55039 12.0514 6.2068 11.7328C5.86646 11.4115 5.69629 10.9766 5.69629 10.4281H6.59577C6.59577 10.8131 6.71408 11.1095 6.9507 11.3173C7.18731 11.5251 7.5228 11.6289 7.95714 11.6289C8.38176 11.6289 8.71562 11.5417 8.95872 11.3672C9.20182 11.1926 9.32337 10.9544 9.32337 10.6525Z" fill="#222532"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.60908 5.08017H8.53352V6.00659C9.05458 6.08271 9.47169 6.28247 9.77584 6.61218C10.102 6.96217 10.2595 7.43633 10.2595 8.02227V8.12228H9.16493V8.02227C9.16493 7.65092 9.06221 7.36742 8.86647 7.16019C8.6714 6.95367 8.40619 6.84665 8.05914 6.84665C7.68671 6.84665 7.41826 6.92972 7.23862 7.0808C7.06096 7.22781 6.96794 7.4349 6.96794 7.7148C6.96794 7.96778 7.0617 8.16397 7.25022 8.31314C7.45204 8.46736 7.79179 8.61541 8.28035 8.75278C8.78006 8.88957 9.17534 9.04334 9.46189 9.21609C9.75094 9.38565 9.96891 9.58752 10.1092 9.82402C10.2527 10.0606 10.3228 10.3352 10.3228 10.6442C10.3228 11.1389 10.1466 11.5441 9.79231 11.8499C9.46171 12.138 9.00982 12.3092 8.446 12.3718V13.1749H7.52642V12.3726C6.95036 12.3133 6.48482 12.127 6.13872 11.8061C5.77491 11.4626 5.59619 10.9989 5.59619 10.4281V10.3281H6.69567V10.4281C6.69567 10.7913 6.80632 11.0575 7.01658 11.2421C7.22904 11.4287 7.53776 11.5289 7.95704 11.5289C8.3692 11.5289 8.67998 11.4441 8.9003 11.2859C9.11696 11.1304 9.22327 10.9225 9.22327 10.6525C9.22327 10.4298 9.13313 10.2425 8.94345 10.0854C8.7528 9.92505 8.41768 9.77141 7.92586 9.63122C7.22951 9.44951 6.70777 9.2103 6.3729 8.9066C6.0371 8.59595 5.86847 8.19982 5.86847 7.72726C5.86847 7.24768 6.0322 6.84806 6.36169 6.53684C6.67479 6.24417 7.09352 6.06754 7.60908 6.00104V5.08017ZM7.80908 5.28017V6.18043L7.71926 6.18962C7.19371 6.24341 6.79007 6.41028 6.49883 6.68241C6.2126 6.95288 6.06847 7.29835 6.06847 7.72726C6.06847 8.1465 6.21485 8.48777 6.50763 8.75879C6.80793 9.03096 7.29377 9.25969 7.97741 9.43798L7.97958 9.43854C8.47881 9.58076 8.8472 9.74324 9.07133 9.93166C9.30283 10.1235 9.42327 10.3656 9.42327 10.6525C9.42327 10.9863 9.28648 11.2549 9.01694 11.4484C8.75105 11.6393 8.39411 11.7289 7.95704 11.7289C7.50764 11.7289 7.14539 11.6214 6.88462 11.3924C6.64355 11.1808 6.51761 10.8887 6.4983 10.5281H6.59567V10.4281H6.49567C6.49567 10.462 6.49654 10.4953 6.4983 10.5281H5.7982C5.79686 10.4953 5.79619 10.4619 5.79619 10.4281H5.69619V10.5281H5.7982C5.81769 11.0059 5.97874 11.3799 6.27504 11.6598C6.5978 11.9589 7.04739 12.1357 7.63421 12.1816L7.72642 12.1888V12.9749H7.62642V13.0749H7.72642V12.9749H8.246V13.0749H8.346V12.9749H8.246V12.1898L8.33716 12.1817C8.91695 12.1302 9.35461 11.9661 9.66112 11.699C9.96799 11.4341 10.1227 11.0856 10.1227 10.6442C10.1227 10.3661 10.06 10.1284 9.93793 9.92737L9.93737 9.92644C9.81838 9.72561 9.62822 9.54545 9.36021 9.38832L9.35914 9.38768C9.09475 9.22819 8.7189 9.08017 8.22723 8.9456C7.73109 8.80612 7.36062 8.64947 7.12806 8.47149L7.12685 8.47056C6.88791 8.28184 6.76794 8.02664 6.76794 7.7148C6.76794 7.38542 6.87965 7.1184 7.11019 6.92748C7.33895 6.73525 7.66031 6.64665 8.05914 6.64665C8.45112 6.64665 8.7726 6.76955 9.01187 7.02286C9.23078 7.25461 9.34518 7.5574 9.36258 7.92228H9.26493V8.02227H9.36493C9.36493 7.98844 9.36415 7.95511 9.36258 7.92228H10.0579C10.059 7.95512 10.0595 7.98845 10.0595 8.02227H10.1595V7.92228H10.0579C10.0409 7.42129 9.89506 7.0334 9.62936 6.74835C9.34764 6.44288 8.94845 6.25523 8.4219 6.19362L8.33352 6.18328V5.28017H8.43352V5.18017H8.33352V5.28017H7.80908Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_no-image.svg b/src/foundation/icons/icon-assets/ic_no-image.svg
new file mode 100644
index 000000000..16596e98a
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_no-image.svg
@@ -0,0 +1,3 @@
+<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.3334 1.414L26.9194 0L0.333374 26.586L1.74737 28L3.74737 26H24.3334C24.8636 25.9992 25.3718 25.7882 25.7467 25.4133C26.1216 25.0384 26.3326 24.5302 26.3334 24V3.414L28.3334 1.414ZM24.3334 24H5.74737L13.5404 16.207L15.9194 18.586C16.2944 18.9609 16.803 19.1716 17.3334 19.1716C17.8637 19.1716 18.3723 18.9609 18.7474 18.586L20.3334 17L24.3334 20.997V24ZM24.3334 18.168L21.7474 15.582C21.3723 15.2071 20.8637 14.9964 20.3334 14.9964C19.803 14.9964 19.2944 15.2071 18.9194 15.582L17.3334 17.168L14.9564 14.791L24.3334 5.414V18.168ZM4.33337 20V17L9.33337 12.003L10.7064 13.377L12.1224 11.961L10.7474 10.586C10.3723 10.2111 9.8637 10.0004 9.33337 10.0004C8.80305 10.0004 8.29443 10.2111 7.91937 10.586L4.33337 14.172V4H20.3334V2H4.33337C3.8031 2.00053 3.2947 2.21141 2.91975 2.58637C2.54479 2.96133 2.3339 3.46973 2.33337 4V20H4.33337Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_paper-airplane.svg b/src/foundation/icons/icon-assets/ic_paper-airplane.svg
new file mode 100644
index 000000000..7e31f6630
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_paper-airplane.svg
@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_18463_213980)">
+<path d="M27.9752 6.20806L3.37907 6.03335C3.18628 6.03196 2.9972 6.08633 2.8346 6.18992C2.672 6.2935 2.54281 6.44187 2.46258 6.61718C2.38728 6.78728 2.36093 6.97502 2.38649 7.15929C2.41204 7.34355 2.48848 7.51704 2.60723 7.66024L10.012 16.0223L12.054 26.9848C12.084 27.1384 12.1496 27.2828 12.2455 27.4064C12.3415 27.53 12.4651 27.6293 12.6064 27.6964C12.7478 27.7636 12.9029 27.7966 13.0593 27.7928C13.2157 27.7891 13.3691 27.7487 13.507 27.6749C13.6471 27.6051 13.7689 27.5033 13.8625 27.3778L28.7599 7.80575C28.8699 7.65822 28.9371 7.48318 28.954 7.29991C28.971 7.11665 28.937 6.93226 28.8559 6.76707C28.7747 6.60187 28.6496 6.46227 28.4942 6.36364C28.3388 6.26501 28.1592 6.21117 27.9752 6.20806ZM13.6242 24.3976L12.0326 16.144L20.3263 12.0705L19.4446 10.2754L11.1509 14.3488L5.59197 8.04369L25.9531 8.19279L13.6242 24.3976Z" fill="#232533"/>
+</g>
+<defs>
+<clipPath id="clip0_18463_213980">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_performance-filled.svg b/src/foundation/icons/icon-assets/ic_performance-filled.svg
new file mode 100644
index 000000000..f445792b0
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_performance-filled.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.00288 0C3.13656 0 0 3.11751 0 6.96066C0 9.21358 0.99775 11.3173 2.66804 12.589C3.60087 11.252 5.24199 10.2729 7.00288 10.2729C8.76377 10.2729 10.3991 11.252 11.3319 12.589C13.0022 11.3173 14 9.21358 14 6.96066C14 3.11751 10.8692 0 7.00288 0V0ZM10.5043 3.0434C10.5159 3.04282 10.5275 3.04282 10.5391 3.0434C10.6146 3.04258 10.6886 3.06617 10.7511 3.11103C10.8136 3.15588 10.8616 3.21984 10.8887 3.29432C10.9158 3.36881 10.9206 3.45025 10.9026 3.52774C10.8846 3.60523 10.8446 3.67506 10.7879 3.72785L8.31665 6.18452C8.30928 6.19303 8.30156 6.20118 8.2935 6.20897C8.42259 6.42923 8.50186 6.6874 8.50186 6.96066C8.50186 7.78419 7.83141 8.45179 7.00288 8.45179C6.17438 8.45179 5.49812 7.78419 5.49812 6.96066C5.49812 6.13712 6.17438 5.46953 7.00288 5.46953C7.282 5.46953 7.53724 5.54536 7.76105 5.67731C7.77451 5.65535 7.79002 5.63488 7.80735 5.61619L10.2844 3.15337C10.3439 3.09161 10.4214 3.05286 10.5043 3.0434V3.0434Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_pin-filled.svg b/src/foundation/icons/icon-assets/ic_pin-filled.svg
new file mode 100644
index 000000000..09926a9c4
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_pin-filled.svg
@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_18205_194484)">
+<path d="M28.5165 15.7886C26.6431 13.9152 23.9102 13.3424 21.2664 13.9933L14.7582 7.48513L15.2128 7.03056C15.5745 6.66888 15.7761 6.17675 15.7732 5.66241C15.7704 5.14808 15.5633 4.65369 15.1976 4.28799C14.8319 3.9223 14.3376 3.71526 13.8232 3.71241C13.3089 3.70957 12.8168 3.91116 12.4551 4.27284L4.27284 12.4551C3.91117 12.8168 3.70957 13.3089 3.71242 13.8232C3.71526 14.3376 3.9223 14.8319 4.288 15.1976C4.65369 15.5633 5.14809 15.7704 5.66242 15.7732C6.17675 15.7761 6.66888 15.5745 7.03056 15.2128L7.48513 14.7582L13.9933 21.2664C13.3424 23.9102 13.9152 26.6431 15.7886 28.5165L21.2434 23.0617L24.9204 26.7386C25.4259 27.2442 26.2487 27.2488 26.7487 26.7487C27.2488 26.2487 27.2442 25.4259 26.7386 24.9204L23.0617 21.2434L28.5165 15.7886Z" fill="#897CD6"/>
+</g>
+<defs>
+<clipPath id="clip0_18205_194484">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_plug-filled.svg b/src/foundation/icons/icon-assets/ic_plug-filled.svg
new file mode 100644
index 000000000..f7f565f8c
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_plug-filled.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#F55A2F;}
+</style>
+<path class="st0" d="M2.1,15C2.1,15,2.1,15,2.1,15C2.1,15,2,15,2,15c-0.2,0-0.4,0-0.5-0.1c-0.2-0.1-0.3-0.2-0.4-0.4
+	C1,14.4,1,14.2,1,14c0-0.2,0.1-0.3,0.3-0.5l1.9-1.8c-1-1.5-1.1-3.5-0.3-5.1l6.5,6.6c-1.6,0.9-3.5,0.8-5-0.3l-1.9,1.8
+	C2.2,14.9,2.2,14.9,2.1,15z M4.6,4.6L3.3,3.3C3,3,2.5,3,2.2,3.3s-0.3,0.8,0,1.1l9.2,9.2c0.3,0.3,0.8,0.3,1.1,0
+	c0.3-0.3,0.3-0.8,0-1.1l-1-1c0.3-0.3,0.7-0.7,1-1c0.4-0.4,0.4-1,0-1.4L12,8.7l2.8-2.8c0.1-0.1,0.1-0.2,0.2-0.3S15,5.4,15,5.3
+	s0-0.2-0.1-0.3c0-0.1-0.1-0.2-0.2-0.3s-0.2-0.1-0.3-0.2c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0-0.2,0.1-0.3,0.2
+	l-2.8,2.8L8.6,5.3l2.8-2.8c0.2-0.2,0.3-0.4,0.3-0.6c0-0.2-0.1-0.5-0.3-0.6S11,1,10.8,1c-0.2,0-0.4,0.1-0.6,0.3L7.4,4L7.1,3.7
+	c-0.4-0.4-1-0.4-1.4,0L4.6,4.6z"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_plus.svg b/src/foundation/icons/icon-assets/ic_plus.svg
new file mode 100755
index 000000000..7637981e7
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_plus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8.39449 3 8.71429 3.3198 8.71429 3.71429V7.28571H12.2857C12.6802 7.28571 13 7.60551 13 8C13 8.39449 12.6802 8.71429 12.2857 8.71429H8.71429V12.2857C8.71429 12.6802 8.39449 13 8 13C7.60551 13 7.28571 12.6802 7.28571 12.2857V8.71429H3.71429C3.3198 8.71429 3 8.39449 3 8C3 7.60551 3.3198 7.28571 3.71429 7.28571H7.28571V3.71429C7.28571 3.3198 7.60551 3 8 3Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_plus_bold.svg b/src/foundation/icons/icon-assets/ic_plus_bold.svg
new file mode 100755
index 000000000..8db7b1a48
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_plus_bold.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9375 3.9375C8.9375 3.41973 8.51777 3 8 3C7.48223 3 7.0625 3.41973 7.0625 3.9375V7.0625L3.9375 7.0625C3.41973 7.0625 3 7.48223 3 8C3 8.51777 3.41973 8.9375 3.9375 8.9375L7.0625 8.9375V12.0625C7.0625 12.5803 7.48223 13 8 13C8.51777 13 8.9375 12.5803 8.9375 12.0625V8.9375L12.0625 8.9375C12.5803 8.9375 13 8.51777 13 8C13 7.48223 12.5803 7.0625 12.0625 7.0625L8.9375 7.0625V3.9375Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_plus_square.svg b/src/foundation/icons/icon-assets/ic_plus_square.svg
new file mode 100644
index 000000000..4072f2fbd
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_plus_square.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.5H4C2.61929 1.5 1.5 2.61929 1.5 4V12C1.5 13.3807 2.61929 14.5 4 14.5H12C13.3807 14.5 14.5 13.3807 14.5 12V4C14.5 2.61929 13.3807 1.5 12 1.5ZM4 0C1.79086 0 0 1.79086 0 4V12C0 14.2091 1.79086 16 4 16H12C14.2091 16 16 14.2091 16 12V4C16 1.79086 14.2091 0 12 0H4Z" fill="#232533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8.39449 3 8.71429 3.3198 8.71429 3.71429V7.28571H12.2857C12.6802 7.28571 13 7.60551 13 8C13 8.39449 12.6802 8.71429 12.2857 8.71429H8.71429V12.2857C8.71429 12.6802 8.39449 13 8 13C7.60551 13 7.28571 12.6802 7.28571 12.2857V8.71429H3.71429C3.3198 8.71429 3 8.39449 3 8C3 7.60551 3.3198 7.28571 3.71429 7.28571H7.28571V3.71429C7.28571 3.3198 7.60551 3 8 3Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_plus_thin.svg b/src/foundation/icons/icon-assets/ic_plus_thin.svg
new file mode 100755
index 000000000..482bab944
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_plus_thin.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 3C7.83424 3 7.67527 3.06585 7.55806 3.18306C7.44085 3.30027 7.375 3.45924 7.375 3.625V7.375H3.625C3.45924 7.375 3.30027 7.44085 3.18306 7.55806C3.06585 7.67527 3 7.83424 3 8C3 8.16576 3.06585 8.32473 3.18306 8.44194C3.30027 8.55915 3.45924 8.625 3.625 8.625H7.375V12.375C7.375 12.5408 7.44085 12.6997 7.55806 12.8169C7.67527 12.9342 7.83424 13 8 13C8.16576 13 8.32473 12.9342 8.44194 12.8169C8.55915 12.6997 8.625 12.5408 8.625 12.375V8.625H12.375C12.5408 8.625 12.6997 8.55915 12.8169 8.44194C12.9342 8.32473 13 8.16576 13 8C13 7.83424 12.9342 7.67527 12.8169 7.55806C12.6997 7.44085 12.5408 7.375 12.375 7.375H8.625V3.625C8.625 3.45924 8.55915 3.30027 8.44194 3.18306C8.32473 3.06585 8.16576 3 8 3Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_question-mark-circle-filled.svg b/src/foundation/icons/icon-assets/ic_question-mark-circle-filled.svg
new file mode 100644
index 000000000..1e6e7b10d
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_question-mark-circle-filled.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#858895;}
+</style>
+<path class="st0" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8c4.4,0,8-3.6,8-8C16,3.6,12.4,0,8,0z M8.8,12.8H7.2v-1.6h1.6V12.8z
+	 M9.6,8.9C9.4,9,9.3,9.1,9.2,9.3C8.8,9.6,8.8,9.9,8.8,9.9V10H7.2V9.9c0-0.1,0-0.9,0.8-1.7C8.2,8,8.4,7.8,8.6,7.6
+	c0.6-0.5,1-0.8,1-1.3c0-0.4-0.2-0.8-0.5-1.1C8.8,5,8.4,4.8,8,4.8C7.6,4.8,7.2,5,6.9,5.3C6.6,5.6,6.5,5.9,6.5,6.3H4.9
+	c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C11.1,7.6,10.2,8.4,9.6,8.9L9.6,8.9z"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_question-mark-circle.svg b/src/foundation/icons/icon-assets/ic_question-mark-circle.svg
new file mode 100644
index 000000000..9effe6894
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_question-mark-circle.svg
@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 1C3.69248 1 1 3.69248 1 7C1 10.3075 3.69248 13 7 13C10.3075 13 13 10.3075 13 7C13 3.69248 10.3075 1 7 1ZM7 0C3.1402 0 0 3.1402 0 7C0 10.8598 3.1402 14 7 14C10.8598 14 14 10.8598 14 7C14 3.1402 10.8598 0 7 0Z" fill="#5F616D"/>
+<path d="M8.74375 3.63594C8.275 3.225 7.65625 3 7 3C6.34375 3 5.725 3.22656 5.25625 3.63594C4.76875 4.0625 4.5 4.63594 4.5 5.25V5.36875C4.5 5.4375 4.55625 5.49375 4.625 5.49375H5.375C5.44375 5.49375 5.5 5.4375 5.5 5.36875V5.25C5.5 4.56094 6.17344 4 7 4C7.82656 4 8.5 4.56094 8.5 5.25C8.5 5.73594 8.15625 6.18125 7.62344 6.38594C7.29219 6.5125 7.01094 6.73437 6.80937 7.025C6.60469 7.32187 6.49844 7.67812 6.49844 8.03906V8.375C6.49844 8.44375 6.55469 8.5 6.62344 8.5H7.37344C7.44219 8.5 7.49844 8.44375 7.49844 8.375V8.02031C7.49925 7.86863 7.54574 7.72071 7.63187 7.59584C7.71799 7.47097 7.83975 7.37496 7.98125 7.32031C8.90312 6.96562 9.49844 6.15312 9.49844 5.25C9.5 4.63594 9.23125 4.0625 8.74375 3.63594ZM6.375 10.125C6.375 10.2908 6.44085 10.4497 6.55806 10.5669C6.67527 10.6842 6.83424 10.75 7 10.75C7.16576 10.75 7.32473 10.6842 7.44194 10.5669C7.55915 10.4497 7.625 10.2908 7.625 10.125C7.625 9.95924 7.55915 9.80027 7.44194 9.68306C7.32473 9.56585 7.16576 9.5 7 9.5C6.83424 9.5 6.67527 9.56585 6.55806 9.68306C6.44085 9.80027 6.375 9.95924 6.375 10.125Z" fill="#5F616D"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_quotes.svg b/src/foundation/icons/icon-assets/ic_quotes.svg
new file mode 100644
index 000000000..737791a7b
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_quotes.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15H6.11C6.29585 13.7623 6.73779 12.577 7.40759 11.5198C8.07739 10.4626 8.96033 9.55672 10 8.86L11.79 7.66L10.69 6L8.9 7.2C7.39328 8.20408 6.15771 9.56456 5.30293 11.1607C4.44816 12.7569 4.00061 14.5394 4 16.35V23C4 23.5304 4.21071 24.0391 4.58579 24.4142C4.96086 24.7893 5.46957 25 6 25H12C12.5304 25 13.0391 24.7893 13.4142 24.4142C13.7893 24.0391 14 23.5304 14 23V17C14 16.4696 13.7893 15.9609 13.4142 15.5858C13.0391 15.2107 12.5304 15 12 15ZM26 15H20.11C20.2959 13.7623 20.7378 12.577 21.4076 11.5198C22.0774 10.4626 22.9603 9.55672 24 8.86L25.79 7.66L24.7 6L22.9 7.2C21.3933 8.20408 20.1577 9.56456 19.3029 11.1607C18.4482 12.7569 18.0006 14.5394 18 16.35V23C18 23.5304 18.2107 24.0391 18.5858 24.4142C18.9609 24.7893 19.4696 25 20 25H26C26.5304 25 27.0391 24.7893 27.4142 24.4142C27.7893 24.0391 28 23.5304 28 23V17C28 16.4696 27.7893 15.9609 27.4142 15.5858C27.0391 15.2107 26.5304 15 26 15Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_radio-disabled.svg b/src/foundation/icons/icon-assets/ic_radio-disabled.svg
new file mode 100644
index 000000000..74ed03df2
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_radio-disabled.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 17.9167C14.3723 17.9167 17.9167 14.3723 17.9167 10C17.9167 5.62775 14.3723 2.08334 10 2.08334C5.62779 2.08334 2.08337 5.62775 2.08337 10C2.08337 14.3723 5.62779 17.9167 10 17.9167Z" fill="#E5E5E8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.58334C5.90393 2.58334 2.58337 5.90389 2.58337 10C2.58337 14.0961 5.90393 17.4167 10 17.4167C14.0962 17.4167 17.4167 14.0961 17.4167 10C17.4167 5.90389 14.0962 2.58334 10 2.58334ZM1.58337 10C1.58337 5.35161 5.35164 1.58334 10 1.58334C14.6484 1.58334 18.4167 5.35161 18.4167 10C18.4167 14.6484 14.6484 18.4167 10 18.4167C5.35164 18.4167 1.58337 14.6484 1.58337 10Z" fill="#CED0D6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_radio-selected.svg b/src/foundation/icons/icon-assets/ic_radio-selected.svg
new file mode 100644
index 000000000..2016d0c5b
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_radio-selected.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10C16.75 6.27208 13.7279 3.25 10 3.25ZM1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10Z" fill="#007EE5"/>
+<path d="M10 5.83333C10.8241 5.83333 11.6297 6.0777 12.3149 6.53554C13.0001 6.99338 13.5342 7.64413 13.8495 8.40548C14.1649 9.16684 14.2474 10.0046 14.0866 10.8129C13.9259 11.6211 13.529 12.3636 12.9463 12.9463C12.3636 13.529 11.6212 13.9258 10.8129 14.0866C10.0047 14.2474 9.16689 14.1649 8.40553 13.8495C7.64417 13.5341 6.99342 13.0001 6.53558 12.3149C6.07774 11.6297 5.83337 10.8241 5.83337 10C5.83337 8.89493 6.27236 7.83512 7.05376 7.05372C7.83516 6.27232 8.89497 5.83333 10 5.83333Z" fill="#007EE5"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_radio.svg b/src/foundation/icons/icon-assets/ic_radio.svg
new file mode 100644
index 000000000..f41a4b05e
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_radio.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.58333C5.90393 2.58333 2.58337 5.90389 2.58337 10C2.58337 14.0961 5.90393 17.4167 10 17.4167C14.0962 17.4167 17.4167 14.0961 17.4167 10C17.4167 5.90389 14.0962 2.58333 10 2.58333ZM1.58337 10C1.58337 5.3516 5.35164 1.58333 10 1.58333C14.6484 1.58333 18.4167 5.3516 18.4167 10C18.4167 14.6484 14.6484 18.4167 10 18.4167C5.35164 18.4167 1.58337 14.6484 1.58337 10Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_refresh.svg b/src/foundation/icons/icon-assets/ic_refresh.svg
new file mode 100755
index 000000000..4b9626d32
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_refresh.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.54958 17.5047C7.98993 18.945 9.94346 19.7542 11.9804 19.7542L11.9836 19.7541C13.6994 19.7025 15.3575 19.1219 16.7308 18.092C18.1041 17.062 19.1257 15.6328 19.6557 14L19.7 13.8634H17.596L17.5679 13.9236C17.0663 14.9973 16.2796 15.9127 15.2936 16.57C14.3082 17.227 13.1614 17.601 11.9782 17.6514C10.4997 17.6508 9.08194 17.0633 8.03645 16.0178C6.99044 14.9718 6.4028 13.5531 6.4028 12.0738C6.4028 10.5945 6.99044 9.17584 8.03645 8.12983C9.08246 7.08382 10.5011 6.49625 11.9804 6.49625L11.9842 6.49611C12.7062 6.47014 13.4232 6.62584 14.0694 6.94894C14.6896 7.25904 15.2255 7.71382 15.6323 8.27435L12.6754 11.2312H19.6608V4.24582L17.6481 6.25848C15.9478 5.17251 14.0013 4.53104 11.9875 4.39367L11.9804 4.4978V4.39343C9.94346 4.39343 7.98993 5.20261 6.54958 6.64296C5.10923 8.08331 4.30005 10.0368 4.30005 12.0738C4.30005 14.1108 5.10923 16.0643 6.54958 17.5047ZM17.6624 13.9678H19.556C19.0326 15.5802 18.0239 16.9914 16.6678 18.0085C17.9945 17.0134 18.9892 15.641 19.5218 14.0722C19.5335 14.0375 19.5447 14.0027 19.556 13.9678H17.6624C17.6624 13.9679 17.6624 13.9678 17.6624 13.9678Z" fill="#222532"/>
+</svg>
\ No newline at end of file
diff --git a/src/foundation/icons/icon-assets/ic_renew.svg b/src/foundation/icons/icon-assets/ic_renew.svg
new file mode 100644
index 000000000..155898e6f
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_renew.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 10H6.78001C8.07335 8.01233 9.97442 6.49584 12.1998 5.67658C14.4252 4.85733 16.8558 4.77918 19.1292 5.45379C21.4027 6.1284 23.3972 7.51964 24.8156 9.42013C26.2339 11.3206 27.0002 13.6286 27 16H29C29.0028 13.3255 28.1805 10.7152 26.6455 8.52511C25.1104 6.335 22.9372 4.67165 20.4222 3.76187C17.9072 2.85209 15.1727 2.74016 12.5918 3.44134C10.0108 4.14252 7.70894 5.62269 6.00001 7.68V4H4.00001V12H12V10ZM20 22H25.22C23.9267 23.9877 22.0256 25.5042 19.8002 26.3234C17.5748 27.1427 15.1442 27.2208 12.8708 26.5462C10.5973 25.8716 8.60278 24.4804 7.18443 22.5799C5.76607 20.6794 4.99986 18.3714 5.00001 16H3.00001C2.99725 18.6745 3.81947 21.2848 5.35454 23.4749C6.88961 25.665 9.06281 27.3284 11.5778 28.2381C14.0928 29.1479 16.8273 29.2598 19.4082 28.5587C21.9892 27.8575 24.2911 26.3773 26 24.32V28H28V20H20V22Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_repeat.svg b/src/foundation/icons/icon-assets/ic_repeat.svg
new file mode 100644
index 000000000..fdc98049c
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_repeat.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 6H16V8H20V17H4V8H9V11L14 7L9 3V6H3C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V18C2 18.2652 2.10536 18.5196 2.29289 18.7071C2.48043 18.8946 2.73478 19 3 19H21C21.2652 19 21.5196 18.8946 21.7071 18.7071C21.8946 18.5196 22 18.2652 22 18V7C22 6.73478 21.8946 6.48043 21.7071 6.29289C21.5196 6.10536 21.2652 6 21 6Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_resource_hexagon.svg b/src/foundation/icons/icon-assets/ic_resource_hexagon.svg
new file mode 100755
index 000000000..96ae09728
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_resource_hexagon.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="ic_collector_tags" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#A5ACCE;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:0.75;stroke-miterlimit:10;}
+	.st2{fill:#FFFFFF;}
+</style>
+<g id="사각형_437">
+	<rect y="0" class="st0" width="24" height="24"/>
+</g>
+<polygon class="st0" points="12.4,11.3 12.2,11.4 11.9,11.3 12,10.9 "/>
+<path class="st1" d="M12,13.4"/>
+<path class="st2" d="M19,6.9l-6.2-3.6c-0.5-0.3-1.2-0.3-1.7,0L5,6.9C4.4,7.2,4.1,7.8,4.1,8.4v7.1c0,0.6,0.3,1.2,0.9,1.5l6.2,3.6
+	c0.3,0.2,0.6,0.2,0.9,0.2s0.5-0.1,0.8-0.2l6.3-3.6c0.5-0.3,0.9-0.9,0.9-1.5V8.4C20.1,7.8,19.6,7.2,19,6.9z M5.3,7.6L11.5,4
+	c0.2-0.1,0.3-0.1,0.5-0.1s0.3,0,0.5,0.1l6.2,3.6c0.2,0.1,0.5,0.3,0.5,0.6c0,0.3-0.2,0.5-0.5,0.7l-6.2,3.6c-0.3,0.2-0.7,0.2-1,0
+	L5.3,8.9C5.1,8.8,4.9,8.5,4.9,8.3C4.9,8,5.1,7.7,5.3,7.6z M5.3,16.4c-0.3-0.2-0.5-0.5-0.5-0.9v-6c0,0,6.7,3.7,6.9,3.8v6.8L5.3,16.4z
+	 M19.1,16.2c0,0-6.6,3.8-6.7,3.9v-6.8c0.2,0,7.1-4.1,7.1-4.1v6.1C19.5,15.7,19.4,16,19.1,16.2z"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_search.svg b/src/foundation/icons/icon-assets/ic_search.svg
new file mode 100644
index 000000000..98d6848f9
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_search.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.999">
+<path opacity="0.999" d="M15.4289 14.057H14.6999L14.4259 13.783C15.3722 12.7283 15.8935 11.36 15.8889 9.943C15.8889 8.76759 15.5404 7.61857 14.8874 6.64125C14.2343 5.66393 13.3062 4.9022 12.2202 4.45239C11.1343 4.00258 9.93934 3.88488 8.78651 4.1142C7.63368 4.34351 6.57474 4.90952 5.7436 5.74067C4.91245 6.57181 4.34644 7.63075 4.11713 8.78358C3.88781 9.93641 4.00551 11.1313 4.45532 12.2173C4.90513 13.3032 5.66686 14.2314 6.64418 14.8844C7.6215 15.5375 8.77052 15.886 9.94593 15.886C11.3629 15.8905 12.7312 15.3692 13.7859 14.423L14.0599 14.697V15.428L18.6289 20L19.9999 18.629L15.4289 14.057ZM9.94293 14.057C9.12926 14.057 8.33386 13.8157 7.65732 13.3637C6.98077 12.9116 6.45347 12.2691 6.14209 11.5174C5.83071 10.7656 5.74924 9.93844 5.90798 9.1404C6.06672 8.34236 6.45854 7.60932 7.0339 7.03396C7.60925 6.45861 8.34229 6.06679 9.14033 5.90805C9.93837 5.74931 10.7656 5.83078 11.5173 6.14216C12.269 6.45354 12.9115 6.98084 13.3636 7.65739C13.8156 8.33393 14.0569 9.12933 14.0569 9.943C14.0588 10.4838 13.9536 11.0196 13.7475 11.5195C13.5414 12.0195 13.2385 12.4738 12.8561 12.8562C12.4737 13.2386 12.0194 13.5415 11.5195 13.7476C11.0195 13.9537 10.4837 14.0589 9.94293 14.057Z" fill="#222532"/>
+</g>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_administration.svg b/src/foundation/icons/icon-assets/ic_service_administration.svg
new file mode 100644
index 000000000..dc59bbbff
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_administration.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4347 4.25804C10.4948 4.07824 10.665 3.95838 10.8452 3.95838H13.108C13.2982 3.95838 13.4584 4.07824 13.5285 4.25804L13.8589 5.23695C14.0691 5.85625 14.4997 6.38566 15.0804 6.71529C15.6611 7.04492 16.3419 7.1548 17.0027 7.02495L18.0339 6.81518C18.2142 6.77522 18.4044 6.86512 18.4945 7.02495L19.6259 8.9428C19.726 9.11261 19.706 9.31239 19.5758 9.46222L18.875 10.2314C18.4344 10.7208 18.1841 11.3501 18.1841 12.0094C18.1841 12.6586 18.4244 13.2979 18.875 13.7874L19.5758 14.5565C19.706 14.6964 19.726 14.9061 19.6259 15.0759L18.4945 16.9938C18.4044 17.1536 18.2142 17.2335 18.0339 17.2036L17.0027 16.9938C16.3419 16.8639 15.6611 16.9738 15.0804 17.3034C14.4997 17.6331 14.0691 18.1625 13.8589 18.7818L13.5285 19.7407C13.4684 19.9205 13.2982 20.0404 13.118 20.0404H10.8552C10.665 20.0404 10.4948 19.9205 10.4347 19.7407L10.1244 18.7718C9.91409 18.1525 9.48357 17.6231 8.90287 17.2935C8.32216 16.9638 7.64133 16.8539 6.98053 16.9838L5.93927 17.1936C5.75905 17.2335 5.56882 17.1436 5.47871 16.9938L4.33733 15.0859C4.23721 14.9161 4.25723 14.7063 4.38739 14.5665L5.08824 13.7974C5.53878 13.3079 5.77908 12.6686 5.77908 12.0094C5.77908 11.3501 5.52877 10.7208 5.08824 10.2314L4.38739 9.46222C4.25723 9.32237 4.23721 9.11261 4.33733 8.9428L5.4687 7.04492C5.5588 6.8851 5.74904 6.80519 5.92926 6.83516L6.96051 7.04492C7.62131 7.17478 8.30213 7.0649 8.88284 6.73527C9.46354 6.40564 9.89407 5.87623 10.1043 5.25692L10.4347 4.25804ZM9.98418 2.50001C9.82399 2.49002 9.65377 2.53996 9.52362 2.62986C9.39346 2.71976 9.29334 2.84962 9.23327 2.99945L8.67258 4.78745C8.57246 5.06714 8.37222 5.30687 8.1119 5.4567C7.85158 5.60653 7.54121 5.65648 7.25086 5.59654L5.33854 5.22696C5.18836 5.20698 5.04819 5.22696 4.91803 5.29688C4.78787 5.35681 4.67774 5.4567 4.59764 5.58656L2.60522 8.95279C2.52513 9.08264 2.48508 9.23247 2.5051 9.3923C2.51512 9.54213 2.5852 9.69196 2.68532 9.80184L3.94685 11.2003C4.1471 11.42 4.25723 11.7097 4.25723 12.0094C4.25723 12.309 4.1471 12.5887 3.94685 12.8185L2.68532 14.2169C2.5852 14.3368 2.52513 14.4766 2.5051 14.6264C2.49509 14.7763 2.52513 14.9361 2.60522 15.0659L4.58763 18.4322C4.66773 18.562 4.78788 18.6719 4.92805 18.7318C5.06822 18.7918 5.23842 18.8118 5.3886 18.7818L7.25086 18.4122C7.54121 18.3523 7.85158 18.4022 8.1119 18.552C8.37222 18.7019 8.57246 18.9316 8.67258 19.2213L9.28332 20.9993C9.33338 21.1491 9.43351 21.279 9.57368 21.3689C9.71385 21.4588 9.87403 21.4987 10.0342 21.4987H10.0443H14.0191C14.1793 21.4987 14.3294 21.4488 14.4596 21.3589C14.5898 21.269 14.6799 21.1392 14.7299 20.9993L15.3307 19.2213C15.4308 18.9416 15.631 18.7019 15.8913 18.552C16.1517 18.4022 16.462 18.3523 16.7524 18.4122L18.6146 18.7818C18.7748 18.8118 18.935 18.7918 19.0752 18.7318C19.2154 18.6719 19.3355 18.562 19.4156 18.4322L21.398 15.0659C21.4781 14.9361 21.5082 14.7763 21.4981 14.6264C21.4781 14.4766 21.418 14.3268 21.3179 14.2169L19.9763 12.8085C19.776 12.5887 19.6659 12.299 19.6659 11.9994C19.6659 11.6997 19.776 11.42 19.9763 11.1903L21.2478 9.79185C21.358 9.67198 21.418 9.53214 21.4381 9.38231C21.4581 9.23247 21.418 9.07265 21.3379 8.9428L19.3555 5.57657C19.2754 5.44671 19.1553 5.33683 19.0151 5.2769C18.875 5.21697 18.7048 5.19699 18.5546 5.22696L16.6923 5.59654C16.402 5.65648 16.0916 5.60653 15.8313 5.4567C15.571 5.30687 15.3707 5.07712 15.2706 4.78745L14.6799 2.99945C14.6298 2.85961 14.5397 2.72975 14.4095 2.63985C14.2794 2.54995 14.1292 2.50001 13.969 2.50001H9.98418Z" fill="#222532"/>
+<path d="M12 15.75C9.93 15.75 8.25 14.07 8.25 12C8.25 9.93 9.93 8.25 12 8.25C14.07 8.25 15.75 9.93 15.75 12C15.75 14.07 14.07 15.75 12 15.75ZM12 9.75C10.76 9.75 9.75 10.76 9.75 12C9.75 13.24 10.76 14.25 12 14.25C13.24 14.25 14.25 13.24 14.25 12C14.25 10.76 13.24 9.75 12 9.75Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_alert-manager.svg b/src/foundation/icons/icon-assets/ic_service_alert-manager.svg
new file mode 100644
index 000000000..027dccc7c
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_alert-manager.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5 5.38867C21.5 4.06941 20.4306 3 19.1113 3H4.88874C3.56944 3 2.5 4.06941 2.5 5.38867V15.553C2.5 16.8723 3.56944 17.9417 4.88874 17.9417H7.72725C7.84718 17.9417 7.94712 17.9917 8.01709 18.0916C8.08705 18.1916 8.09705 18.3015 8.05707 18.4214L7.54733 19.8406C7.44739 20.1105 7.48736 20.4003 7.65728 20.6302C7.81719 20.8601 8.07706 21 8.36691 21H15.6331C15.9129 21 16.1728 20.8701 16.3427 20.6302C16.5026 20.4003 16.5426 20.1105 16.4527 19.8406L15.9429 18.4214C15.9029 18.3115 15.9229 18.1916 15.9829 18.0916C16.0529 17.9917 16.1528 17.9417 16.2728 17.9417H19.1113C20.4306 17.9417 21.5 16.8723 21.5 15.553V5.38867ZM14.4937 19.3109C14.4237 19.4109 14.3238 19.4609 14.2038 19.4609H9.81614C9.69621 19.4609 9.59627 19.4109 9.5263 19.3109C9.45634 19.211 9.44634 19.1011 9.48632 18.9811L9.77617 18.1716C9.82614 18.0316 9.95608 17.9317 10.106 17.9317H13.914C14.0639 17.9317 14.1938 18.0217 14.2438 18.1716L14.5337 18.9811C14.5736 19.1011 14.5537 19.221 14.4937 19.3109ZM19.9808 15.553C19.9808 16.0328 19.591 16.4125 19.1212 16.4125H4.89873C4.41898 16.4125 4.03918 16.0228 4.03918 15.553V14.2338C4.03918 14.0339 4.1991 13.874 4.39899 13.874H19.631C19.8309 13.874 19.9908 14.0339 19.9908 14.2338V15.553H19.9808ZM19.9808 11.995C19.9808 12.1949 19.8209 12.3548 19.621 12.3548H4.38901C4.18911 12.3548 4.02919 12.1949 4.02919 11.995V5.38867C4.02919 4.90894 4.41899 4.52915 4.88874 4.52915H19.1113C19.591 4.52915 19.9708 4.91893 19.9708 5.38867V11.995H19.9808Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_asset-inventory.svg b/src/foundation/icons/icon-assets/ic_service_asset-inventory.svg
new file mode 100755
index 000000000..8c8fac673
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_asset-inventory.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4385 16.0843V13.9436C19.4385 13.8531 19.4787 13.7828 19.549 13.7325L21.5078 12.4461C21.8091 12.2451 22 11.9034 22 11.5215C22 11.1496 21.8292 10.7978 21.5178 10.5968L19.5188 9.23C19.4485 9.17975 19.4083 9.1094 19.4083 9.01894C19.4083 8.93854 19.4485 8.85814 19.5188 8.80789L21.5178 7.44106C21.8192 7.23 22 6.88829 22 6.51643C22 6.14457 21.8091 5.79281 21.5078 5.59181L16.445 2.26518C15.9026 1.90337 15.2094 1.91342 14.667 2.28528L12.1356 4.01392C12.0552 4.06417 11.9448 4.06417 11.8644 4.01392L9.333 2.28528C9.06178 2.09432 8.75038 2.00387 8.42893 2.00387C8.12758 2.00387 7.81617 2.09432 7.555 2.26518L2.49222 5.59181C2.19086 5.79281 2 6.13452 2 6.51643C2 6.88829 2.17077 7.24005 2.48217 7.44106L4.48117 8.80789C4.55148 8.85814 4.59166 8.92849 4.59166 9.01894C4.59166 9.09935 4.55148 9.17975 4.48117 9.23L2.48217 10.5968C2.18081 10.8079 2 11.1496 2 11.5215C2 11.8933 2.19086 12.2451 2.49222 12.4461L4.45103 13.7325C4.52135 13.7828 4.56153 13.8531 4.56153 13.9436V16.0843C4.56153 16.637 4.8227 17.1596 5.25465 17.4712L11.0407 21.6923C11.6032 22.1044 12.3566 22.1044 12.9292 21.6923L18.7152 17.4712C19.1773 17.1496 19.4385 16.637 19.4385 16.0843ZM20.1115 11.3004C20.1818 11.3506 20.222 11.431 20.222 11.5114C20.222 11.5918 20.1818 11.6722 20.1115 11.7225L15.7418 14.5868C15.6916 14.6169 15.6414 14.637 15.5811 14.637C15.5208 14.637 15.4706 14.6169 15.4204 14.5868L13.552 13.3104C13.4817 13.2602 13.4415 13.1898 13.4415 13.0993C13.4415 13.0089 13.4817 12.9385 13.552 12.8883L17.8614 9.94357C17.9417 9.88327 18.0522 9.88327 18.1326 9.94357L20.1115 11.3004ZM13.552 4.72749L15.4204 3.45111C15.5208 3.3908 15.6414 3.38075 15.7418 3.45111L20.1115 6.31543C20.1818 6.36568 20.222 6.43603 20.222 6.52648C20.222 6.61694 20.1818 6.68729 20.1115 6.73754L18.1326 8.08427C18.0924 8.11442 18.0422 8.13452 17.992 8.13452C17.9417 8.13452 17.9016 8.12447 17.8614 8.09432L13.552 5.1496C13.4817 5.09935 13.4415 5.029 13.4415 4.93854C13.4415 4.85814 13.4817 4.77774 13.552 4.72749ZM3.91863 6.73754C3.84832 6.68729 3.80814 6.61694 3.80814 6.52648C3.80814 6.43603 3.84832 6.36568 3.91863 6.31543L8.2883 3.45111C8.38875 3.3908 8.50929 3.3908 8.60975 3.45111L10.4782 4.72749C10.5485 4.77774 10.5887 4.84809 10.5887 4.93854C10.5887 5.01894 10.5485 5.09935 10.4782 5.1496L6.16876 8.08427C6.12858 8.11442 6.07835 8.12447 6.03817 8.12447C5.99799 8.12447 5.94776 8.11442 5.90758 8.08427L3.91863 6.73754ZM3.92868 11.7124C3.85836 11.6622 3.81818 11.5918 3.81818 11.5014C3.81818 11.421 3.85836 11.3406 3.92868 11.2903L5.90758 9.94357C5.98795 9.88327 6.09844 9.88327 6.1788 9.94357L10.4882 12.8883C10.5585 12.9385 10.5987 13.0089 10.5987 13.0993C10.5987 13.1898 10.5585 13.2602 10.4882 13.3104L8.61979 14.5868C8.56956 14.6169 8.51934 14.637 8.45907 14.637C8.40884 14.637 8.34857 14.6169 8.29834 14.5868L3.92868 11.7124ZM11.342 19.6923C11.342 19.7928 11.2918 19.8732 11.2115 19.9134C11.1813 19.9335 11.1411 19.9436 11.101 19.9436C11.0507 19.9436 11.0005 19.9235 10.9603 19.8933L6.05826 16.3154C5.9779 16.2551 5.93772 16.1647 5.93772 16.0742V15.1395C5.93772 15.0491 5.98795 14.9586 6.06831 14.9184C6.14867 14.8782 6.23908 14.8782 6.30939 14.9285L7.57509 15.7627C8.11753 16.1144 8.81065 16.1144 9.35309 15.7426L10.9704 14.637C11.0407 14.5868 11.1411 14.5767 11.2115 14.627C11.2918 14.6672 11.342 14.7576 11.342 14.8481V19.6923ZM12.0151 12.2149C11.9648 12.2149 11.9247 12.2049 11.8845 12.1747L7.57509 9.23C7.50477 9.17975 7.46459 9.1094 7.46459 9.01894C7.46459 8.93854 7.50477 8.85814 7.57509 8.80789L11.8845 5.86317C11.9648 5.81291 12.0753 5.81291 12.1557 5.86317L16.4651 8.80789C16.5354 8.85814 16.5756 8.92849 16.5756 9.01894C16.5756 9.09935 16.5354 9.17975 16.4651 9.23L12.1557 12.1747C12.1055 12.1948 12.0653 12.2149 12.0151 12.2149ZM18.0924 16.0843C18.0924 16.1848 18.0422 16.2752 17.9719 16.3255L13.0698 19.9034C13.0296 19.9335 12.9794 19.9536 12.9292 19.9536C12.889 19.9536 12.8589 19.9436 12.8187 19.9235C12.7383 19.8833 12.6881 19.7928 12.6881 19.7024V14.8682C12.6881 14.7777 12.7383 14.6873 12.8187 14.6471C12.899 14.6069 12.9895 14.6069 13.0598 14.6571L14.677 15.7627C15.2094 16.1245 15.9126 16.1345 16.455 15.7828L17.7207 14.9486C17.8011 14.8983 17.8915 14.8983 17.9618 14.9385C18.0422 14.9787 18.0924 15.0692 18.0924 15.1596V16.0843Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_automation.svg b/src/foundation/icons/icon-assets/ic_service_automation.svg
new file mode 100644
index 000000000..bb9f08a67
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_automation.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6142 14.2491L14.1039 15.7987C14.1438 15.9195 14.2538 16 14.3837 16H15.7028C15.9026 16 16.0525 15.7987 15.9826 15.6075L13.1745 8.1912C13.1346 8.0805 13.0247 8 12.8947 8H11.096C10.9761 8 10.8662 8.0805 10.8162 8.1912L8.0182 15.6075C7.94825 15.7987 8.08815 16 8.298 16H9.61707C9.74698 16 9.8569 15.9195 9.89687 15.7987L10.3865 14.2491C10.4265 14.1283 10.5364 14.0478 10.6663 14.0478H13.3444C13.4643 14.0478 13.5743 14.1283 13.6142 14.2491ZM12.7149 12.5786H11.2959C11.096 12.5786 10.9561 12.3874 11.0161 12.1962C11.0161 12.1962 11.8355 9.66038 11.8355 9.65031C11.8755 9.50943 12.1053 9.50943 12.1453 9.65031C12.2052 9.86163 12.9847 12.1962 12.9847 12.1962C13.0546 12.3874 12.9147 12.5786 12.7149 12.5786Z" fill="#222532"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1539 5.03096C10.2638 5.00364 10.3728 5.07625 10.3931 5.1877L10.5866 6.25306C10.6166 6.42297 10.8572 6.41297 10.9273 6.31303L11.7291 5.2336L12.5409 4.13419C12.6512 3.98427 12.6011 3.65444 12.4407 3.55449L11.2982 2.7949L10.1356 2.02531C10.0253 1.95534 9.8349 2.0353 9.87499 2.20521L10.0717 3.31413C10.0905 3.42031 10.0214 3.52214 9.91642 3.54683C6.01523 4.46434 3.20001 7.89803 3.20001 11.99C3.20001 13.4192 3.5608 14.8485 4.24233 16.1078C4.37262 16.3577 4.63321 16.4976 4.90382 16.4976C5.02408 16.4976 5.14436 16.4676 5.25461 16.4077C5.61542 16.2078 5.75572 15.758 5.55527 15.3982C4.99401 14.3587 4.69335 13.1794 4.69335 11.99C4.69335 8.64229 6.97175 5.82185 10.1539 5.03096Z" fill="#222532"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8 12.0052C20.8 10.5767 20.4392 9.14826 19.7576 7.88959C19.6274 7.63985 19.3668 7.5 19.0962 7.5C18.9759 7.5 18.8556 7.52997 18.7454 7.58991C18.3846 7.78969 18.2443 8.23922 18.4447 8.59884C19.006 9.63774 19.3067 10.8165 19.3067 12.0052C19.3067 15.361 17.0282 18.1802 13.846 18.9706C13.7361 18.9979 13.6271 18.9253 13.6069 18.8139L13.4134 17.7492C13.3834 17.5794 13.1428 17.5893 13.0727 17.6892L12.2709 18.7681L11.4591 19.8669C11.3488 20.0168 11.3989 20.3464 11.5593 20.4463L12.7019 21.2055L13.8644 21.9747C13.9747 22.0446 14.1651 21.9647 14.125 21.7949L13.9282 20.6862C13.9094 20.5802 13.9783 20.4785 14.0831 20.4536C17.9845 19.5273 20.8 16.0953 20.8 12.0052Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_cost-explorer.svg b/src/foundation/icons/icon-assets/ic_service_cost-explorer.svg
new file mode 100644
index 000000000..8a7eed1eb
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_cost-explorer.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 19.05C3.75 20.13 4.62 21 5.7 21H18.3C19.38 21 20.25 20.12 20.25 19.05V8.95C20.25 7.87 19.38 7 18.3 7H15.7C15.45 7 15.25 6.8 15.25 6.56V4.95C15.25 3.87 14.38 3 13.3 3H10.7C9.62 3 8.75 3.88 8.75 4.95V10.56C8.75 10.8 8.55 11 8.3 11H5.7C4.62 11 3.75 11.88 3.75 12.95V19.05ZM15.25 8.95C15.25 8.7 15.45 8.5 15.7 8.5H18.3C18.55 8.5 18.75 8.7 18.75 8.95V19.05C18.75 19.3 18.55 19.5 18.3 19.5H15.7C15.45 19.5 15.25 19.3 15.25 19.05V8.95ZM10.25 4.95C10.25 4.7 10.45 4.5 10.7 4.5H13.3C13.55 4.5 13.75 4.7 13.75 4.95V19.05C13.75 19.3 13.55 19.5 13.3 19.5H10.7C10.45 19.5 10.25 19.3 10.25 19.05V4.95ZM5.25 12.95C5.25 12.7 5.45 12.5 5.7 12.5H8.3C8.55 12.5 8.75 12.7 8.75 12.95V19.05C8.75 19.3 8.55 19.5 8.3 19.5H5.7C5.45 19.5 5.25 19.3 5.25 19.05V12.95Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_dashboard.svg b/src/foundation/icons/icon-assets/ic_service_dashboard.svg
new file mode 100755
index 000000000..3a2f50830
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_dashboard.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 11.3C9.5 11.4105 9.41046 11.5 9.3 11.5H4.7C4.58954 11.5 4.5 11.4105 4.5 11.3V4.7C4.5 4.58954 4.58954 4.5 4.7 4.5H9.3C9.41046 4.5 9.5 4.58954 9.5 4.7V11.3ZM4.5 19.3C4.5 19.4105 4.58954 19.5 4.7 19.5H9.3C9.41046 19.5 9.5 19.4105 9.5 19.3V16.7C9.5 16.5895 9.41046 16.5 9.3 16.5H4.7C4.58954 16.5 4.5 16.5895 4.5 16.7V19.3ZM14.5 19.3C14.5 19.4105 14.5895 19.5 14.7 19.5H19.3C19.4105 19.5 19.5 19.4105 19.5 19.3V13.7C19.5 13.5895 19.4105 13.5 19.3 13.5H14.7C14.5895 13.5 14.5 13.5895 14.5 13.7V19.3ZM19.3 8.5C19.4105 8.5 19.5 8.41046 19.5 8.3V4.7C19.5 4.58954 19.4105 4.5 19.3 4.5H14.7C14.5895 4.5 14.5 4.58954 14.5 4.7V8.3C14.5 8.41046 14.5895 8.5 14.7 8.5H19.3ZM10 13H4C3.73478 13 3.48043 12.8946 3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12V4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3H10C10.2652 3 10.5196 3.10536 10.7071 3.29289C10.8946 3.48043 11 3.73478 11 4V12C11 12.2652 10.8946 12.5196 10.7071 12.7071C10.5196 12.8946 10.2652 13 10 13ZM3.29289 20.7071C3.10536 20.5196 3 20.2652 3 20V16C3 15.7348 3.10536 15.4804 3.29289 15.2929C3.48043 15.1054 3.73478 15 4 15H10C10.2652 15 10.5196 15.1054 10.7071 15.2929C10.8946 15.4804 11 15.7348 11 16V20C11 20.2652 10.8946 20.5196 10.7071 20.7071C10.5196 20.8946 10.2652 21 10 21H4C3.73478 21 3.48043 20.8946 3.29289 20.7071ZM13.2929 20.7071C13.1054 20.5196 13 20.2652 13 20V13C13 12.7348 13.1054 12.4804 13.2929 12.2929C13.4804 12.1054 13.7348 12 14 12H20C20.2652 12 20.5196 12.1054 20.7071 12.2929C20.8946 12.4804 21 12.7348 21 13V20C21 20.2652 20.8946 20.5196 20.7071 20.7071C20.5196 20.8946 20.2652 21 20 21H14C13.7348 21 13.4804 20.8946 13.2929 20.7071ZM20 10H14C13.7348 10 13.4804 9.89464 13.2929 9.70711C13.1054 9.51957 13 9.26522 13 9V4C13 3.73478 13.1054 3.48043 13.2929 3.29289C13.4804 3.10536 13.7348 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4V9C21 9.26522 20.8946 9.51957 20.7071 9.70711C20.5196 9.89464 20.2652 10 20 10Z" fill="black"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_home.svg b/src/foundation/icons/icon-assets/ic_service_home.svg
new file mode 100644
index 000000000..a6c27905b
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_home.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4981 2.94253C11.7833 2.68582 12.2163 2.68582 12.5015 2.94253L21.9204 11.4195C22.6357 12.0633 22.1803 13.25 21.218 13.25H19.2498V20.5C19.2498 20.9142 18.914 21.25 18.4998 21.25H13.9998C13.5856 21.25 13.2498 20.9142 13.2498 20.5V16.5C13.2498 15.8096 12.6902 15.25 11.9998 15.25C11.3095 15.25 10.7498 15.8096 10.7498 16.5V20.5C10.7498 20.9142 10.414 21.25 9.99982 21.25H5.49982C5.0856 21.25 4.74982 20.9142 4.74982 20.5V13.25H2.7816C1.81929 13.25 1.36392 12.0633 2.07919 11.4195L11.4981 2.94253ZM3.95428 11.75H5.49982C5.91403 11.75 6.24982 12.0858 6.24982 12.5V19.75H9.24982V16.5C9.24982 14.9812 10.481 13.75 11.9998 13.75C13.5186 13.75 14.7498 14.9812 14.7498 16.5V19.75H17.7498V12.5C17.7498 12.0858 18.0856 11.75 18.4998 11.75H20.0453L11.9998 4.50902L3.95428 11.75Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_info.svg b/src/foundation/icons/icon-assets/ic_service_info.svg
new file mode 100644
index 000000000..6e7efd9d0
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_info.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2H18C18.3283 2 18.6534 2.06466 18.9567 2.1903C19.26 2.31594 19.5356 2.50009 19.7678 2.73223C19.9999 2.96438 20.1841 3.23998 20.3097 3.54329C20.4353 3.84661 20.5 4.1717 20.5 4.5V18.75C20.5 18.9489 20.421 19.1397 20.2803 19.2803C20.1397 19.421 19.9489 19.5 19.75 19.5H5.5C5.5 19.7652 5.60536 20.0196 5.79289 20.2071C5.98043 20.3946 6.23478 20.5 6.5 20.5H19.75C19.9489 20.5 20.1397 20.579 20.2803 20.7197C20.421 20.8603 20.5 21.0511 20.5 21.25C20.5 21.4489 20.421 21.6397 20.2803 21.7803C20.1397 21.921 19.9489 22 19.75 22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5V4.5ZM19 18V4.5C19 4.23478 18.8946 3.98043 18.7071 3.79289C18.5196 3.60536 18.2652 3.5 18 3.5H6.5C6.23478 3.5 5.98043 3.60536 5.79289 3.79289C5.60536 3.98043 5.5 4.23478 5.5 4.5V18H19Z" fill="#232533"/>
+<path d="M13.4671 9.08445L10.7171 9.42221L10.6189 9.8696L11.16 9.96585C11.5119 10.0487 11.582 10.1726 11.5056 10.5175L10.7403 14.0965C10.5084 15.1508 10.8676 15.6472 11.7106 15.6472C12.3654 15.6472 13.1238 15.3514 13.4685 14.9441L13.574 14.4548C13.3348 14.6616 12.9829 14.7444 12.751 14.7444C12.4209 14.7444 12.3017 14.5172 12.3854 14.117L13.4671 9.08445ZM13.5508 6.82917C13.5508 7.14116 13.4243 7.44038 13.1992 7.661C12.9741 7.88161 12.6688 8.00555 12.3504 8.00555C12.032 8.00555 11.7267 7.88161 11.5016 7.661C11.2765 7.44038 11.15 7.14116 11.15 6.82917C11.15 6.51717 11.2765 6.21795 11.5016 5.99733C11.7267 5.77672 12.032 5.65278 12.3504 5.65278C12.6688 5.65278 12.9741 5.77672 13.1992 5.99733C13.4243 6.21795 13.5508 6.51717 13.5508 6.82917Z" fill="#232533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6594 8.90695L12.5321 14.1489C12.4933 14.335 12.51 14.4463 12.5429 14.5044C12.5686 14.5496 12.621 14.5917 12.751 14.5917C12.9587 14.5917 13.2724 14.5151 13.4769 14.3383L13.8158 14.0453L13.6069 15.0146L13.5821 15.0438C13.3884 15.2728 13.0885 15.4604 12.7603 15.5907C12.4304 15.7217 12.0587 15.8 11.7106 15.8C11.2632 15.8 10.9025 15.6674 10.6973 15.3515C10.4974 15.0437 10.4749 14.6048 10.5939 14.0633L11.3591 10.4845C11.3968 10.3143 11.3834 10.2524 11.3663 10.2245C11.3493 10.1968 11.3001 10.1561 11.1301 10.1156L10.4382 9.99254L10.5939 9.28347L13.6594 8.90695ZM11.16 9.96585C11.5119 10.0487 11.582 10.1726 11.5056 10.5175L10.7403 14.0965C10.5084 15.1508 10.8676 15.6472 11.7106 15.6472C12.3654 15.6472 13.1238 15.3514 13.4685 14.9441L13.574 14.4548C13.5189 14.5024 13.4579 14.5434 13.3938 14.5784C13.1792 14.6953 12.9295 14.7444 12.751 14.7444C12.4209 14.7444 12.3017 14.5172 12.3854 14.117L13.4671 9.08445L10.7171 9.42221L10.6189 9.8696L11.16 9.96585ZM13.7008 6.82917C13.7008 7.18362 13.5571 7.52232 13.3032 7.77109C13.0496 8.01967 12.7067 8.15833 12.3504 8.15833C11.9941 8.15833 11.6512 8.01967 11.3976 7.77109C11.1437 7.52232 11 7.18362 11 6.82917C11 6.47471 11.1437 6.13602 11.3976 5.88724C11.6512 5.63866 11.9941 5.5 12.3504 5.5C12.7067 5.5 13.0496 5.63866 13.3032 5.88724C13.5571 6.13602 13.7008 6.47471 13.7008 6.82917ZM13.1992 7.661C13.4243 7.44038 13.5508 7.14116 13.5508 6.82917C13.5508 6.51717 13.4243 6.21795 13.1992 5.99733C12.9741 5.77672 12.6688 5.65278 12.3504 5.65278C12.032 5.65278 11.7267 5.77672 11.5016 5.99733C11.2765 6.21795 11.15 6.51717 11.15 6.82917C11.15 7.14116 11.2765 7.44038 11.5016 7.661C11.7267 7.88161 12.032 8.00555 12.3504 8.00555C12.6688 8.00555 12.9741 7.88161 13.1992 7.661Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_my-page.svg b/src/foundation/icons/icon-assets/ic_service_my-page.svg
new file mode 100755
index 000000000..b6dea030f
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_my-page.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.99 15.002C14.7669 15.002 16.9345 15.6929 18.2331 16.9947C19.222 17.976 19.4817 19.0574 19.4817 19.488C19.4817 19.498 19.4817 19.498 19.4817 19.508C19.4717 19.508 19.4617 19.508 19.4617 19.518C19.4417 19.518 19.4317 19.518 19.4118 19.518H4.56826C4.55828 19.518 4.53829 19.518 4.5283 19.518C4.51831 19.518 4.50832 19.518 4.49833 19.508C4.49833 19.498 4.49833 19.498 4.49833 19.488C4.49833 19.0574 4.75805 17.986 5.73696 17.0047C7.0555 15.6929 9.22308 15.002 11.99 15.002ZM11.99 13.5C8.25416 13.5 6.00666 14.6215 4.68813 15.9232C3.37958 17.235 3 18.717 3 19.478C3 19.8585 3.09989 20.1389 3.24972 20.3591C3.38957 20.5694 3.58934 20.7196 3.77913 20.8097C3.96892 20.9099 4.1687 20.9499 4.30854 20.98C4.37847 20.99 4.4384 20.99 4.47835 21H19.5216C19.5616 20.99 19.6215 20.99 19.6915 20.98C19.8413 20.9499 20.0311 20.9099 20.2209 20.8097C20.4206 20.7196 20.6104 20.5694 20.7603 20.3591C20.9101 20.1389 21 19.8585 21 19.478C21 18.727 20.6204 17.235 19.3119 15.9232C17.9833 14.6215 15.7259 13.5 11.99 13.5Z" fill="#222532"/>
+<path d="M12 4.50167C12.79 4.50167 13.57 4.82202 14.13 5.39266C14.68 5.93326 15 6.70412 15 7.49499C15 8.3059 14.69 9.05673 14.12 9.62736C13.57 10.188 12.79 10.5083 12 10.5083C11.21 10.5083 10.44 10.188 9.88 9.62736C9.31 9.05673 9 8.3059 9 7.49499C9 6.70412 9.32 5.93326 9.89 5.37264C10.44 4.82202 11.21 4.50167 12 4.50167ZM12 3C10.81 3 9.67 3.47052 8.83 4.32147C7.98 5.1624 7.5 6.31368 7.5 7.49499C7.5 8.69633 7.97 9.8376 8.83 10.6785C9.67 11.5295 10.82 12 12 12C13.2 12 14.34 11.5295 15.18 10.6785C16.03 9.82759 16.5 8.68632 16.5 7.49499C16.5 6.30367 16.04 5.15239 15.18 4.32147C14.34 3.47052 13.2 3 12 3Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_plugin.svg b/src/foundation/icons/icon-assets/ic_service_plugin.svg
new file mode 100755
index 000000000..09b9d1561
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_plugin.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.88 10.4385H20.16C20.62 10.4385 21 10.0582 21 9.5877V6.20448C21 5.14347 20.14 4.28265 19.1 4.28265H16.22C16.04 4.28265 15.89 4.16254 15.86 3.98236C15.58 2.551 14.33 1.5 12.87 1.5C11.43 1.5 10.17 2.551 9.89 3.98236C9.85 4.16254 9.7 4.28265 9.53 4.28265H7.15C6.11 4.28265 5.26 5.14347 5.26 6.20448V8.61678C5.26 8.78694 5.13 8.94709 4.96 8.97712C3.53 9.25739 2.5 10.5386 2.5 12C2.5 13.4614 3.53 14.7426 4.96 15.0229C5.13 15.0529 5.26 15.2131 5.26 15.3832V17.7955C5.26 18.8565 6.11 19.7174 7.15 19.7174H9.53C9.7 19.7174 9.85 19.8375 9.89 20.0176C10.17 21.449 11.42 22.5 12.87 22.5C14.32 22.5 15.58 21.449 15.86 20.0176C15.89 19.8375 16.04 19.7174 16.22 19.7174H19.1C20.14 19.7174 21 18.8565 21 17.7955V14.4123C21 13.9418 20.62 13.5615 20.16 13.5615H18.88C18.03 13.5615 17.34 12.8608 17.34 12C17.34 11.1392 18.02 10.4385 18.88 10.4385ZM18.88 15.0829H19.15C19.35 15.0829 19.51 15.2431 19.51 15.4433V17.7955C19.51 18.0257 19.33 18.2059 19.1 18.2059H15.26C14.8 18.2059 14.43 18.5863 14.43 19.0567V19.4271C14.43 20.2879 13.73 20.9886 12.88 20.9886C12.03 20.9886 11.34 20.2879 11.34 19.4271V19.0567C11.34 18.5863 10.96 18.2059 10.5 18.2059H7.16C6.94 18.2059 6.75 18.0257 6.75 17.7955V14.4123C6.75 13.9418 6.38 13.5615 5.92 13.5615H5.55C4.7 13.5615 4.01 12.8608 4.01 12C4.01 11.1392 4.7 10.4385 5.55 10.4385H5.92C6.38 10.4385 6.75 10.0582 6.75 9.5877V6.20448C6.75 5.97426 6.94 5.79409 7.16 5.79409H10.5C10.96 5.79409 11.34 5.41373 11.34 4.94328V4.57293C11.34 3.71211 12.03 3.01144 12.88 3.01144C13.73 3.01144 14.43 3.71211 14.43 4.57293V4.94328C14.43 5.41373 14.8 5.79409 15.26 5.79409H19.1C19.33 5.79409 19.51 5.97426 19.51 6.20448V8.55672C19.51 8.75691 19.35 8.91706 19.15 8.91706H18.88C17.21 8.91706 15.84 10.2984 15.84 12C15.84 13.7016 17.2 15.0829 18.88 15.0829Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_project.svg b/src/foundation/icons/icon-assets/ic_service_project.svg
new file mode 100644
index 000000000..1537738f1
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_project.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.72001 19.6968C6.87001 19.6468 6.90001 19.4567 6.78001 19.3567C6.00001 18.6864 5.34001 17.8861 4.83001 16.9957C4.75001 16.8557 4.55001 16.8557 4.48001 17.0057C4.36001 17.2658 4.25001 17.556 4.16001 17.8461C4.02001 18.3062 3.96001 18.7364 3.99001 19.0966C4.01001 19.4467 4.12001 19.6868 4.27001 19.8369C4.40001 19.9669 4.76001 20.107 5.57001 19.9869C5.92001 19.9269 6.30001 19.8268 6.72001 19.6968ZM8.52001 20.5972C8.57001 20.5771 8.64001 20.5771 8.69001 20.5972C9.86001 21.1674 11.18 21.4875 12.57 21.4875C17.49 21.4875 21.48 17.4959 21.48 12.574C21.48 11.1834 21.16 9.87291 20.59 8.69244C20.56 8.64242 20.56 8.5824 20.59 8.52238C21.01 7.562 21.32 6.62162 21.44 5.8013C21.58 4.89094 21.53 3.88054 20.87 3.22028C20.39 2.74009 19.78 2.55001 19.19 2.51C18.6 2.46998 17.98 2.57002 17.42 2.74009C16.52 3.00019 15.64 3.45037 15.03 3.92055C14.98 3.96057 14.91 3.97057 14.85 3.96057C14.12 3.7705 13.35 3.66045 12.56 3.66045C7.64001 3.66045 3.65001 7.65203 3.65001 12.574C3.65001 13.3643 3.75001 14.1346 3.95001 14.8649C3.97001 14.9249 3.95001 14.9949 3.91001 15.045C3.45001 15.6452 3.00001 16.5255 2.74001 17.4159C2.57001 17.9861 2.47001 18.5964 2.51001 19.1866C2.55001 19.7768 2.75001 20.3971 3.22001 20.8673C3.88001 21.5275 4.88001 21.5775 5.80001 21.4375C6.62001 21.3174 7.55001 21.0173 8.52001 20.5972ZM10.81 19.7868C10.64 19.7468 10.62 19.5267 10.77 19.4367C12.52 18.4063 14.29 17.0858 15.69 15.6852C17.08 14.2947 18.41 12.524 19.44 10.7633C19.53 10.6132 19.75 10.6432 19.79 10.8033C19.93 11.3635 20 11.9537 20 12.554C20 16.6556 16.68 19.9869 12.57 19.9869C11.96 19.9969 11.37 19.9269 10.81 19.7868ZM18.83 8.76247C18.86 8.70245 18.86 8.63242 18.82 8.5724C17.5 6.51158 15.19 5.14104 12.56 5.14104C8.46001 5.14104 5.13001 8.46235 5.13001 12.574C5.13001 15.205 6.50001 17.5159 8.56001 18.8365C8.62001 18.8765 8.69001 18.8765 8.75001 18.8465C10.78 17.8261 12.99 16.2754 14.62 14.6448C16.27 13.0041 17.82 10.7933 18.83 8.76247ZM16.99 4.48078C16.84 4.5508 16.84 4.75088 16.98 4.83091C17.87 5.34112 18.67 6.01138 19.34 6.79169C19.44 6.91174 19.63 6.88173 19.68 6.73167C19.81 6.3115 19.91 5.93135 19.96 5.58121C20.08 4.77089 19.94 4.41075 19.81 4.2807C19.66 4.13064 19.42 4.02059 19.07 4.00059C18.71 3.97057 18.28 4.0406 17.82 4.17065C17.54 4.25069 17.26 4.36073 16.99 4.48078Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_service_workflow.svg b/src/foundation/icons/icon-assets/ic_service_workflow.svg
new file mode 100644
index 000000000..a47aa3539
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_service_workflow.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 21.25H20C20.69 21.25 21.25 20.69 21.25 20V15C21.25 14.31 20.69 13.75 20 13.75H15C14.31 13.75 13.75 14.31 13.75 15V16.2C13.75 16.5 13.5 16.75 13.2 16.75H8.5C7.81 16.75 7.25 16.19 7.25 15.5V10.8C7.25 10.5 7.49999 10.25 7.79999 10.25H9C9.69 10.25 10.25 9.69 10.25 9V4C10.25 3.31 9.69 2.75 9 2.75H4C3.31 2.75 2.75 3.31 2.75 4V9C2.75 9.69 3.31 10.25 4 10.25H5.20001C5.50001 10.25 5.75 10.5 5.75 10.8V15.5C5.75 17.02 6.98 18.25 8.5 18.25H13.2C13.5 18.25 13.75 18.5 13.75 18.8V20C13.75 20.69 14.31 21.25 15 21.25ZM15.25 15.8C15.25 15.5 15.5 15.25 15.8 15.25H19.2C19.5 15.25 19.75 15.5 19.75 15.8V19.2C19.75 19.5 19.5 19.75 19.2 19.75H15.8C15.5 19.75 15.25 19.5 15.25 19.2V15.8ZM4.79999 8.75C4.49999 8.75 4.25 8.5 4.25 8.2V4.8C4.25 4.5 4.49999 4.25 4.79999 4.25H8.20001C8.50001 4.25 8.75 4.5 8.75 4.8V8.2C8.75 8.5 8.50001 8.75 8.20001 8.75H4.79999Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_settings-filled.svg b/src/foundation/icons/icon-assets/ic_settings-filled.svg
new file mode 100755
index 000000000..5af30c5ac
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_settings-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5396 8.69776C18.4613 8.84733 18.4655 9.0255 18.539 9.17751C18.6323 9.37036 18.7119 9.56953 18.7773 9.77355C18.8284 9.93309 18.9467 10.0643 19.1049 10.1194L21.0314 10.7895C21.2325 10.8594 21.3672 11.0489 21.3672 11.2617V12.7383C21.3672 12.9511 21.2325 13.1406 21.0314 13.2105L19.1255 13.8735C18.9561 13.9324 18.8337 14.0783 18.7878 14.2517C18.726 14.4852 18.6427 14.7125 18.5391 14.9307C18.4664 15.0838 18.4615 15.2625 18.5401 15.4125L19.4466 17.1431C19.5481 17.3368 19.5119 17.574 19.3573 17.7287L18.3459 18.7401C18.1912 18.8947 17.954 18.9309 17.7603 18.8294L15.9577 17.8852C15.8491 17.8283 15.7227 17.8116 15.6064 17.8502C15.4602 17.8988 15.3238 17.9572 15.1875 18.0156C15.0749 18.0639 14.9623 18.1121 14.8441 18.1548C14.6855 18.2121 14.5526 18.3304 14.4972 18.4896L13.8277 20.4143C13.7578 20.6153 13.5683 20.75 13.3555 20.75H11.8789C11.6661 20.75 11.4766 20.6153 11.4067 20.4143L10.7437 18.5084C10.6848 18.3389 10.5389 18.2165 10.3655 18.1706C10.132 18.1088 9.90466 18.0255 9.68645 17.9219C9.53343 17.8492 9.35474 17.8443 9.20467 17.9229L7.47406 18.8294C7.28034 18.9309 7.04315 18.8947 6.88851 18.7401L5.87712 17.7287C5.72248 17.574 5.68628 17.3368 5.78775 17.1431L6.73199 15.3405C6.78888 15.2319 6.8056 15.1055 6.76696 14.9892C6.71841 14.843 6.65999 14.7066 6.60156 14.5703C6.55331 14.4577 6.50505 14.3451 6.46236 14.227C6.40506 14.0683 6.28683 13.9354 6.12755 13.88L4.20293 13.2105C4.00191 13.1406 3.86719 12.9511 3.86719 12.7383V11.2617C3.86719 11.0489 4.00191 10.8594 4.20293 10.7895L6.12947 10.1194C6.2877 10.0643 6.40599 9.93309 6.45709 9.77355C6.52244 9.56953 6.60205 9.37036 6.69533 9.17751C6.76885 9.0255 6.77308 8.84733 6.69473 8.69776L5.78775 6.96625C5.68628 6.77253 5.72248 6.53533 5.87712 6.3807L6.99788 5.25993C7.15252 5.10529 7.38972 5.06909 7.58344 5.17057L9.31495 6.07755C9.46452 6.1559 9.64269 6.15166 9.79469 6.07814C9.98754 5.98486 10.1867 5.90525 10.3907 5.8399C10.5503 5.7888 10.6815 5.67051 10.7366 5.51228L11.4067 3.58574C11.4766 3.38472 11.6661 3.25 11.8789 3.25H13.3506C13.5658 3.25 13.7568 3.38772 13.8249 3.59189L14.4928 5.59567C14.5503 5.76806 14.6975 5.8932 14.8731 5.93988C15.1051 6.00156 15.331 6.08445 15.5479 6.18751C15.7009 6.26021 15.8796 6.26506 16.0297 6.18645L17.7603 5.27994C17.954 5.17847 18.1912 5.21467 18.3459 5.3693L19.3573 6.3807C19.5119 6.53533 19.5481 6.77253 19.4466 6.96625L18.5396 8.69776ZM12.6165 15.1597C14.3615 15.1597 15.7762 13.745 15.7762 12C15.7762 10.2549 14.3615 8.84025 12.6165 8.84025C10.8714 8.84025 9.45674 10.2549 9.45674 12C9.45674 13.745 10.8714 15.1597 12.6165 15.1597Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_settings.svg b/src/foundation/icons/icon-assets/ic_settings.svg
new file mode 100644
index 000000000..8d5a0be23
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_settings.svg
@@ -0,0 +1,4 @@
+<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.9167 11.57V10.4225L20.3567 9.1625C20.6221 8.92854 20.7963 8.60827 20.8485 8.2583C20.9006 7.90833 20.8274 7.55119 20.6417 7.25L18.8717 4.25C18.7402 4.0222 18.5511 3.83299 18.3233 3.70135C18.0956 3.56971 17.8372 3.50027 17.5742 3.5C17.4112 3.49875 17.2491 3.52408 17.0942 3.575L15.2717 4.19C14.957 3.98091 14.6288 3.79299 14.2892 3.6275L13.9067 1.7375C13.8381 1.3922 13.6503 1.08203 13.376 0.861277C13.1018 0.640523 12.7587 0.523254 12.4067 0.53H8.89669C8.54472 0.523254 8.20158 0.640523 7.92735 0.861277C7.65312 1.08203 7.46528 1.3922 7.39669 1.7375L7.01419 3.6275C6.67214 3.79295 6.34142 3.98086 6.02419 4.19L4.23919 3.545C4.08267 3.50422 3.92057 3.48902 3.75919 3.5C3.49615 3.50027 3.2378 3.56971 3.01007 3.70135C2.78233 3.83299 2.59322 4.0222 2.46169 4.25L0.691693 7.25C0.516634 7.55074 0.451582 7.90299 0.50768 8.24642C0.563778 8.58985 0.737536 8.9031 0.999193 9.1325L2.41669 10.43V11.5775L0.999193 12.8375C0.730145 13.0685 0.551635 13.3873 0.495342 13.7375C0.43905 14.0876 0.508615 14.4463 0.691693 14.75L2.46169 17.75C2.59322 17.9778 2.78233 18.167 3.01007 18.2987C3.2378 18.4303 3.49615 18.4997 3.75919 18.5C3.92221 18.5012 4.08433 18.4759 4.23919 18.425L6.06169 17.81C6.37635 18.0191 6.70457 18.207 7.04419 18.3725L7.42669 20.2625C7.49528 20.6078 7.68312 20.918 7.95735 21.1387C8.23158 21.3595 8.57472 21.4767 8.92669 21.47H12.4667C12.8187 21.4767 13.1618 21.3595 13.436 21.1387C13.7103 20.918 13.8981 20.6078 13.9667 20.2625L14.3492 18.3725C14.6912 18.2071 15.022 18.0191 15.3392 17.81L17.1542 18.425C17.3091 18.4759 17.4712 18.5012 17.6342 18.5C17.8972 18.4997 18.1556 18.4303 18.3833 18.2987C18.6111 18.167 18.8002 17.9778 18.9317 17.75L20.6417 14.75C20.8168 14.4493 20.8818 14.097 20.8257 13.7536C20.7696 13.4101 20.5958 13.0969 20.3342 12.8675L18.9167 11.57ZM17.5742 17L15.0017 16.13C14.3995 16.6401 13.7112 17.0388 12.9692 17.3075L12.4367 20H8.89669L8.36419 17.3375C7.62801 17.0612 6.94348 16.6631 6.33919 16.16L3.75919 17L1.98919 14L4.02919 12.2C3.89052 11.4236 3.89052 10.6289 4.02919 9.8525L1.98919 8L3.75919 5L6.33169 5.87C6.9339 5.35992 7.62215 4.96119 8.36419 4.6925L8.89669 2H12.4367L12.9692 4.6625C13.7054 4.93882 14.3899 5.33686 14.9942 5.84L17.5742 5L19.3442 8L17.3042 9.8C17.4429 10.5764 17.4429 11.3711 17.3042 12.1475L19.3442 14L17.5742 17Z" fill="black"/>
+<path d="M10.6667 15.5C9.77667 15.5 8.90664 15.2361 8.16662 14.7416C7.4266 14.2472 6.84983 13.5443 6.50923 12.7221C6.16864 11.8998 6.07952 10.995 6.25316 10.1221C6.42679 9.24918 6.85537 8.44736 7.48471 7.81802C8.11404 7.18869 8.91587 6.7601 9.78878 6.58647C10.6617 6.41284 11.5665 6.50195 12.3888 6.84255C13.211 7.18314 13.9138 7.75992 14.4083 8.49994C14.9028 9.23996 15.1667 10.11 15.1667 11C15.1727 11.5926 15.0604 12.1805 14.8364 12.7292C14.6124 13.2779 14.2811 13.7763 13.8621 14.1954C13.443 14.6145 12.9445 14.9457 12.3959 15.1697C11.8472 15.3937 11.2593 15.506 10.6667 15.5ZM10.6667 8C10.2702 7.99077 9.87595 8.06205 9.5078 8.20955C9.13965 8.35704 8.80524 8.57768 8.5248 8.85812C8.24437 9.13855 8.02373 9.47296 7.87623 9.84111C7.72874 10.2093 7.65745 10.6035 7.66669 11C7.65745 11.3965 7.72874 11.7907 7.87623 12.1589C8.02373 12.527 8.24437 12.8615 8.5248 13.1419C8.80524 13.4223 9.13965 13.643 9.5078 13.7905C9.87595 13.938 10.2702 14.0092 10.6667 14C11.0632 14.0092 11.4574 13.938 11.8256 13.7905C12.1937 13.643 12.5281 13.4223 12.8086 13.1419C13.089 12.8615 13.3097 12.527 13.4571 12.1589C13.6046 11.7907 13.6759 11.3965 13.6667 11C13.6759 10.6035 13.6046 10.2093 13.4571 9.84111C13.3097 9.47296 13.089 9.13855 12.8086 8.85812C12.5281 8.57768 12.1937 8.35704 11.8256 8.20955C11.4574 8.06205 11.0632 7.99077 10.6667 8Z" fill="black"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_sorting-ascending.svg b/src/foundation/icons/icon-assets/ic_sorting-ascending.svg
new file mode 100644
index 000000000..47ff9e71e
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_sorting-ascending.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.55334 7.08789L11.6792 7.08789V5.85631H7.55334V7.08789Z" fill="#222532"/>
+<path d="M7.55334 4.36014H9.89334V3.12856H7.55334V4.36014Z" fill="#222532"/>
+<path d="M7.55334 9.97964H13.2998V8.74807H7.55334V9.97964Z" fill="#222532"/>
+<path d="M7.55334 12.8715L15.0144 12.8715V11.6399H7.55334V12.8715Z" fill="#222532"/>
+<path d="M3.11415 10.093L0.923218 10.093L3.76243 13.625L6.61985 10.093L4.42912 10.093L4.42902 2.375L3.11405 2.375L3.11415 10.093Z" fill="#222532"/>
+</svg>
\ No newline at end of file
diff --git a/src/foundation/icons/icon-assets/ic_sorting-descending.svg b/src/foundation/icons/icon-assets/ic_sorting-descending.svg
new file mode 100644
index 000000000..b45fee498
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_sorting-descending.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.55334 7.08789L11.6792 7.08789V5.85631H7.55334V7.08789Z" fill="#222532"/>
+<path d="M7.55334 4.36014H9.89334V3.12856H7.55334V4.36014Z" fill="#222532"/>
+<path d="M7.55334 9.97964H13.2998V8.74807H7.55334V9.97964Z" fill="#222532"/>
+<path d="M7.55334 12.8715L15.0144 12.8715V11.6399H7.55334V12.8715Z" fill="#222532"/>
+<path d="M4.46017 5.7195L6.6511 5.7195L3.81189 2.18752L0.954468 5.7195L3.1452 5.7195L3.1453 13.4375H4.46027L4.46017 5.7195Z" fill="#222532"/>
+</svg>
\ No newline at end of file
diff --git a/src/foundation/icons/icon-assets/ic_spanner-filled.svg b/src/foundation/icons/icon-assets/ic_spanner-filled.svg
new file mode 100644
index 000000000..9f71557ca
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_spanner-filled.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8708 3.29946C13.8031 3.02635 13.4612 2.93381 13.2621 3.13281L11.0123 5.38174L8.95857 5.03969L8.61638 2.98674L10.8662 0.737804C11.0665 0.53759 10.9699 0.196439 10.6949 0.128088C9.26142 -0.226974 7.683 0.15561 6.56264 1.27524C5.36331 2.4741 5.03322 4.21191 5.53244 5.72713L0.567063 10.6961C-0.189021 11.4519 -0.189021 12.6774 0.567063 13.4332C1.32315 14.1889 2.5491 14.1889 3.30518 13.4332L8.26511 8.46964C9.78151 8.97501 11.5167 8.64142 12.7239 7.4347C13.8454 6.31356 14.2276 4.73332 13.8708 3.29946ZM1.93642 12.7902C1.53554 12.7902 1.21029 12.465 1.21029 12.0643C1.21029 11.6633 1.53554 11.3385 1.93642 11.3385C2.33731 11.3385 2.66256 11.6633 2.66256 12.0643C2.66256 12.465 2.33731 12.7902 1.93642 12.7902Z" fill="#A7A9B2"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_subdirectory-arrow-right.svg b/src/foundation/icons/icon-assets/ic_subdirectory-arrow-right.svg
new file mode 100644
index 000000000..dfc2c9055
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_subdirectory-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3333 8.66634H6.33333V2.33301H5V9.33301C5 9.50982 5.07024 9.67939 5.19526 9.80441C5.32029 9.92944 5.48986 9.99967 5.66667 9.99967H10.3333V11.9997L13.6667 9.33301L10.3333 6.66634V8.66634Z" fill="#858895"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-align-center.svg b/src/foundation/icons/icon-assets/ic_text-align-center.svg
new file mode 100644
index 000000000..97f948a9f
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-align-center.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 6H26V8H6V6ZM10 12H22V14H10V12ZM6 18H26V20H6V18ZM10 24H22V26H10V24Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-align-justify.svg b/src/foundation/icons/icon-assets/ic_text-align-justify.svg
new file mode 100644
index 000000000..c38d46bc8
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-align-justify.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 6H26V8H6V6ZM6 12H26V14H6V12ZM6 18H26V20H6V18ZM6 24H26V26H6V24Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-align-left.svg b/src/foundation/icons/icon-assets/ic_text-align-left.svg
new file mode 100644
index 000000000..c0b2d07f0
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-align-left.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6H26V8H12V6ZM12 12H22V14H12V12ZM12 18H26V20H12V18ZM12 24H22V26H12V24ZM6 4H8V28H6V4Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-align-right.svg b/src/foundation/icons/icon-assets/ic_text-align-right.svg
new file mode 100644
index 000000000..10e80153b
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-align-right.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 6H20V8H6V6ZM10 12H20V14H10V12ZM6 18H20V20H6V18ZM10 24H20V26H10V24ZM24 4H26V28H24V4Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-bold.svg b/src/foundation/icons/icon-assets/ic_text-bold.svg
new file mode 100644
index 000000000..da7c30f9f
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-bold.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.25 25H9V7H17.5C18.5022 7.00006 19.4834 7.28695 20.3277 7.82679C21.172 8.36662 21.8442 9.13684 22.2649 10.0465C22.6855 10.9561 22.837 11.9671 22.7015 12.96C22.5659 13.953 22.149 14.8864 21.5 15.65C22.3477 16.328 22.9645 17.252 23.2653 18.295C23.5662 19.3379 23.5364 20.4485 23.18 21.4738C22.8236 22.4991 22.1581 23.3887 21.2753 24.0202C20.3924 24.6517 19.3355 24.994 18.25 25ZM12 22H18.23C18.5255 22 18.8181 21.9418 19.091 21.8287C19.364 21.7157 19.6121 21.5499 19.821 21.341C20.0299 21.1321 20.1957 20.884 20.3087 20.611C20.4218 20.3381 20.48 20.0455 20.48 19.75C20.48 19.4545 20.4218 19.1619 20.3087 18.889C20.1957 18.616 20.0299 18.3679 19.821 18.159C19.6121 17.9501 19.364 17.7843 19.091 17.6713C18.8181 17.5582 18.5255 17.5 18.23 17.5H12V22ZM12 14.5H17.5C17.7955 14.5 18.0881 14.4418 18.361 14.3287C18.634 14.2157 18.8821 14.0499 19.091 13.841C19.2999 13.6321 19.4657 13.384 19.5787 13.111C19.6918 12.8381 19.75 12.5455 19.75 12.25C19.75 11.9545 19.6918 11.6619 19.5787 11.389C19.4657 11.116 19.2999 10.8679 19.091 10.659C18.8821 10.4501 18.634 10.2843 18.361 10.1713C18.0881 10.0582 17.7955 10 17.5 10H12V14.5Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-clear-format.svg b/src/foundation/icons/icon-assets/ic_text-clear-format.svg
new file mode 100644
index 000000000..103e5ac27
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-clear-format.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.438 16.572L21.453 8.586C21.0778 8.211 20.569 8.00034 20.0385 8.00034C19.508 8.00034 18.9992 8.211 18.624 8.586L13.266 13.944L9 2H7L2 16H4L4.999 13H10.999L11.802 15.408L4.586 22.624C4.4002 22.8097 4.25281 23.0302 4.15225 23.2729C4.05169 23.5156 3.99993 23.7758 3.99993 24.0385C3.99993 24.3012 4.05169 24.5613 4.15225 24.8041C4.25281 25.0468 4.4002 25.2673 4.586 25.453L9.132 30H18.722L29.438 19.283C29.6162 19.105 29.7575 18.8936 29.8539 18.6609C29.9503 18.4282 30 18.1789 30 17.927C30 17.6751 29.9503 17.4258 29.8539 17.1931C29.7575 16.9604 29.6162 16.749 29.438 16.571V16.572ZM5.665 11L7.996 4L10.332 11H5.665ZM17.895 28H9.96L6 24.038L12.312 17.727L20.24 25.654L17.895 28ZM21.655 24.24L13.727 16.313L20.039 10L27.966 17.927L21.655 24.24Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-color.svg b/src/foundation/icons/icon-assets/ic_text-color.svg
new file mode 100644
index 000000000..9ed2d49eb
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-color.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 21H24L17 4H15L8 21H10L11.61 17H20.35L22 21ZM12.43 15L15.87 6.63H16.13L19.54 15H12.43ZM6 24H26V28H6V24Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-italic.svg b/src/foundation/icons/icon-assets/ic_text-italic.svg
new file mode 100644
index 000000000..53face082
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-italic.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 9V7H12V9H17.14L12.77 23H7V25H20V23H14.86L19.23 9H25Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-strikethrough.svg b/src/foundation/icons/icon-assets/ic_text-strikethrough.svg
new file mode 100644
index 000000000..1872dec7a
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-strikethrough.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 15H17.956C17.512 14.8806 17.0659 14.7689 16.618 14.665C13.81 14.001 12.222 13.515 12.222 11.242C12.1992 10.8496 12.2573 10.4567 12.3927 10.0878C12.5281 9.71876 12.7378 9.38153 13.009 9.09701C13.8584 8.39851 14.9223 8.01362 16.022 8.00701C18.852 7.93701 20.157 8.89701 21.224 10.357L22.839 9.17701C22.083 8.09136 21.0524 7.22586 19.8524 6.66891C18.6525 6.11197 17.3261 5.88356 16.009 6.00701C14.391 6.01734 12.8302 6.60655 11.609 7.66801C11.1461 8.1375 10.7844 8.69684 10.546 9.31152C10.3076 9.92621 10.1977 10.5832 10.223 11.242C10.1791 11.9629 10.3146 12.6834 10.6171 13.3392C10.9197 13.995 11.3801 14.5656 11.957 15H4V17H17.652C19.619 17.57 20.795 18.312 20.825 20.358C20.8575 20.7951 20.7975 21.234 20.649 21.6464C20.5005 22.0587 20.2667 22.4351 19.963 22.751C18.9048 23.5851 17.5901 24.0265 16.243 24C15.2375 23.9709 14.2518 23.7135 13.3605 23.2473C12.4691 22.7811 11.6955 22.1183 11.098 21.309L9.565 22.593C10.3417 23.6281 11.3439 24.4728 12.4956 25.0631C13.6472 25.6534 14.9181 25.9738 16.212 26H16.312C18.1588 26.0212 19.9512 25.3753 21.36 24.181C21.86 23.6769 22.2487 23.0735 22.501 22.4098C22.7534 21.7462 22.8637 21.037 22.825 20.328C22.8623 19.1152 22.4531 17.931 21.675 17H28V15Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_text-underline.svg b/src/foundation/icons/icon-assets/ic_text-underline.svg
new file mode 100644
index 000000000..a19cb8c08
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_text-underline.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 26H28V28H4V26ZM16 23C14.1435 23 12.363 22.2625 11.0503 20.9497C9.7375 19.637 9 17.8565 9 16V5H11V16C11 17.3261 11.5268 18.5979 12.4645 19.5355C13.4021 20.4732 14.6739 21 16 21C17.3261 21 18.5979 20.4732 19.5355 19.5355C20.4732 18.5979 21 17.3261 21 16V5H23V16C23 17.8565 22.2625 19.637 20.9497 20.9497C19.637 22.2625 17.8565 23 16 23Z" fill="#232533"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_users.svg b/src/foundation/icons/icon-assets/ic_users.svg
new file mode 100644
index 000000000..1e2fbe97e
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_users.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3529 6.57143C11.9153 6.57143 13.1671 5.32714 13.1671 3.78571C13.1671 2.24429 11.9153 1 10.3529 1C10.0518 1 9.76 1.04643 9.49647 1.13C10.0329 1.88214 10.3435 2.79214 10.3435 3.78571C10.3435 4.77929 10.0235 5.68 9.49647 6.44143C9.76 6.525 10.0518 6.57143 10.3529 6.57143ZM5.64706 6.57143C7.20941 6.57143 8.46118 5.32714 8.46118 3.78571C8.46118 2.24429 7.20941 1 5.64706 1C4.08471 1 2.82353 2.24429 2.82353 3.78571C2.82353 5.32714 4.08471 6.57143 5.64706 6.57143ZM11.8776 8.57714C12.6588 9.255 13.1765 10.1186 13.1765 11.2143V15H15C15.5523 15 16 14.5523 16 14V11.2143C16 9.78429 13.7694 8.90214 11.8776 8.57714ZM5.64706 8.42857C3.76471 8.42857 0 9.35714 0 11.2143V14C0 14.5523 0.447715 15 1 15H11.2941V11.2143C11.2941 9.35714 7.52941 8.42857 5.64706 8.42857Z" fill="#222532"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_warning-filled.svg b/src/foundation/icons/icon-assets/ic_warning-filled.svg
new file mode 100644
index 000000000..585e835f1
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_warning-filled.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8319 14.5C14.7279 14.5 15.2911 13.4846 14.8424 12.6722L9.01056 2.10899C8.56251 1.29774 7.4383 1.29627 6.98945 2.10899L1.15743 12.6722C0.709677 13.483 1.27021 14.5 2.16799 14.5H13.8319ZM6.88086 11.6188C6.88086 10.9732 7.38187 10.4498 7.9999 10.4498C8.61792 10.4498 9.11894 10.9732 9.11894 11.6188C9.11894 12.2644 8.61792 12.7878 7.9999 12.7878C7.38187 12.7878 6.88086 12.2644 6.88086 11.6188ZM7.11793 9.70401L6.93747 6.24785C6.92835 6.07316 7.06146 5.92627 7.22893 5.92627H8.77084C8.93831 5.92627 9.07145 6.07316 9.06233 6.24785L8.88187 9.70401C8.87343 9.86574 8.74542 9.99235 8.59039 9.99235H7.40941C7.25437 9.99235 7.12637 9.86574 7.11793 9.70401Z" fill="#FFCE02"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/ic_webhook.svg b/src/foundation/icons/icon-assets/ic_webhook.svg
new file mode 100644
index 000000000..e90accd1e
--- /dev/null
+++ b/src/foundation/icons/icon-assets/ic_webhook.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2757 41.6417C16.7046 46.7594 9.73363 48.045 4.69496 44.4849C-0.319262 40.9248 -1.49332 33.8292 2.02886 28.6621C3.01386 27.2166 4.31749 26.022 5.83703 25.1726C7.35657 24.3231 9.05051 23.8419 10.7854 23.7669L10.9077 27.3023C8.68187 27.4753 6.52942 28.6373 5.13523 30.6646C2.68927 34.2248 3.44752 39.0211 6.79848 41.4192C10.1739 43.7927 14.8946 42.8779 17.3406 39.3425C18.0988 38.2299 18.5391 37.0185 18.7103 35.7823V33.2853L32.3588 33.1864L32.53 32.9144C33.8263 30.6399 36.6392 29.8488 38.8405 31.1344C39.3674 31.446 39.8284 31.8595 40.1971 32.3512C40.5658 32.8429 40.8351 33.4032 40.9896 34.0001C41.144 34.597 41.1806 35.2189 41.0973 35.8301C41.0139 36.4413 40.8123 37.03 40.5038 37.5624C39.2074 39.8122 36.3701 40.6034 34.1688 39.3178C33.1659 38.7491 32.4566 37.8344 32.1386 36.796L22.1836 36.8454C21.892 38.5631 21.2416 40.1982 20.2757 41.6417V41.6417ZM38.0823 23.9894C44.2706 24.7558 48.6733 30.368 47.9151 36.524C47.1568 42.7048 41.5311 47.0808 35.3428 46.3144C33.6244 46.1121 31.9746 45.5144 30.5203 44.5673C29.0659 43.6201 27.8457 42.3487 26.9532 40.8506L29.9862 39.0705C30.6136 40.0525 31.4473 40.8828 32.4281 41.5024C33.4088 42.122 34.5126 42.5156 35.6608 42.6554C39.9412 43.1746 43.7325 40.2325 44.2461 36.1037C44.7598 31.975 41.7268 28.1923 37.4953 27.6731C36.1745 27.5248 34.9026 27.6978 33.753 28.1181L31.6739 29.206L25.3633 17.413H24.8252C23.5938 17.3768 22.4267 16.8493 21.5788 15.946C20.7309 15.0427 20.2712 13.8368 20.3002 12.592C20.3736 10.0208 22.5749 8.01818 25.1432 8.11707C27.7114 8.26541 29.7416 10.3669 29.6682 12.9381C29.6193 14.0259 29.2035 15.0148 28.5431 15.7813L33.1904 24.4591C34.7069 23.9646 36.3701 23.7916 38.0823 23.9894V23.9894ZM14.8701 17.2647C12.4242 11.4547 15.0169 4.80416 20.6671 2.38129C26.3417 -0.0415842 32.8969 2.70269 35.3428 8.51264C36.7859 11.8997 36.4924 15.6082 34.8536 18.575L31.8206 16.7949C32.8479 14.7923 33.0192 12.3447 32.0408 10.0455C30.3775 6.08977 25.9503 4.18608 22.1591 5.79309C18.3434 7.42482 16.6312 11.9739 18.2945 15.9296C18.9794 17.5613 20.129 18.8222 21.5232 19.6628L22.4771 20.182L14.968 32.5189C15.0414 32.6425 15.1392 32.7908 15.2126 32.9886C16.4111 35.2384 15.5795 38.0816 13.3292 39.293C11.1034 40.5045 8.29052 39.6144 7.06754 37.2904C5.86902 34.9912 6.70064 32.148 8.95092 30.9366C9.90485 30.4174 10.9566 30.2938 11.9595 30.5163L17.6096 21.1956C16.46 20.1325 15.4816 18.7975 14.8701 17.2647V17.2647Z" fill="#CED0D6"/>
+</svg>
diff --git a/src/foundation/icons/icon-assets/img_avatar_admin.svg b/src/foundation/icons/icon-assets/img_avatar_admin.svg
new file mode 100644
index 000000000..9b62ad987
--- /dev/null
+++ b/src/foundation/icons/icon-assets/img_avatar_admin.svg
@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" fill="url(#paint0_linear-081924)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2385 17.8125L22.0956 25.6875H20.8099L18.2385 20.4375V27H16.9528V19.125L14.3813 25.6875H13.0956L15.667 19.125L18.2385 17.8125ZM16.9528 6H15.667V7.3125H16.9528V6ZM14.3813 9.9375H13.0956V11.25H14.3813V9.9375ZM10.5242 7.3125H9.23847V8.625H10.5242V7.3125ZM8.76275 17.8125C8.62928 17.9082 8.53469 18.0505 8.4968 18.2124C8.45891 18.3744 8.48034 18.5449 8.55704 18.6919L9.26418 19.8994C9.43132 20.2013 9.79132 20.3062 10.087 20.1619L11.8742 19.2956L10.3828 16.6706L8.74989 17.7994L8.76275 17.8125ZM18.907 10.7381L11.4499 15.9225L13.0313 18.7312L21.1699 14.7544L18.8942 10.7381H18.907ZM24.3328 12.4181L22.4428 9.11062C22.398 9.03213 22.338 8.96377 22.2665 8.90969C22.195 8.85562 22.1134 8.81697 22.0268 8.79609C21.9402 8.77522 21.8504 8.77256 21.7627 8.78827C21.6751 8.80399 21.5915 8.83775 21.517 8.8875L19.9742 9.97688L22.3399 14.1769L24.0499 13.3369C24.397 13.1662 24.5128 12.7594 24.3328 12.4181Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear-081924" x1="8.62278" y1="1.77436" x2="28.7641" y2="35.0352" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3E60D8"/>
+<stop offset="1" stop-color="#9B69AE"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/img_avatar_project-admin.svg b/src/foundation/icons/icon-assets/img_avatar_project-admin.svg
new file mode 100644
index 000000000..8978cda93
--- /dev/null
+++ b/src/foundation/icons/icon-assets/img_avatar_project-admin.svg
@@ -0,0 +1,30 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" fill="url(#paint0_linear-510283)"/>
+<ellipse opacity="0.9" cx="16.446" cy="16.4953" rx="7.62956" ry="7.62956" fill="url(#paint1_linear-353578)"/>
+<g style="mix-blend-mode:multiply">
+<path d="M12.2979 22.8994C12.4336 22.8474 12.5727 22.7912 12.715 22.7306C14.5801 21.9364 16.7192 20.5146 18.4048 18.8366C20.1696 16.9375 21.621 14.8358 22.4274 13.0627C22.5624 12.7657 22.6759 12.4856 22.7688 12.2236C23.0792 12.6822 23.341 13.1764 23.5469 13.6987C22.6599 15.6074 21.1362 17.7852 19.3277 19.728C17.6967 21.3561 15.6689 22.7596 13.7939 23.651C13.2651 23.4549 12.7639 23.2019 12.2979 22.8994Z" fill="#F8F8FD"/>
+<path d="M12.2979 22.8994C12.4336 22.8474 12.5727 22.7912 12.715 22.7306C14.5801 21.9364 16.7192 20.5146 18.4048 18.8366C20.1696 16.9375 21.621 14.8358 22.4274 13.0627C22.5624 12.7657 22.6759 12.4856 22.7688 12.2236C23.0792 12.6822 23.341 13.1764 23.5469 13.6987C22.6599 15.6074 21.1362 17.7852 19.3277 19.728C17.6967 21.3561 15.6689 22.7596 13.7939 23.651C13.2651 23.4549 12.7639 23.2019 12.2979 22.8994Z" fill="url(#paint2_linear-440039)"/>
+</g>
+<path d="M18.2565 9.08145C20.5443 7.74981 22.5299 7.4055 23.6432 8.63666C25.2965 10.284 22.7943 15.2159 19.1109 19.1729C15.5115 22.7659 9.97932 25.2647 8.42255 23.581C7.41724 22.4937 7.76277 20.5785 9.04284 18.3468C9.18433 18.9143 9.38937 19.4567 9.64996 19.9659C9.30649 20.7245 9.14584 21.3455 9.12346 21.8174C9.10055 22.3005 9.22097 22.5549 9.36446 22.7101C9.36897 22.715 9.52692 22.8705 10.1567 22.8279C10.7554 22.7875 11.5584 22.5756 12.4982 22.1754C14.3633 21.3812 16.5024 19.9594 18.188 18.2815C19.9528 16.3823 21.4042 14.2806 22.2106 12.5076C22.6174 11.613 22.8282 10.8711 22.8716 10.3206C22.9156 9.76398 22.7809 9.58842 22.7378 9.54541L22.7141 9.52184L22.6917 9.49707C22.3726 9.14416 21.607 8.88694 19.8791 9.67951C19.3685 9.4218 18.8249 9.21979 18.2565 9.08145Z" fill="white"/>
+<path d="M18.2565 9.08145C20.5443 7.74981 22.5299 7.4055 23.6432 8.63666C25.2965 10.284 22.7943 15.2159 19.1109 19.1729C15.5115 22.7659 9.97932 25.2647 8.42255 23.581C7.41724 22.4937 7.76277 20.5785 9.04284 18.3468C9.18433 18.9143 9.38937 19.4567 9.64996 19.9659C9.30649 20.7245 9.14584 21.3455 9.12346 21.8174C9.10055 22.3005 9.22097 22.5549 9.36446 22.7101C9.36897 22.715 9.52692 22.8705 10.1567 22.8279C10.7554 22.7875 11.5584 22.5756 12.4982 22.1754C14.3633 21.3812 16.5024 19.9594 18.188 18.2815C19.9528 16.3823 21.4042 14.2806 22.2106 12.5076C22.6174 11.613 22.8282 10.8711 22.8716 10.3206C22.9156 9.76398 22.7809 9.58842 22.7378 9.54541L22.7141 9.52184L22.6917 9.49707C22.3726 9.14416 21.607 8.88694 19.8791 9.67951C19.3685 9.4218 18.8249 9.21979 18.2565 9.08145Z" fill="url(#paint3_linear-126615)"/>
+<path d="M18.2565 9.08145C20.5443 7.74981 22.5299 7.4055 23.6432 8.63666C25.2965 10.284 22.7943 15.2159 19.1109 19.1729C15.5115 22.7659 9.97932 25.2647 8.42255 23.581C7.41724 22.4937 7.76277 20.5785 9.04284 18.3468C9.18433 18.9143 9.38937 19.4567 9.64996 19.9659C9.30649 20.7245 9.16349 21.1687 9.14111 21.6406C9.11821 22.1236 9.25874 22.2931 9.40223 22.4483C9.40674 22.4531 9.6049 22.6811 10.2036 22.6406C10.8023 22.6002 11.4826 22.4158 12.4224 22.0156C14.2661 21.0938 16.393 19.8967 18.0786 18.2188C19.8434 16.3196 21.3348 14.4293 22.1411 12.6562C22.5479 11.7617 22.7071 10.988 22.7505 10.4375C22.773 10.1526 22.7353 9.70457 22.5786 9.53125C22.2595 9.17834 21.607 8.88694 19.8791 9.67951C19.3685 9.4218 18.8249 9.21979 18.2565 9.08145Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear-510283" x1="20" y1="39" x2="16.5" y2="8.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#AFA1D9"/>
+<stop offset="1" stop-color="#4D29B1"/>
+</linearGradient>
+<linearGradient id="paint1_linear-353578" x1="12.0002" y1="21.25" x2="22.7502" y2="12" gradientUnits="userSpaceOnUse">
+<stop offset="0.166667" stop-color="#C5C0E0"/>
+<stop offset="0.692708" stop-color="#EDEAFA"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint2_linear-440039" x1="9.64882" y1="25.7744" x2="28.2996" y2="2.8635" gradientUnits="userSpaceOnUse">
+<stop offset="0.203125" stop-color="#CCC5F2" stop-opacity="0"/>
+<stop offset="1" stop-color="#BEB5EF"/>
+</linearGradient>
+<linearGradient id="paint3_linear-126615" x1="6.00049" y1="26.75" x2="36.0005" y2="-2.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.203125" stop-color="#CCC5F2" stop-opacity="0"/>
+<stop offset="1" stop-color="#BEB5EF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/img_avatar_root-account.svg b/src/foundation/icons/icon-assets/img_avatar_root-account.svg
new file mode 100644
index 000000000..a979550f1
--- /dev/null
+++ b/src/foundation/icons/icon-assets/img_avatar_root-account.svg
@@ -0,0 +1,39 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0-449515)">
+<path d="M0 0H32V32H0V0Z" fill="url(#paint0_linear-406779)"/>
+<g style="mix-blend-mode:overlay">
+<path d="M13.4854 7.717C14.2107 7.58901 14.6376 7.16234 14.7653 6.43701C14.8933 7.16234 15.3203 7.58901 16.0453 7.717C15.3203 7.84529 14.8933 8.27167 14.7653 8.997C14.6376 8.27167 14.2107 7.84529 13.4854 7.717Z" fill="white"/>
+<path d="M23.2695 22.6585C24.1034 22.5113 24.5942 22.0208 24.741 21.187C24.8881 22.0208 25.379 22.5113 26.2125 22.6585C25.379 22.806 24.8881 23.2961 24.741 24.1299C24.5942 23.2961 24.1034 22.806 23.2695 22.6585Z" fill="white"/>
+<path d="M7.08398 10.9191C8.17285 10.7269 8.81378 10.0864 9.00551 8.99756C9.19766 10.0864 9.8386 10.7269 10.927 10.9191C9.8386 11.1117 9.19766 11.7517 9.00551 12.8406C8.81378 11.7517 8.17285 11.1117 7.08398 10.9191Z" fill="white"/>
+</g>
+<path d="M11.0937 22.9373L11.9687 23.7498L6.50018 35.4998L-1.4999 30L11.0937 22.9373Z" fill="url(#paint1_linear-110069)"/>
+<path d="M10.5696 23.0459L12.0108 24.1326L3.12407 36.4926L-3.55493 30.3024L10.5696 23.0459Z" fill="url(#paint2_linear-169139)"/>
+<path d="M24.1801 8.31274C24.1398 8.3208 24.1509 8.33039 24.1519 8.28882C18.1371 9.56909 14.8904 12.28 13.1466 14.985C13.0849 15.0809 13.0245 15.1775 12.9653 15.2749L12.9634 15.2777C11.1018 18.3469 11.1107 21.3955 11.1569 22.2286L10.8961 22.2502L10.7002 23.054L11.8295 24.0105L12.5901 23.685L12.5685 23.4243C13.1864 23.361 13.7974 23.2424 14.3941 23.0701C14.5802 23.0069 14.6393 23.0703 14.7191 24.0337L14.9135 26.3803C14.9526 26.8519 15.2133 27.0109 15.4529 26.7278C16.0322 26.0424 16.1705 25.8747 17.4849 24.3207C18.4795 23.1444 18.5616 22.5002 18.017 21.3734C20.8875 19.4193 23.85 15.6349 24.1801 8.31274Z" fill="#FFFFFD"/>
+<path d="M14.7202 24.0318C14.6404 23.0684 14.5813 23.005 14.3952 23.0682C15.1029 22.8244 16.8182 22.1436 18.0181 21.3715C18.5627 22.4983 18.4806 23.1425 17.4859 24.3188C16.1716 25.8728 16.0332 26.0405 15.4539 26.7259C15.2143 27.009 14.9536 26.85 14.9145 26.3783L14.7202 24.0318Z" fill="#D6D1EE"/>
+<path d="M24.1791 8.28598C24.1199 9.59639 23.9776 10.8173 23.765 11.911C23.449 11.42 23.0028 10.8285 22.4563 10.3729C21.8497 9.8666 21.1232 9.52985 20.5775 9.32487C22.1113 8.74367 23.3492 8.46288 24.1791 8.28598Z" fill="#D6D1EE"/>
+<path d="M12.2677 16.6237C11.8048 16.4809 11.7246 16.4062 11.2031 16.4494C10.6817 16.4926 10.1423 16.8995 9.50204 17.6569C8.48488 18.8592 8.34201 19.0233 7.46541 20.0591C7.17898 20.3979 7.66314 20.4179 8.37676 20.3588C9.74115 20.2458 10.7981 20.1254 11.221 20.496C11.7794 20.9852 12.2677 16.6237 12.2677 16.6237Z" fill="#D6D1EE"/>
+<path d="M11.8642 24.1618L10.5445 23.044L10.7734 22.1046L11.3828 22.0542L12.7026 23.172L12.7531 23.7814L11.8642 24.1618Z" fill="white"/>
+<g style="mix-blend-mode:multiply">
+<path d="M18.0171 21.3557C18.5617 22.4822 18.5058 23.0972 17.5096 24.2733C17.3077 24.5116 15.6383 26.4915 15.4527 26.71C15.2128 26.9929 14.9612 26.8334 14.9136 26.3625L14.8995 26.1925C15.6169 25.3455 17.2327 23.6528 17.5224 22.9962C17.6922 22.6117 17.5353 22.0359 17.4144 21.6925C16.5889 22.2229 14.5003 23.0087 14.3948 23.0528C13.5843 23.2896 12.9498 23.36 12.5686 23.4065L12.5544 23.2355C12.5544 23.2355 20.1611 20.0687 24.1781 8.2689C23.8467 15.6592 20.8876 19.4016 18.0171 21.3557Z" fill="#DCDCE3"/>
+</g>
+<path d="M18.9169 16.0723C17.9825 16.1497 17.1592 15.4524 17.0818 14.518C17.0044 13.5835 17.7017 12.7603 18.6361 12.6829C19.5706 12.6055 20.3939 13.3028 20.4713 14.2372C20.5487 15.1717 19.8514 15.9949 18.9169 16.0723Z" fill="#FFFFFD"/>
+<path d="M18.9228 12.7345C19.3688 12.6976 19.8112 12.7887 20.1527 13.0779C20.4942 13.3672 20.7068 13.7802 20.7437 14.2262C20.7806 14.6722 20.6389 15.1072 20.3497 15.4487C20.0604 15.7902 19.6474 16.0028 19.2014 16.0397C18.7554 16.0767 18.313 15.9349 17.9716 15.6457C17.6301 15.3565 17.4175 14.9434 17.3805 14.4974C17.3436 14.0514 17.4853 13.609 17.7746 13.2676C18.0638 12.9261 18.4768 12.7715 18.9228 12.7345ZM18.8722 12.123C17.6073 12.2278 16.6643 13.3415 16.769 14.6061C16.8738 15.8706 17.9872 16.814 19.2521 16.7092C20.5169 16.6044 21.4167 15.4907 21.3119 14.2262C21.2072 12.9616 20.137 12.0183 18.8722 12.123Z" fill="#7545FF"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear-406779" x1="0.0826054" y1="2.68472" x2="32.0825" y2="31.9096" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5B28AE"/>
+<stop offset="1" stop-color="#375BDA"/>
+</linearGradient>
+<linearGradient id="paint1_linear-110069" x1="11.8279" y1="23.5593" x2="6.16148" y2="30.6268" gradientUnits="userSpaceOnUse">
+<stop offset="0.177083" stop-color="#521FFF"/>
+<stop offset="1" stop-color="#BBA5DC"/>
+</linearGradient>
+<linearGradient id="paint2_linear-169139" x1="11.3881" y1="23.7467" x2="5.00633" y2="31.6175" gradientUnits="userSpaceOnUse">
+<stop offset="0.0989583" stop-color="#9224FF"/>
+<stop offset="1" stop-color="#4318BC"/>
+</linearGradient>
+<clipPath id="clip0-449515">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/img_avatar_user.svg b/src/foundation/icons/icon-assets/img_avatar_user.svg
new file mode 100644
index 000000000..768ecb67a
--- /dev/null
+++ b/src/foundation/icons/icon-assets/img_avatar_user.svg
@@ -0,0 +1,11 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" fill="url(#paint0_linear-105514)"/>
+<path d="M25.4446 15.4444C25.4446 20.6606 18.0984 26 16.0001 26C13.9012 26 6.55566 20.6606 6.55566 15.4444C6.55566 10.2283 10.784 6 16.0001 6C21.2162 6 25.4446 10.2283 25.4446 15.4444Z" fill="white"/>
+<path d="M13.502 14.2471C15.2375 15.9827 15.5886 17.4446 14.7209 18.3124C13.8531 19.1802 12.0947 19.126 10.3592 17.3899C8.62308 15.6544 7.91975 13.5438 8.78808 12.676C9.65641 11.8082 11.7664 12.5116 13.502 14.2471ZM18.4986 14.2471C16.7631 15.9827 16.4131 17.4446 17.2809 18.3124C18.1486 19.1802 19.9059 19.126 21.6414 17.3899C23.3775 15.6538 24.0809 13.5438 23.2125 12.676C22.3447 11.8082 20.2342 12.511 18.4986 14.2471ZM16.0003 23.2221C14.6964 23.2221 14.0142 22.5777 13.9409 22.5038C13.8359 22.4004 13.7764 22.2595 13.7754 22.1122C13.7743 21.9649 13.8319 21.8232 13.9353 21.7182C14.0387 21.6133 14.1796 21.5538 14.3269 21.5528C14.4742 21.5517 14.6159 21.6093 14.7209 21.7127C14.7492 21.7388 15.1686 22.111 16.0003 22.111C16.8442 22.111 17.2631 21.7282 17.2809 21.7116C17.3875 21.6115 17.529 21.5571 17.6753 21.5602C17.8215 21.5632 17.9607 21.6233 18.0631 21.7277C18.1647 21.8314 18.2213 21.971 18.2207 22.1162C18.2201 22.2613 18.1622 22.4004 18.0597 22.5032C17.9864 22.5777 17.3042 23.2221 16.0003 23.2221Z" fill="#A7A9B2"/>
+<defs>
+<linearGradient id="paint0_linear-105514" x1="16" y1="0" x2="16" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C3C6D4"/>
+<stop offset="1" stop-color="#E3E2EB"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/foundation/icons/icon-assets/img_resource_default.svg b/src/foundation/icons/icon-assets/img_resource_default.svg
new file mode 100644
index 000000000..239dcded0
--- /dev/null
+++ b/src/foundation/icons/icon-assets/img_resource_default.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{opacity:0.2;fill:#FFFFFF;}
+	.st2{opacity:0.8;fill:#FFFFFF;}
+	.st3{opacity:0.5;fill:#FFFFFF;}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="31.9999" x2="31.9999" y2="1.964651e-12">
+	<stop  offset="0" style="stop-color:#543EA8"/>
+	<stop  offset="1" style="stop-color:#613AB2"/>
+</linearGradient>
+<rect class="st0" width="32" height="32"/>
+<g>
+	<polygon class="st1" points="16.1,10.1 21.3,13.2 21.3,19.5 23.6,20.9 23.6,11.9 16.1,7.4 	"/>
+	<polygon class="st2" points="8.5,11.9 16.1,7.4 23.6,11.9 26.1,10.4 16.1,4.4 6.1,10.4 	"/>
+	<polygon class="st3" points="10.8,19.5 10.8,13.3 16.1,10.1 16.1,7.4 8.5,11.9 8.5,20.9 	"/>
+	<polygon class="st1" points="16.1,25.4 8.5,20.9 8.5,11.9 6.1,10.4 6.1,22.4 16.1,28.4 	"/>
+	<polygon class="st2" points="21.3,19.5 16.1,22.7 10.8,19.5 8.5,20.9 16.1,25.4 23.6,20.9 	"/>
+	<polygon class="st3" points="23.6,11.9 23.6,20.9 16.1,25.4 16.1,28.4 26.1,22.4 26.1,10.4 	"/>
+</g>
+</svg>
diff --git a/src/foundation/icons/icon-assets/img_resource_server.svg b/src/foundation/icons/icon-assets/img_resource_server.svg
new file mode 100644
index 000000000..efb5ec7fd
--- /dev/null
+++ b/src/foundation/icons/icon-assets/img_resource_server.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{opacity:0.18;fill:none;stroke:#000000;stroke-width:0.3;stroke-miterlimit:10;}
+	.st2{opacity:0.18;}
+	.st3{opacity:0.35;fill:#FFFFFF;}
+	.st4{opacity:0.4;}
+	.st5{fill:#FFFFFF;}
+	.st6{opacity:0.6;}
+	.st7{opacity:0.6;fill:#FFFFFF;}
+	.st8{opacity:0.4;fill:url(#SVGID_2_);}
+	.st9{opacity:0.7;fill:url(#SVGID_3_);}
+	.st10{opacity:0.88;fill:#FFFFFF;}
+	.st11{opacity:0.4;fill:#FFFFFF;}
+	.st12{opacity:0.2;fill:#FFFFFF;}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="31.9999" x2="31.9999" y2="1.964651e-12">
+	<stop  offset="0" style="stop-color:#4C29BF"/>
+	<stop  offset="1" style="stop-color:#4C51BF"/>
+</linearGradient>
+<rect class="st0" width="32" height="32"/>
+<path class="st1" d="M23.8,21l-6.5,3.9c-0.6,0.4-1.4,0.4-2,0L8.6,21c-0.4-0.2-0.4-0.7,0-0.9l6.5-3.9c0.7-0.4,1.6-0.4,2.3,0l6.5,3.8
+	C24.2,20.3,24.2,20.8,23.8,21z"/>
+<path class="st2" d="M25.2,25.5l-7.7,4.6c-0.7,0.4-1.6,0.4-2.3,0l-8-4.6c-0.4-0.2-0.4-0.8,0-1.1l7.7-4.6c0.8-0.5,1.9-0.5,2.7,0
+	l7.8,4.6C25.6,24.6,25.6,25.2,25.2,25.5z"/>
+<path class="st3" d="M25.7,21.3l-8.1,4.9c-0.8,0.5-1.7,0.5-2.5,0l-8.5-4.8c-0.4-0.3-0.5-0.9,0-1.2l8.1-4.8c0.9-0.5,1.9-0.5,2.8,0
+	l8.2,4.8C26.1,20.4,26.1,21,25.7,21.3z"/>
+<g class="st4">
+	<path class="st5" d="M16.1,15.3L16.1,15.3c0.4,0,0.8,0.1,1.2,0.3l8.2,4.8c0.1,0.1,0.1,0.2,0.1,0.2s0,0.2-0.1,0.2l-8.1,4.9
+		c-0.3,0.2-0.7,0.3-1,0.3c-0.4,0-0.7-0.1-1-0.3L6.8,21c-0.1-0.1-0.1-0.2-0.1-0.2c0,0,0-0.2,0.1-0.2l8.1-4.8
+		C15.3,15.4,15.7,15.3,16.1,15.3 M16.1,14.9c-0.5,0-1,0.1-1.4,0.4l-8.1,4.8c-0.4,0.3-0.4,0.9,0,1.2l8.5,4.8c0.4,0.2,0.8,0.3,1.2,0.3
+		c0.4,0,0.9-0.1,1.3-0.3l8.1-4.9c0.4-0.3,0.4-0.9,0-1.2l-8.2-4.8C17.1,15,16.6,14.9,16.1,14.9L16.1,14.9z"/>
+</g>
+<path class="st3" d="M25.7,16.6l-8.1,4.9c-0.8,0.5-1.7,0.5-2.5,0l-8.5-4.8c-0.4-0.3-0.5-0.9,0-1.2l8.1-4.8c0.9-0.5,1.9-0.5,2.8,0
+	l8.2,4.8C26.1,15.7,26.1,16.4,25.7,16.6z"/>
+<g class="st6">
+	<path class="st5" d="M16.1,10.7L16.1,10.7c0.4,0,0.8,0.1,1.2,0.3l8.2,4.8c0.1,0.1,0.1,0.2,0.1,0.2s0,0.2-0.1,0.2l-8.1,4.9
+		c-0.3,0.2-0.7,0.3-1,0.3c-0.4,0-0.7-0.1-1-0.3l-8.5-4.8c-0.1-0.1-0.1-0.2-0.1-0.2c0,0,0-0.2,0.1-0.2l8.1-4.8
+		C15.3,10.8,15.7,10.7,16.1,10.7 M16.1,10.3c-0.5,0-1,0.1-1.4,0.4l-8.1,4.8c-0.4,0.3-0.4,0.9,0,1.2l8.5,4.8c0.4,0.2,0.8,0.3,1.2,0.3
+		c0.4,0,0.9-0.1,1.3-0.3l8.1-4.9c0.4-0.3,0.4-0.9,0-1.2l-8.2-4.8C17.1,10.4,16.6,10.3,16.1,10.3L16.1,10.3z"/>
+</g>
+<path class="st7" d="M25.7,11.8l-8.1,4.9c-0.8,0.5-1.7,0.5-2.5,0l-8.5-4.8c-0.4-0.3-0.5-0.9,0-1.2l8.1-4.8c0.9-0.5,1.9-0.5,2.8,0
+	l8.2,4.8C26.1,10.9,26.1,11.6,25.7,11.8z"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="16.1488" y1="11.2074" x2="16.1488" y2="26.4131">
+	<stop  offset="0" style="stop-color:#FFFFFF"/>
+	<stop  offset="0.7275" style="stop-color:#FFFFFF;stop-opacity:0"/>
+</linearGradient>
+<path class="st8" d="M6.3,20.5c0,0.3,0.2,0.6,0.4,0.7l8.4,4.8c0.8,0.4,1.7,0.4,2.5,0l8-4.8c0.2-0.1,0.4-0.4,0.4-0.7l0-9.4
+	c0,0,0,0.3-0.1,0.4c-0.1,0.1-0.3,0.2-0.3,0.2l-8.1,4.9c-0.8,0.5-1.7,0.5-2.5,0l-8.5-4.9c0,0-0.2-0.1-0.2-0.3
+	c-0.1-0.2-0.1-0.3-0.1-0.3L6.3,20.5z"/>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="21.0924" y1="11.2071" x2="21.0924" y2="26.413">
+	<stop  offset="0" style="stop-color:#FFFFFF"/>
+	<stop  offset="0.9274" style="stop-color:#FFFFFF;stop-opacity:0"/>
+</linearGradient>
+<path class="st9" d="M26,11.2c0,0.1-0.1,0.3-0.1,0.4c-0.1,0.1-0.3,0.2-0.3,0.2l-8.1,4.9c-0.4,0.3-0.9,0.4-1.4,0.3v9.4
+	c0.5,0,1-0.1,1.4-0.3l8-4.8c0.2-0.1,0.4-0.4,0.4-0.7L26,11.2z"/>
+<path class="st5" d="M16.1,5.9L16.1,5.9c0.4,0,0.8,0.1,1.2,0.3l8.2,4.8c0.1,0.1,0.1,0.2,0.1,0.2s0,0.2-0.1,0.2l-8.1,4.9
+	c-0.3,0.2-0.7,0.3-1,0.3c-0.4,0-0.7-0.1-1-0.3l-8.5-4.8c-0.1-0.1-0.1-0.2-0.1-0.2c0,0,0-0.2,0.1-0.2l8.1-4.8
+	C15.3,6,15.7,5.9,16.1,5.9 M16.1,5.5c-0.5,0-1,0.1-1.4,0.4l-8.1,4.8c-0.4,0.3-0.4,0.9,0,1.2l8.5,4.8c0.4,0.2,0.8,0.3,1.2,0.3
+	c0.4,0,0.9-0.1,1.3-0.3l8.1-4.9c0.4-0.3,0.4-0.9,0-1.2l-8.2-4.8C17.1,5.6,16.6,5.5,16.1,5.5L16.1,5.5z"/>
+<ellipse class="st10" cx="22.1" cy="11.2" rx="1.2" ry="0.8"/>
+<ellipse class="st11" cx="22.1" cy="16.1" rx="1.2" ry="0.8"/>
+<ellipse class="st12" cx="22.1" cy="20.8" rx="1.2" ry="0.8"/>
+</svg>
diff --git a/src/foundation/icons/p-icons/aws-ec2.js b/src/foundation/icons/p-icons/aws-ec2.js
deleted file mode 100644
index 8e3339ddd..000000000
--- a/src/foundation/icons/p-icons/aws-ec2.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'aws-ec2': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 75 75',
-    data: '<linearGradient id="svgicon_aws-ec2_a" gradientUnits="userSpaceOnUse" x1="-677.172" y1="583.364" x2="-677.172" y2="433.364" gradientTransform="scale(-1 1) rotate(-45 -925.73 -499.224)"><stop offset="0" stop-color="#c8511b"/><stop offset="1" stop-color="#f90"/></linearGradient><path pid="0" _fill="url(#svgicon_aws-ec2_a)" d="M0 0h75v75H0z"/><g _fill="#fff"><path pid="1" d="M60.5 40.5h-5v-2h5v-24h-24v5h-2v-5c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v24c0 1.1-.9 2-2 2zM38.5 62.5h-24c-1.1 0-2-.9-2-2v-24c0-1.1.9-2 2-2h5v2h-5v24h24v-5h2v5c0 1.1-.9 2-2 2z"/><path pid="2" d="M53.5 28.5v-2h-3c-.1-1.1-.9-1.9-2-2v-3h-2v3h-3v-3h-2v3h-3v-3h-2v3h-3v-3h-2v3h-3v-3h-2v3c-1.1.1-1.9.9-2 2h-3v2h3v3h-3v2h3v3h-3v2h3v3h-3v2h3v3h-3v2h3c.1 1.1.9 1.9 2 2v3h2v-3h3v3h2v-3h3v3h2v-3h3v3h2v-3h3v3h2v-3c1.1-.1 1.9-.9 2-2h3v-2h-3v-3h3v-2h-3v-3h3v-2h-3v-3h3v-2h-3v-3h3zm-5 19.8c0 .1-.1.2-.2.2H26.7c-.1 0-.2-.1-.2-.2V26.7c0-.1.1-.2.2-.2h21.6c.1 0 .2.1.2.2v21.6z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/aws-network.js b/src/foundation/icons/p-icons/aws-network.js
deleted file mode 100644
index f47a0c248..000000000
--- a/src/foundation/icons/p-icons/aws-network.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'aws-network': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 75 75',
-    data: '<linearGradient id="svgicon_aws-network_a" gradientUnits="userSpaceOnUse" x1="-658.53" y1="214.42" x2="-552.47" y2="108.36" gradientTransform="matrix(0 -1 -1 0 198.89 -568)"><stop offset="0" stop-color="#4d27a8"/><stop offset="1" stop-color="#a166ff"/></linearGradient><path pid="0" _fill="url(#svgicon_aws-network_a)" d="M0 0h75v75H0z"/><g _fill="#fff"><path pid="1" d="M36.4 46.5h-14c-5.5 0-9.7-3.7-9.9-8.7v-.7c-.2-4.3 2.6-8.1 6.8-9.3V27c.1-7.5 6.4-13.5 13.9-13.4 3.6.1 7 1.6 9.5 4.1 1.3 1.3 2.4 2.8 3.1 4.5 1.1-.9 2.5-1.4 3.9-1.4 2.9 0 6 2.1 6.5 6.7 2.5.5 4.7 1.8 6.3 3.7l-1.6 1.2c-1.5-1.7-3.6-2.8-5.8-3.2-.5-.1-.8-.5-.8-.9-.2-3.8-2.5-5.5-4.6-5.5-1.3 0-2.6.7-3.4 1.7-.2.3-.6.4-.9.4-.4-.1-.7-.3-.8-.6-.7-1.9-1.8-3.7-3.2-5.2-4.5-4.6-11.9-4.7-16.5-.2-2.2 2.1-3.4 5-3.5 8 0 .5 0 1 .1 1.4 0 .5-.3.9-.8 1.1-2.3.6-6.1 2.3-6.1 7.6v.5c.2 4 3.6 6.8 8 6.8h14l-.2 2.2z"/><path pid="2" d="M50.4 61.3c-11.9 0-12-13.3-12-13.5V35.6c0-.4.3-.8.7-.9l11-4.1c.2-.1.5-.1.7 0l11 4.1c.4.1.7.5.7.9v12.9c-.1.2-.2 12.8-12.1 12.8zm-10-25v11.5c0 .5.1 11.5 10 11.5s10-10.3 10-10.7V36.3l-10-3.7-10 3.7z"/><path pid="3" d="M50.4 57.5c-6.4 0-7.9-8.1-8-8.4V38.6c0-.4.2-.8.6-.9l7-2.8c.2-.1.5-.1.7 0l7 2.8c.4.2.6.5.6.9v10.6c.1.2-1.5 8.3-7.9 8.3zm-6-8.7c.2.8 1.6 6.7 6 6.7s5.8-5.9 6-6.7v-9.6l-6-2.4-6 2.4v9.6z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/btn_circle_more--hover.js b/src/foundation/icons/p-icons/btn_circle_more--hover.js
deleted file mode 100644
index 74baab4b1..000000000
--- a/src/foundation/icons/p-icons/btn_circle_more--hover.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'btn_circle_more--hover': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<circle pid="0" cx="12" cy="12" r="12" _fill="#e9f4ff"/><g _fill="#0080fb"><path pid="1" d="M11.7 10.2c-.9 0-1.6.7-1.6 1.5s.6 1.5 1.5 1.5h.2c.3 0 .6-.1.8-.3.4-.3.6-.8.6-1.3 0-.7-.6-1.4-1.5-1.4zM5.9 10.2c-.9 0-1.6.7-1.6 1.5s.6 1.5 1.5 1.5H6c.3 0 .7-.1.9-.3.4-.3.6-.7.6-1.2 0-.8-.7-1.5-1.6-1.5zM17.5 10.2c-.9 0-1.5.7-1.5 1.5s.6 1.5 1.5 1.5h.2c.3 0 .6-.1.8-.3.3-.3.6-.7.6-1.3-.1-.7-.7-1.4-1.6-1.4z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/btn_circle_more.js b/src/foundation/icons/p-icons/btn_circle_more.js
deleted file mode 100644
index ecea1589a..000000000
--- a/src/foundation/icons/p-icons/btn_circle_more.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'btn_circle_more': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<circle pid="0" cx="12" cy="12" r="12" _fill="#f2f2f2"/><g _fill="#858895"><path pid="1" d="M11.7 10.2c-.9 0-1.6.7-1.6 1.5s.6 1.5 1.5 1.5h.2c.3 0 .6-.1.8-.3.4-.3.6-.8.6-1.3 0-.7-.6-1.4-1.5-1.4zM5.9 10.2c-.9 0-1.6.7-1.6 1.5s.6 1.5 1.5 1.5H6c.3 0 .7-.1.9-.3.4-.3.6-.7.6-1.2 0-.8-.7-1.5-1.6-1.5zM17.5 10.2c-.9 0-1.5.7-1.5 1.5s.6 1.5 1.5 1.5h.2c.3 0 .6-.1.8-.3.3-.3.6-.7.6-1.3-.1-.7-.7-1.4-1.6-1.4z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/btn_circle_plus_blue--hover.js b/src/foundation/icons/p-icons/btn_circle_plus_blue--hover.js
deleted file mode 100644
index c49efb324..000000000
--- a/src/foundation/icons/p-icons/btn_circle_plus_blue--hover.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'btn_circle_plus_blue--hover': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<circle pid="0" cx="12" cy="12" r="12" _fill="#b9dcff"/><path pid="1" d="M10.9 10.9H6.4V13h4.5v4.5H13v-4.4h4.5v-2.2h-4.4V6.4h-2.2v4.5z" fill-rule="evenodd" clip-rule="evenodd" _fill="#0069cc"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/btn_circle_plus_blue.js b/src/foundation/icons/p-icons/btn_circle_plus_blue.js
deleted file mode 100644
index 0ba2676c3..000000000
--- a/src/foundation/icons/p-icons/btn_circle_plus_blue.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'btn_circle_plus_blue': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<circle pid="0" cx="12" cy="12" r="12" _fill="#e9f4ff"/><path pid="1" d="M11 11H6.5v2H11v4.5h2v-4.4h4.5V11h-4.4V6.5H11V11z" fill-rule="evenodd" clip-rule="evenodd" _fill="#0069cc"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/btn_gnb_top-logo.js b/src/foundation/icons/p-icons/btn_gnb_top-logo.js
deleted file mode 100644
index 68b267d50..000000000
--- a/src/foundation/icons/p-icons/btn_gnb_top-logo.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'btn_gnb_top-logo': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 56 56',
-    data: '<path pid="0" _fill="none" d="M0 0h56v56H0z"/><path pid="1" d="M28 8c11 0 20 9 20 20s-9 20-20 20S8 39 8 28 17 8 28 8z" _fill="#fff"/><g _fill="#6638b6"><path pid="2" d="M27.986 10.958c-9.4 0-17 7.6-17 17s7.6 17 17 17 17-7.6 17-17c0-9.3-7.6-16.9-17-17zm5.9 5.5c.3 0 .6.3.6.6s-.3.6-.6.6-.6-.3-.6-.6.3-.6.6-.6zm-1.7-2.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zm-6 .3c.4 0 .8.4.8.8s-.4.8-.8.8-.8-.4-.8-.8c0-.5.3-.8.8-.8zm-10.1 13.4l-.8.3-.2.9h-.1l-.3-.8-.9-.2v-.1l.8-.3.2-.9h.1l.3.8.9.3c.1-.1.1 0 0 0 .1 0 0 0 0 0zm.6-8.6c0-.3.3-.6.6-.6s.6.3.6.6-.3.6-.6.6c-.4 0-.6-.3-.6-.6zm1 3.5c-.2 0-.4-.2-.4-.4s.2-.4.4-.4.4.2.4.4-.1.4-.4.4zm10.3 21.2c-3.3 0-6.6-1.1-9.3-3.1.8-1.1 1.8-2 2.9-2.7.1 0 .1.1.2.1 1.9 1.1 4 1.6 6.1 1.7 2.2 0 4.3-.6 6.2-1.7.1 0 .1-.1.2-.1 1.1.7 2.1 1.6 2.9 2.7-2.6 2-5.9 3.1-9.2 3.1zm0-6c-5.3 0-9.7-4.3-9.7-9.7 0-5.3 4.3-9.7 9.7-9.7 5.3 0 9.7 4.3 9.7 9.7 0 5.4-4.3 9.7-9.7 9.7zm11.7-4.7c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5c.1.3-.2.5-.5.5zm1.5-10.8l-1 .4-.3 1.1h-.1l-.4-1-1.1-.3v-.1l1-.4.3-1.1h.1l.4 1 1.1.4c0-.1 0 0 0 0zm1.9 3.5l-.7.2-.2.7-.2-.7-.7-.2.7-.2.2-.7.2.7.7.2z"/><path pid="3" d="M27.986 22.058h-.4c-.5.1-1 0-1.4-.1-.6-.3-.9-.4-1.1-.5-.2-.1-.4-.1-.7 0-.2.1-.2.4 0 .7.1.1.2.3.2.4-.1.1-.7-.3-1.5-.4-.2-.1-.5 0-.7.2-.1.2 0 .5.2.7.2.3.6.9.2 1.3-1.2 1.3-1.9 3-1.9 4.8 0 3.9 3.2 7.1 7.1 7.1s7.1-3.2 7.1-7.1c0-3.9-3.2-7.1-7.1-7.1zm-3.2 7.7c-.1.5-.5.9-1 .8-.5-.1-.9-.5-.8-1 .1-.5.5-.9 1-.8.4 0 .8.4.8 1zm7.2-1.3c-.6.3-1.4 0-1.7-.7-.3-.6 0-1.4.7-1.7.6-.3 1.4 0 1.7.7.3.7 0 1.4-.7 1.7z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/common-gear.js b/src/foundation/icons/p-icons/common-gear.js
deleted file mode 100644
index 1463916de..000000000
--- a/src/foundation/icons/p-icons/common-gear.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'common-gear': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" _fill="none" d="M23.998 24h-24V0h24z"/><path pid="1" d="M13.4 20.5h-2.7l-.8-2.4c-.2-.1-.5-.1-.7-.2L7 19l-1.9-1.9 1.2-2.2c0-.1-.1-.2-.1-.3-.1-.1-.1-.2-.1-.4l-2.4-.8v-2.7l2.4-.8c.1-.2.1-.4.2-.6L5 7l2-2 2.2 1.1c.2-.1.4-.2.6-.2l.8-2.4h2.7l.8 2.5c.2.1.5.1.7.2L17 5.1 19 7l-1.1 2.2c.1.2.2.4.2.6l2.4.8v2.7l-2.4.8c-.1.2-.1.5-.2.7L19 17l-1.9 1.9-2.2-1.2c-.1 0-.2.1-.3.1-.1 0-.2.1-.4.1l-.8 2.6zm-2-1h1.3l.8-2.2.3-.1c.2 0 .3-.1.5-.2s.4-.2.6-.2h.2l1.9 1 .9-.9-1.1-2 .2-.2c.2-.2.2-.6.3-.9l.1-.3 2.2-.8v-1.3l-2.2-.8-.1-.4c-.1-.2-.2-.5-.3-.7l-.2-.2 1.1-2-.9-.9-2 1.1-.2-.2c-.2-.2-.6-.2-.9-.3l-.3-.1-.8-2.3h-1.3l-.8 2.2-.4.1c-.2.1-.5.2-.7.3l-.2.2-2-1.1-1 1 1.1 2-.2.2c-.1.2-.2.5-.3.7l-.1.4-2.2.8v1.3l2.2.8.1.3c0 .2.1.3.2.5s.2.4.2.6v.2l-1 1.9.9.9 2-1.1.2.2c.2.2.6.2.9.3l.3.1.1.3.6 1.8zm.7-4H12c-1.9 0-3.5-1.6-3.5-3.4V12c0-1.9 1.6-3.5 3.4-3.5h.1c1.9 0 3.5 1.6 3.5 3.4v.1c0 1.9-1.6 3.5-3.4 3.5zm-.2-6c-1.3 0-2.4 1.1-2.4 2.5v.1c0 1.3 1.1 2.4 2.5 2.4h.1c1.3 0 2.4-1.1 2.4-2.5v-.1c0-1.3-1.1-2.4-2.5-2.4h-.1z" _fill="#707070"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/cursor_drag-arrow--blue.js b/src/foundation/icons/p-icons/cursor_drag-arrow--blue.js
deleted file mode 100644
index bb4f17522..000000000
--- a/src/foundation/icons/p-icons/cursor_drag-arrow--blue.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'cursor_drag-arrow--blue': {
-    width: 22,
-    height: 22,
-    viewBox: '0 0 22 22',
-    data: '<path pid="0" d="M21.926 10.845l-3.509-2.77a.199.199 0 00-.321.157v1.78H11.99V3.906h1.782a.2.2 0 00.157-.322L11.158.076a.196.196 0 00-.31 0l-2.773 3.51a.199.199 0 00.157.32h1.78v6.105H3.906V8.23a.2.2 0 00-.322-.157L.076 10.845a.196.196 0 000 .31l3.506 2.772c.13.102.322.011.322-.157v-1.779h6.104v6.105H8.227a.2.2 0 00-.157.322l2.772 3.506c.08.101.233.101.31 0l2.772-3.506a.199.199 0 00-.157-.322h-1.776V11.99h6.105v1.782a.2.2 0 00.321.157l3.506-2.772a.2.2 0 00.003-.313z" _fill="#007EE5"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/cursor_pointer--blue.js b/src/foundation/icons/p-icons/cursor_pointer--blue.js
deleted file mode 100644
index 641b88b5d..000000000
--- a/src/foundation/icons/p-icons/cursor_pointer--blue.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'cursor_pointer--blue': {
-    width: 36,
-    height: 32,
-    viewBox: '0 0 36 32',
-    data: '<g filter="url(#filter0_d)"><path pid="0" d="M26.774 23.765c-.22 1.973-1.748 2.284-2.484 2.192h-8.004c-2.209.33-3.773-1.324-4.279-2.192l-3.864-5.07c-2.373-2.027-1.587-4.04-.897-4.794 1.987-2.028 4.002-.389 4.761.685V5.338c-.22-2.193 1.427-3.06 2.278-3.22 2.263-.658 3.197 1.598 3.38 2.808v4.042c1.767-.931 2.807.388 3.106 1.165 1.766-.822 3.45.023 4.071.548h1.38c2.319-.164 2.3 4.042 2.001 6.165-.39 1.485-1.228 4.946-1.449 6.92z" _fill="#fff" _stroke="#fff"/><path pid="1" d="M14.685 2.857c-.51 0-.944.181-1.305.544-.36.363-.54.8-.54 1.313v11.49a.5.5 0 01-.902.297l-1.277-1.718c-.394-.522-.908-.783-1.543-.783-.5 0-.928.184-1.284.551a1.814 1.814 0 00-.533 1.306c0 .416.125.788.375 1.117l5.538 7.429c.366.493.856.74 1.471.74h10.356a.905.905 0 00.57-.196.872.872 0 00.324-.5l1.327-5.34c.231-.928.346-1.867.346-2.815v-3.148c0-.397-.134-.74-.403-1.03a1.289 1.289 0 00-.981-.435c-.385 0-.712.135-.98.406a1.335 1.335 0 00-.388.756c-.019.127-.12.23-.248.23a.23.23 0 01-.23-.23v-.655c0-.464-.154-.858-.462-1.182a1.525 1.525 0 00-1.154-.486c-.442 0-.822.16-1.14.479-.316.319-.475.7-.475 1.146v.698a.23.23 0 01-.462 0v-1.075c0-.532-.177-.99-.533-1.371a1.723 1.723 0 00-1.313-.574c-.51 0-.944.182-1.305.545-.36.362-.54.8-.54 1.313v1.162a.23.23 0 01-.462 0V4.8c0-.532-.178-.989-.534-1.37a1.723 1.723 0 00-1.313-.574zm0-1.857c1.03 0 1.902.375 2.618 1.124a3.742 3.742 0 011.075 2.677v3.192a5.7 5.7 0 01.461-.029c.952 0 1.784.334 2.495 1.001a3.444 3.444 0 011.428-.304c1.087 0 1.971.42 2.654 1.262.26-.068.529-.102.808-.102.904 0 1.668.327 2.293.98a3.27 3.27 0 01.938 2.343v3.148c0 1.122-.135 2.21-.404 3.265l-1.327 5.34a2.702 2.702 0 01-.98 1.515c-.5.392-1.068.588-1.703.588H14.685a3.602 3.602 0 01-1.651-.399 3.75 3.75 0 01-1.305-1.08L6.19 18.09a3.643 3.643 0 01-.735-2.234c0-1.015.358-1.888 1.074-2.619.716-.73 1.58-1.095 2.59-1.095.682 0 1.307.17 1.874.508V4.714c0-1.025.36-1.9 1.082-2.626.72-.725 1.591-1.088 2.61-1.088zm1.898 20.429c.284 0 .513-.23.513-.514V16.37a.513.513 0 10-1.026 0v4.545c0 .284.23.514.513.514zm3.693 0c.283 0 .513-.23.513-.514V16.37a.513.513 0 00-1.027 0v4.545c0 .284.23.514.514.514zm3.692 0c.283 0 .513-.23.513-.514V16.37a.513.513 0 00-1.026 0v4.545c0 .284.23.514.513.514z" _fill="#007EE5"/></g><defs><filter id="filter0_d" x="-2" y="0" width="40" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="2"/><feGaussianBlur stdDeviation="1"/><feColorMatrix values="0 0 0 0 0.133333 0 0 0 0 0.145098 0 0 0 0 0.196078 0 0 0 0.32 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/dashboard-customize.js b/src/foundation/icons/p-icons/dashboard-customize.js
deleted file mode 100644
index f891daa67..000000000
--- a/src/foundation/icons/p-icons/dashboard-customize.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'dashboard-customize': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M6 6v7h7V6H6zM5 4a1 1 0 00-1 1v9a1 1 0 001 1h9a1 1 0 001-1V5a1 1 0 00-1-1H5zM6 19v7h7v-7H6zm-1-2a1 1 0 00-1 1v9a1 1 0 001 1h9a1 1 0 001-1v-9a1 1 0 00-1-1H5zM19 6v7h7V6h-7zm-1-2a1 1 0 00-1 1v9a1 1 0 001 1h9a1 1 0 001-1V5a1 1 0 00-1-1h-9z" _fill="#232533"/><path pid="1" d="M21.5 18a1 1 0 112 0v9a1 1 0 11-2 0v-9z" _fill="#232533"/><path pid="2" d="M27 21.5a1 1 0 110 2h-9a1 1 0 110-2h9z" _fill="#232533"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_admin.js b/src/foundation/icons/p-icons/ic_admin.js
deleted file mode 100644
index 682343db4..000000000
--- a/src/foundation/icons/p-icons/ic_admin.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_admin': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<g _fill="#222532"><path pid="0" d="M11.1 12.4c2.4 0 4.3-2 4.3-4.5s-1.9-4.5-4.3-4.5-4.3 2-4.3 4.5 1.9 4.5 4.3 4.5zm0-7.2c1.4 0 2.5 1.2 2.5 2.7s-1.1 2.7-2.5 2.7-2.5-1.2-2.5-2.7 1.1-2.7 2.5-2.7zM6.4 14.6c-1 .3-2 .9-2.7 1.8-.7.9-1.2 2-1.2 3.5 0 .2.1.5.3.6.2.2.4.3.6.3h8.5V19H4.4c.1-.6.4-1 .7-1.4.5-.5 1.1-.9 1.9-1.2 1.6-.6 3.6-.6 4.9-.6V14c-1.3-.1-3.6-.1-5.5.6zM23 17.9v-1.2l-1.4-.5c-.1-.2-.1-.4-.2-.6l.7-1.3-.9-.9-1.4.6c-.2-.1-.4-.2-.7-.2l-.5-1.5h-1.2l-.5 1.4c-.2.1-.4.1-.6.2l-1.3-.7-1 1 .7 1.3c-.1.2-.2.4-.2.6l-1.5.5v1.2l1.4.5c.1.2.2.4.2.7l-.6 1.4.9.9 1.3-.7c.2.1.4.2.7.2l.5 1.4h1.2l.5-1.4c.2-.1.4-.2.7-.2l1.3.7.9-.9-.7-1.3c.1-.2.2-.4.2-.7l1.5-.5zm-3.3.1c-.1.2-.2.4-.4.6-.2.2-.4.3-.6.4-.2.1-.5.1-.7.1-.2 0-.5 0-.7-.1-.2-.1-.4-.2-.6-.4-.2-.2-.3-.4-.4-.6-.1-.2-.1-.5-.1-.7 0-.2 0-.5.1-.7.1-.2.2-.4.4-.6.2-.2.4-.3.6-.4.2-.1.5-.1.7-.1.2 0 .5 0 .7.1.2.1.4.2.6.4.2.2.3.4.4.6.1.2.1.5.1.7.1.2 0 .5-.1.7z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_alarm-clock.js b/src/foundation/icons/p-icons/ic_alarm-clock.js
new file mode 100644
index 000000000..049501d6b
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_alarm-clock.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_alarm-clock': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 16 16',
+    data: '<path pid="0" d="M12.734 3.446a1.977 1.977 0 00-2.52-.216 5.5 5.5 0 012.804 2.617 1.959 1.959 0 00-.284-2.401zM5.877 3.305a1.973 1.973 0 00-2.612.14 1.956 1.956 0 00-.13 2.613 5.5 5.5 0 012.742-2.753z" _fill="#222532"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M10.47 4.002a4.888 4.888 0 00-2.901-.57 4.889 4.889 0 00-2.964 8.234l-.803.803a.444.444 0 00.635.622l.848-.848a4.853 4.853 0 005.754-.026l.875.875.006.005a.442.442 0 00.624-.623l-.856-.843A4.888 4.888 0 0010.469 4zm-2.988.337a4.004 4.004 0 111.306 7.9 4.004 4.004 0 01-1.306-7.9z" _fill="#222532"/><path pid="2" d="M10.494 9.089L8.422 8.063V5.38a.308.308 0 00-.616 0V8.46l2.415 1.197a.308.308 0 10.27-.554l.003-.013z" _fill="#222532"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_arrow-bottom-alt.js b/src/foundation/icons/p-icons/ic_arrow-bottom-alt.js
deleted file mode 100644
index fe5395700..000000000
--- a/src/foundation/icons/p-icons/ic_arrow-bottom-alt.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_arrow-bottom-alt': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M8.897 14.103L7 16l9 9 9-9-1.897-1.897-5.761 5.76V7h-2.684v12.863l-5.76-5.76z" _fill="#515364"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_state_active.js b/src/foundation/icons/p-icons/ic_arrow-down-bold.js
similarity index 55%
rename from src/foundation/icons/p-icons/ic_state_active.js
rename to src/foundation/icons/p-icons/ic_arrow-down-bold.js
index a1b69c7b2..d29efd25e 100644
--- a/src/foundation/icons/p-icons/ic_state_active.js
+++ b/src/foundation/icons/p-icons/ic_arrow-down-bold.js
@@ -3,10 +3,10 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_state_active': {
+  'ic_arrow-down-bold': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M13 3l-7.4 7.4-2.7-2.7L1 9.5l2.3 2.3L5.6 14l2.3-2.2 7.1-7L13 3z" _fill="#60b731"/>'
+    data: '<path pid="0" d="M8 13.429l4-3.64H9.776V2H6.224v7.79H4l4 3.639z" _fill="#60B731"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_arrow-down.js b/src/foundation/icons/p-icons/ic_arrow-down.js
index 268aa4898..18579c9d8 100644
--- a/src/foundation/icons/p-icons/ic_arrow-down.js
+++ b/src/foundation/icons/p-icons/ic_arrow-down.js
@@ -4,9 +4,9 @@
 import icon from 'vue-svgicon'
 icon.register({
   'ic_arrow-down': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M8 13.429l4-3.64H9.776V2H6.224v7.79H4l4 3.639z" _fill="#60B731"/>'
+    width: 32,
+    height: 32,
+    viewBox: '0 0 32 32',
+    data: '<path pid="0" d="M8.897 14.103L7 16l9 9 9-9-1.897-1.897-5.761 5.76V7h-2.684v12.863l-5.76-5.76z" _fill="#515364"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_back.js b/src/foundation/icons/p-icons/ic_arrow-left.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_back.js
rename to src/foundation/icons/p-icons/ic_arrow-left.js
index e33fd7069..5d669cda8 100644
--- a/src/foundation/icons/p-icons/ic_back.js
+++ b/src/foundation/icons/p-icons/ic_arrow-left.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_back': {
+  'ic_arrow-left': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_arrow-top-alt.js b/src/foundation/icons/p-icons/ic_arrow-top-alt.js
deleted file mode 100644
index 1bbc336c8..000000000
--- a/src/foundation/icons/p-icons/ic_arrow-top-alt.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_arrow-top-alt': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M23.103 17.897L25 16l-9-9-9 9 1.897 1.897 5.761-5.76V25h2.684V12.137l5.76 5.76z" _fill="#515364"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_bold-arrow-up.js b/src/foundation/icons/p-icons/ic_arrow-up-bold-alt.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_bold-arrow-up.js
rename to src/foundation/icons/p-icons/ic_arrow-up-bold-alt.js
index ac3071d69..5b3a8b6cf 100644
--- a/src/foundation/icons/p-icons/ic_bold-arrow-up.js
+++ b/src/foundation/icons/p-icons/ic_arrow-up-bold-alt.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_bold-arrow-up': {
+  'ic_arrow-up-bold-alt': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_tree_no-child.js b/src/foundation/icons/p-icons/ic_arrow-up-bold.js
similarity index 53%
rename from src/foundation/icons/p-icons/ic_tree_no-child.js
rename to src/foundation/icons/p-icons/ic_arrow-up-bold.js
index bac0211c8..5d284f973 100644
--- a/src/foundation/icons/p-icons/ic_tree_no-child.js
+++ b/src/foundation/icons/p-icons/ic_arrow-up-bold.js
@@ -3,10 +3,10 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_tree_no-child': {
+  'ic_arrow-up-bold': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
-    data: '<path pid="0" _fill="none" d="M0 0h16v16H0z"/><path pid="1" _fill="#202433" d="M11.8 9.8H5.3V3.3h1v5.5h5.5z"/>'
+    data: '<path pid="0" d="M8 2L4 5.64h2.224v7.789h3.552v-7.79H12L8 2z" _fill="#EF3817"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_arrow-up.js b/src/foundation/icons/p-icons/ic_arrow-up.js
index eb5cec78f..250684d0e 100644
--- a/src/foundation/icons/p-icons/ic_arrow-up.js
+++ b/src/foundation/icons/p-icons/ic_arrow-up.js
@@ -4,9 +4,9 @@
 import icon from 'vue-svgicon'
 icon.register({
   'ic_arrow-up': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M8 2L4 5.64h2.224v7.789h3.552v-7.79H12L8 2z" _fill="#EF3817"/>'
+    width: 32,
+    height: 32,
+    viewBox: '0 0 32 32',
+    data: '<path pid="0" d="M23.103 17.897L25 16l-9-9-9 9 1.897 1.897 5.761-5.76V25h2.684V12.137l5.76 5.76z" _fill="#515364"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_collapse-angle.js b/src/foundation/icons/p-icons/ic_arrows-collaps-all.js
similarity index 91%
rename from src/foundation/icons/p-icons/ic_collapse-angle.js
rename to src/foundation/icons/p-icons/ic_arrows-collaps-all.js
index 682f53972..9dda35438 100644
--- a/src/foundation/icons/p-icons/ic_collapse-angle.js
+++ b/src/foundation/icons/p-icons/ic_arrows-collaps-all.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_collapse-angle': {
+  'ic_arrows-collaps-all': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_code-collapse.js b/src/foundation/icons/p-icons/ic_arrows-collapse-vertical.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_code-collapse.js
rename to src/foundation/icons/p-icons/ic_arrows-collapse-vertical.js
index c856d88fd..b5ec6d0c7 100644
--- a/src/foundation/icons/p-icons/ic_code-collapse.js
+++ b/src/foundation/icons/p-icons/ic_arrows-collapse-vertical.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_code-collapse': {
+  'ic_arrows-collapse-vertical': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_expand-angle.js b/src/foundation/icons/p-icons/ic_arrows-expand-all.js
similarity index 92%
rename from src/foundation/icons/p-icons/ic_expand-angle.js
rename to src/foundation/icons/p-icons/ic_arrows-expand-all.js
index f2b90e269..07947728b 100644
--- a/src/foundation/icons/p-icons/ic_expand-angle.js
+++ b/src/foundation/icons/p-icons/ic_arrows-expand-all.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_expand-angle': {
+  'ic_arrows-expand-all': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_code-expand.js b/src/foundation/icons/p-icons/ic_arrows-expand-vertical.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_code-expand.js
rename to src/foundation/icons/p-icons/ic_arrows-expand-vertical.js
index 316614391..6029d78f8 100644
--- a/src/foundation/icons/p-icons/ic_code-expand.js
+++ b/src/foundation/icons/p-icons/ic_arrows-expand-vertical.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_code-expand': {
+  'ic_arrows-expand-vertical': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_undo.js b/src/foundation/icons/p-icons/ic_arrows-uturn-left.js
similarity index 91%
rename from src/foundation/icons/p-icons/ic_undo.js
rename to src/foundation/icons/p-icons/ic_arrows-uturn-left.js
index caf77dcb5..530c3527a 100644
--- a/src/foundation/icons/p-icons/ic_undo.js
+++ b/src/foundation/icons/p-icons/ic_arrows-uturn-left.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_undo': {
+  'ic_arrows-uturn-left': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_redo.js b/src/foundation/icons/p-icons/ic_arrows-uturn-right.js
similarity index 91%
rename from src/foundation/icons/p-icons/ic_redo.js
rename to src/foundation/icons/p-icons/ic_arrows-uturn-right.js
index 86a90ddbb..574216a9f 100644
--- a/src/foundation/icons/p-icons/ic_redo.js
+++ b/src/foundation/icons/p-icons/ic_arrows-uturn-right.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_redo': {
+  'ic_arrows-uturn-right': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_back-to-top.js b/src/foundation/icons/p-icons/ic_back-to-top.js
deleted file mode 100644
index 62e89ca0f..000000000
--- a/src/foundation/icons/p-icons/ic_back-to-top.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_back-to-top': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M13.459 9.74l-.92.92L8 6.118l-4.54 4.54-.92-.919L8 4.28l5.46 5.46z" _fill="#5F616D"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M7.35 16V5h1.3v11h-1.3z" _fill="#5F616D"/><path pid="2" d="M2 1h12v1.3H2V1z" _fill="#5F616D"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_bookmark--outline.js b/src/foundation/icons/p-icons/ic_bookmark--outline.js
deleted file mode 100644
index d18905a61..000000000
--- a/src/foundation/icons/p-icons/ic_bookmark--outline.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_bookmark--outline': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<path pid="0" d="M18.976 6.699l-5.462-.832L11.073.696a1.175 1.175 0 00-2.146 0L6.486 5.867l-5.462.832c-.98.148-1.372 1.41-.661 2.132l3.951 4.023-.935 5.683c-.168 1.027.868 1.797 1.735 1.317L10 17.17l4.886 2.683c.867.477 1.903-.289 1.735-1.316l-.935-5.683 3.951-4.023c.71-.722.318-1.984-.661-2.132zm-5.215 5.5l.886 5.405L10 15.054l-4.647 2.55.886-5.406-3.76-3.827 5.196-.79L10 2.662l2.325 4.92 5.197.79-3.761 3.827z" _fill="#CED0D6"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_bookmark.js b/src/foundation/icons/p-icons/ic_bookmark.js
deleted file mode 100644
index 502df865d..000000000
--- a/src/foundation/icons/p-icons/ic_bookmark.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_bookmark': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<g clip-path="url(#clip0-659240)"><path pid="0" d="M13.514 5.867l5.462.832c.98.148 1.372 1.41.661 2.132l-3.951 4.023.935 5.683c.168 1.027-.868 1.793-1.735 1.317L10 17.17l-4.886 2.683c-.867.48-1.903-.289-1.735-1.316l.935-5.683L.363 8.831c-.71-.722-.318-1.984.661-2.132l5.462-.832L8.927.696a1.175 1.175 0 012.146 0l2.441 5.171z" _fill="#FFCE02"/></g><defs><clipPath id="clip0-659240"><path pid="1" _fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_bookmark_stroke.js b/src/foundation/icons/p-icons/ic_bookmark_stroke.js
deleted file mode 100644
index b6004b1c2..000000000
--- a/src/foundation/icons/p-icons/ic_bookmark_stroke.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_bookmark_stroke': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<path pid="0" d="M18.976 6.699l-5.462-.832L11.073.696a1.175 1.175 0 00-2.146 0L6.486 5.867l-5.462.832c-.98.148-1.372 1.41-.661 2.132l3.951 4.023-.935 5.683c-.168 1.027.868 1.797 1.735 1.317L10 17.17l4.886 2.683c.867.477 1.903-.289 1.735-1.316l-.935-5.683 3.951-4.023c.71-.722.318-1.984-.661-2.132zm-5.215 5.5l.886 5.405L10 15.054l-4.647 2.55.886-5.406-3.76-3.827 5.196-.79L10 2.662l2.325 4.92 5.197.79-3.761 3.827z" _fill="#CED0D6"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_booting.js b/src/foundation/icons/p-icons/ic_booting.js
deleted file mode 100644
index 79fe72557..000000000
--- a/src/foundation/icons/p-icons/ic_booting.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_booting': {
-    width: 23,
-    height: 24,
-    viewBox: '0 0 23 24',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M10.35 1.65a1.15 1.15 0 012.3 0v2.875a1.15 1.15 0 01-2.3 0V1.65zM1.15 13.148a1.15 1.15 0 110-2.3h2.875a1.15 1.15 0 010 2.3H1.15zM18.974 13.148a1.15 1.15 0 110-2.3h2.875a1.15 1.15 0 110 2.3h-2.875zM10.35 19.476a1.15 1.15 0 112.3 0v2.875a1.15 1.15 0 01-2.3 0v-2.875zM7.11 16.39c.448.449.448 1.177 0 1.626l-2.034 2.033a1.15 1.15 0 01-1.626-1.627l2.033-2.032a1.15 1.15 0 011.626 0zM19.532 20.037a1.15 1.15 0 01-1.626 0l-2.033-2.033a1.15 1.15 0 011.626-1.627l2.033 2.033a1.15 1.15 0 010 1.627zM7.11 7.608a1.15 1.15 0 01-1.627 0L3.45 5.575a1.15 1.15 0 011.626-1.626L7.11 5.982c.45.449.45 1.177 0 1.626z" _fill="#A7A9B2"/><circle pid="1" cx="19.5" cy="3.5" r="3.5" _fill="#60B731"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tree_arrow--opened.js b/src/foundation/icons/p-icons/ic_caret-down-filled-alt.js
similarity index 76%
rename from src/foundation/icons/p-icons/ic_tree_arrow--opened.js
rename to src/foundation/icons/p-icons/ic_caret-down-filled-alt.js
index 9712b8e1c..9132b1568 100644
--- a/src/foundation/icons/p-icons/ic_tree_arrow--opened.js
+++ b/src/foundation/icons/p-icons/ic_caret-down-filled-alt.js
@@ -3,10 +3,10 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_tree_arrow--opened': {
+  'ic_caret-down-filled-alt': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M4.374 5.5a.7.7 0 00-.582 1.088l3.626 5.44a.7.7 0 001.165 0l3.626-5.44a.7.7 0 00-.582-1.088H4.374z" _fill="#222532"/>'
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M4.374 5.5a.7.7 0 00-.582 1.088l3.626 5.44a.7.7 0 001.165 0l3.626-5.44a.7.7 0 00-.582-1.088H4.374z" _fill="#232533"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_table_sort.js b/src/foundation/icons/p-icons/ic_caret-down.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_table_sort.js
rename to src/foundation/icons/p-icons/ic_caret-down.js
index 4ca422224..5ab70f1c0 100644
--- a/src/foundation/icons/p-icons/ic_table_sort.js
+++ b/src/foundation/icons/p-icons/ic_caret-down.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_table_sort': {
+  'ic_caret-down': {
     width: 16,
     height: 16,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_tree_arrow.js b/src/foundation/icons/p-icons/ic_caret-right.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_tree_arrow.js
rename to src/foundation/icons/p-icons/ic_caret-right.js
index 6ccc071e5..02de342fa 100644
--- a/src/foundation/icons/p-icons/ic_tree_arrow.js
+++ b/src/foundation/icons/p-icons/ic_caret-right.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_tree_arrow': {
+  'ic_caret-right': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_caret-up-filled-alt.js b/src/foundation/icons/p-icons/ic_caret-up-filled-alt.js
new file mode 100644
index 000000000..3a06c8b83
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_caret-up-filled-alt.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_caret-up-filled-alt': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 16 16',
+    data: '<path pid="0" d="M11.626 11a.7.7 0 00.583-1.088l-3.626-5.44a.7.7 0 00-1.165 0L3.79 9.912A.7.7 0 004.374 11h7.252z" _fill="#232533"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_table_sort_fromZ.js b/src/foundation/icons/p-icons/ic_caret-up-filled.js
similarity index 92%
rename from src/foundation/icons/p-icons/ic_table_sort_fromZ.js
rename to src/foundation/icons/p-icons/ic_caret-up-filled.js
index 77a15addb..4152adb76 100644
--- a/src/foundation/icons/p-icons/ic_table_sort_fromZ.js
+++ b/src/foundation/icons/p-icons/ic_caret-up-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_table_sort_fromZ': {
+  'ic_caret-up-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_caret-up.js b/src/foundation/icons/p-icons/ic_caret-up.js
new file mode 100644
index 000000000..251f9ab66
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_caret-up.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_caret-up': {
+    width: 24,
+    height: 24,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" clip-rule="evenodd" d="M15 14l-3-4-3 4h6z" _stroke="#232533" stroke-linejoin="round"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_done.js b/src/foundation/icons/p-icons/ic_check-circle.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_done.js
rename to src/foundation/icons/p-icons/ic_check-circle.js
index c3852b21d..8f78be7cd 100644
--- a/src/foundation/icons/p-icons/ic_done.js
+++ b/src/foundation/icons/p-icons/ic_check-circle.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_done': {
+  'ic_check-circle': {
     width: 16,
     height: 17,
     viewBox: '0 0 16 17',
diff --git a/src/foundation/icons/p-icons/ic_checkbox--error.js b/src/foundation/icons/p-icons/ic_checkbox--error.js
deleted file mode 100644
index 4811907f2..000000000
--- a/src/foundation/icons/p-icons/ic_checkbox--error.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_checkbox--error': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M2.833 5.333a2.5 2.5 0 012.5-2.5h9.333a2.5 2.5 0 012.5 2.5v9.334a2.5 2.5 0 01-2.5 2.5H5.333a2.5 2.5 0 01-2.5-2.5V5.333zm2.5-1.5a1.5 1.5 0 00-1.5 1.5v9.334a1.5 1.5 0 001.5 1.5h9.333a1.5 1.5 0 001.5-1.5V5.333a1.5 1.5 0 00-1.5-1.5H5.333z" _fill="#EF3817"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_checkbox--hover.js b/src/foundation/icons/p-icons/ic_checkbox--hover.js
deleted file mode 100644
index 94437e444..000000000
--- a/src/foundation/icons/p-icons/ic_checkbox--hover.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_checkbox--hover': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M2.833 5.333a2.5 2.5 0 012.5-2.5h9.333a2.5 2.5 0 012.5 2.5v9.334a2.5 2.5 0 01-2.5 2.5H5.333a2.5 2.5 0 01-2.5-2.5V5.333zm2.5-1.5a1.5 1.5 0 00-1.5 1.5v9.334a1.5 1.5 0 001.5 1.5h9.333a1.5 1.5 0 001.5-1.5V5.333a1.5 1.5 0 00-1.5-1.5H5.333z" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_checkbox_circle--checked.js b/src/foundation/icons/p-icons/ic_checkbox-circle-selected.js
similarity index 92%
rename from src/foundation/icons/p-icons/ic_checkbox_circle--checked.js
rename to src/foundation/icons/p-icons/ic_checkbox-circle-selected.js
index e56269716..85fc60c75 100644
--- a/src/foundation/icons/p-icons/ic_checkbox_circle--checked.js
+++ b/src/foundation/icons/p-icons/ic_checkbox-circle-selected.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_checkbox_circle--checked': {
+  'ic_checkbox-circle-selected': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_checkbox-disabled-check.js b/src/foundation/icons/p-icons/ic_checkbox-disabled-selected.js
similarity index 92%
rename from src/foundation/icons/p-icons/ic_checkbox-disabled-check.js
rename to src/foundation/icons/p-icons/ic_checkbox-disabled-selected.js
index f34c00d31..2031c8ef9 100644
--- a/src/foundation/icons/p-icons/ic_checkbox-disabled-check.js
+++ b/src/foundation/icons/p-icons/ic_checkbox-disabled-selected.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_checkbox-disabled-check': {
+  'ic_checkbox-disabled-selected': {
     width: 20,
     height: 20,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_checkbox--disabled.js b/src/foundation/icons/p-icons/ic_checkbox-disabled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_checkbox--disabled.js
rename to src/foundation/icons/p-icons/ic_checkbox-disabled.js
index d9ba06ba9..ad7ae9886 100644
--- a/src/foundation/icons/p-icons/ic_checkbox--disabled.js
+++ b/src/foundation/icons/p-icons/ic_checkbox-disabled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_checkbox--disabled': {
+  'ic_checkbox-disabled': {
     width: 20,
     height: 20,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_checkbox_peacock400--checked.js b/src/foundation/icons/p-icons/ic_checkbox-peacock-selected.js
similarity index 92%
rename from src/foundation/icons/p-icons/ic_checkbox_peacock400--checked.js
rename to src/foundation/icons/p-icons/ic_checkbox-peacock-selected.js
index 17c493c89..ccfc20d0e 100644
--- a/src/foundation/icons/p-icons/ic_checkbox_peacock400--checked.js
+++ b/src/foundation/icons/p-icons/ic_checkbox-peacock-selected.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_checkbox_peacock400--checked': {
+  'ic_checkbox-peacock-selected': {
     width: 20,
     height: 20,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_checkbox--checked.js b/src/foundation/icons/p-icons/ic_checkbox-selected.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_checkbox--checked.js
rename to src/foundation/icons/p-icons/ic_checkbox-selected.js
index e3d56280f..92679d179 100644
--- a/src/foundation/icons/p-icons/ic_checkbox--checked.js
+++ b/src/foundation/icons/p-icons/ic_checkbox-selected.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_checkbox--checked': {
+  'ic_checkbox-selected': {
     width: 20,
     height: 20,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_checkbox_peacock40--checked.js b/src/foundation/icons/p-icons/ic_checkbox_peacock40--checked.js
deleted file mode 100644
index c48b131ee..000000000
--- a/src/foundation/icons/p-icons/ic_checkbox_peacock40--checked.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_checkbox_peacock40--checked': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<path pid="0" d="M5.333 2.833a2.5 2.5 0 00-2.5 2.5v9.334a2.5 2.5 0 002.5 2.5h9.333a2.5 2.5 0 002.5-2.5V5.333a2.5 2.5 0 00-2.5-2.5H5.333z" _fill="#4FD1C5"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M8.297 11.066L6.312 9.142 5 10.487l3.34 3.34 7.16-7.16-1.19-1.398-6.013 5.797z" _fill="#fff"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_arrow_bottom.js b/src/foundation/icons/p-icons/ic_chevron-down.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_arrow_bottom.js
rename to src/foundation/icons/p-icons/ic_chevron-down.js
index 72cdd1f37..ee9cfb21b 100644
--- a/src/foundation/icons/p-icons/ic_arrow_bottom.js
+++ b/src/foundation/icons/p-icons/ic_chevron-down.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_bottom': {
+  'ic_chevron-down': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_breadcrumb_arrow.js b/src/foundation/icons/p-icons/ic_chevron-left-thin.js
similarity index 91%
rename from src/foundation/icons/p-icons/ic_breadcrumb_arrow.js
rename to src/foundation/icons/p-icons/ic_chevron-left-thin.js
index b44e24e76..706786744 100644
--- a/src/foundation/icons/p-icons/ic_breadcrumb_arrow.js
+++ b/src/foundation/icons/p-icons/ic_chevron-left-thin.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_breadcrumb_arrow': {
+  'ic_chevron-left-thin': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_arrow_left.js b/src/foundation/icons/p-icons/ic_chevron-left.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_arrow_left.js
rename to src/foundation/icons/p-icons/ic_chevron-left.js
index ff09ef901..ad90d09a4 100644
--- a/src/foundation/icons/p-icons/ic_arrow_left.js
+++ b/src/foundation/icons/p-icons/ic_chevron-left.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_left': {
+  'ic_chevron-left': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git "a/src/foundation/icons/p-icons/btn_ic_tree_hidden\342\200\224folded.js" b/src/foundation/icons/p-icons/ic_chevron-right-circle-filled.js
similarity index 90%
rename from "src/foundation/icons/p-icons/btn_ic_tree_hidden\342\200\224folded.js"
rename to src/foundation/icons/p-icons/ic_chevron-right-circle-filled.js
index db57cf0ca..0bf199157 100644
--- "a/src/foundation/icons/p-icons/btn_ic_tree_hidden\342\200\224folded.js"
+++ b/src/foundation/icons/p-icons/ic_chevron-right-circle-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'btn_ic_tree_hidden—folded': {
+  'ic_chevron-right-circle-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/btn_ic_tree_hidden.js b/src/foundation/icons/p-icons/ic_chevron-right-circle.js
similarity index 94%
rename from src/foundation/icons/p-icons/btn_ic_tree_hidden.js
rename to src/foundation/icons/p-icons/ic_chevron-right-circle.js
index cf683bfd3..f08301a28 100644
--- a/src/foundation/icons/p-icons/btn_ic_tree_hidden.js
+++ b/src/foundation/icons/p-icons/ic_chevron-right-circle.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'btn_ic_tree_hidden': {
+  'ic_chevron-right-circle': {
     width: 16,
     height: 16,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_arrow_right.js b/src/foundation/icons/p-icons/ic_chevron-right.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_arrow_right.js
rename to src/foundation/icons/p-icons/ic_chevron-right.js
index 39f0aec62..90d339896 100644
--- a/src/foundation/icons/p-icons/ic_arrow_right.js
+++ b/src/foundation/icons/p-icons/ic_chevron-right.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_right': {
+  'ic_chevron-right': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_arrow_bottom_sm.js b/src/foundation/icons/p-icons/ic_chevron-small-down.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_arrow_bottom_sm.js
rename to src/foundation/icons/p-icons/ic_chevron-small-down.js
index feb991063..e6370f0db 100644
--- a/src/foundation/icons/p-icons/ic_arrow_bottom_sm.js
+++ b/src/foundation/icons/p-icons/ic_chevron-small-down.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_bottom_sm': {
+  'ic_chevron-small-down': {
     width: 8,
     height: 8,
     viewBox: '0 0 8 8',
diff --git a/src/foundation/icons/p-icons/ic_arrow_left_sm.js b/src/foundation/icons/p-icons/ic_chevron-small-left.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_arrow_left_sm.js
rename to src/foundation/icons/p-icons/ic_chevron-small-left.js
index 87d8ee89f..9da43df5f 100644
--- a/src/foundation/icons/p-icons/ic_arrow_left_sm.js
+++ b/src/foundation/icons/p-icons/ic_chevron-small-left.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_left_sm': {
+  'ic_chevron-small-left': {
     width: 8,
     height: 8,
     viewBox: '0 0 8 8',
diff --git a/src/foundation/icons/p-icons/ic_arrow_right_sm.js b/src/foundation/icons/p-icons/ic_chevron-small-right.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_arrow_right_sm.js
rename to src/foundation/icons/p-icons/ic_chevron-small-right.js
index a4d2da7af..ecff53edc 100644
--- a/src/foundation/icons/p-icons/ic_arrow_right_sm.js
+++ b/src/foundation/icons/p-icons/ic_chevron-small-right.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_right_sm': {
+  'ic_chevron-small-right': {
     width: 8,
     height: 8,
     viewBox: '0 0 8 8',
diff --git a/src/foundation/icons/p-icons/ic_arrow_top_sm.js b/src/foundation/icons/p-icons/ic_chevron-small-up.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_arrow_top_sm.js
rename to src/foundation/icons/p-icons/ic_chevron-small-up.js
index 4de95d1b3..b068332db 100644
--- a/src/foundation/icons/p-icons/ic_arrow_top_sm.js
+++ b/src/foundation/icons/p-icons/ic_chevron-small-up.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_top_sm': {
+  'ic_chevron-small-up': {
     width: 8,
     height: 8,
     viewBox: '0 0 8 8',
diff --git a/src/foundation/icons/p-icons/ic_arrow_top.js b/src/foundation/icons/p-icons/ic_chevron-up.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_arrow_top.js
rename to src/foundation/icons/p-icons/ic_chevron-up.js
index 43efe1237..797f2c54c 100644
--- a/src/foundation/icons/p-icons/ic_arrow_top.js
+++ b/src/foundation/icons/p-icons/ic_chevron-up.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_arrow_top': {
+  'ic_chevron-up': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_cli.js b/src/foundation/icons/p-icons/ic_cli.js
deleted file mode 100644
index 5bcacb8c3..000000000
--- a/src/foundation/icons/p-icons/ic_cli.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_cli': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<rect pid="0" opacity=".5" x="2" y="4" width="20" height="16" rx="2" _fill="#222532"/><path pid="1" d="M6.935 15.964a.5.5 0 01-.713 0l-.728-.741a.5.5 0 010-.7l2.169-2.209a.5.5 0 000-.7L5.494 9.404a.5.5 0 010-.7l.728-.742a.5.5 0 01.713 0l3.585 3.65a.5.5 0 010 .701l-3.585 3.65zm11.85-.401a.5.5 0 01-.5.5h-5.492a.5.5 0 01-.5-.5v-.95a.5.5 0 01.5-.5h5.493a.5.5 0 01.5.5v.95z" _fill="#fff"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_clock-history.js b/src/foundation/icons/p-icons/ic_clock-history.js
deleted file mode 100644
index 3f3506b69..000000000
--- a/src/foundation/icons/p-icons/ic_clock-history.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_clock-history': {
-    width: 12,
-    height: 12,
-    viewBox: '0 0 12 12',
-    data: '<g clip-path="url(#clip0-024050)" fill-rule="evenodd" clip-rule="evenodd" _fill="#A7A9B2"><path pid="0" d="M6.386.764A5.25 5.25 0 006 .75V0a6 6 0 01.442.017l-.056.747zm1.503.338A5.253 5.253 0 007.15.877l.165-.732c.287.065.57.15.844.257l-.27.7zm1.028.532a5.26 5.26 0 00-.33-.202l.37-.653c.257.146.502.31.734.49l-.46.593a5.244 5.244 0 00-.314-.227zm1.375 1.343a5.237 5.237 0 00-.49-.597l.543-.518c.203.214.39.443.56.683l-.613.432zm.558 1.014a5.262 5.262 0 00-.16-.351l.67-.338c.132.264.245.536.337.816l-.712.235a5.247 5.247 0 00-.135-.362zm.398 1.88a5.23 5.23 0 00-.075-.769l.739-.127c.05.29.079.583.086.877l-.75.019zm-.098 1.153c.024-.127.044-.254.06-.382l.745.092a5.967 5.967 0 01-.172.867l-.723-.2c.034-.124.064-.25.09-.377zm-.715 1.785c.138-.218.26-.446.365-.681l.685.303c-.12.27-.258.53-.416.779l-.634-.401zm-.723.904c.092-.092.18-.186.263-.284l.569.49a6.08 6.08 0 01-.301.324l-.53-.53z"/><path pid="1" d="M6 .75a5.25 5.25 0 103.712 8.963l.53.53A6.002 6.002 0 116 0v.75z"/><path pid="2" d="M5.064 3.328c.1 0 .195.04.266.11.07.07.077.14.11.265L6 6.533l2.391 1.884a.375.375 0 01-.372.65L5.44 7.076a.375.375 0 01-.138-.137.743.743 0 01-.074-.227l-.538-3.008a.375.375 0 01.375-.375z"/></g><defs><clipPath id="clip0-024050"><path pid="3" _fill="#fff" d="M0 0h12v12H0z"/></clipPath></defs>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_clock.js b/src/foundation/icons/p-icons/ic_clock.js
index 354ee0bfb..961d8a40f 100644
--- a/src/foundation/icons/p-icons/ic_clock.js
+++ b/src/foundation/icons/p-icons/ic_clock.js
@@ -4,9 +4,9 @@
 import icon from 'vue-svgicon'
 icon.register({
   'ic_clock': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M12.734 3.446a1.977 1.977 0 00-2.52-.216 5.5 5.5 0 012.804 2.617 1.959 1.959 0 00-.284-2.401zM5.877 3.305a1.973 1.973 0 00-2.612.14 1.956 1.956 0 00-.13 2.613 5.5 5.5 0 012.742-2.753z" _fill="#222532"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M10.47 4.002a4.888 4.888 0 00-2.901-.57 4.889 4.889 0 00-2.964 8.234l-.803.803a.444.444 0 00.635.622l.848-.848a4.853 4.853 0 005.754-.026l.875.875.006.005a.442.442 0 00.624-.623l-.856-.843A4.888 4.888 0 0010.469 4zm-2.988.337a4.004 4.004 0 111.306 7.9 4.004 4.004 0 01-1.306-7.9z" _fill="#222532"/><path pid="2" d="M10.494 9.089L8.422 8.063V5.38a.308.308 0 00-.616 0V8.46l2.415 1.197a.308.308 0 10.27-.554l.003-.013z" _fill="#222532"/>'
+    width: 12,
+    height: 12,
+    viewBox: '0 0 12 12',
+    data: '<g clip-path="url(#clip0-024050)" fill-rule="evenodd" clip-rule="evenodd" _fill="#A7A9B2"><path pid="0" d="M6.386.764A5.25 5.25 0 006 .75V0a6 6 0 01.442.017l-.056.747zm1.503.338A5.253 5.253 0 007.15.877l.165-.732c.287.065.57.15.844.257l-.27.7zm1.028.532a5.26 5.26 0 00-.33-.202l.37-.653c.257.146.502.31.734.49l-.46.593a5.244 5.244 0 00-.314-.227zm1.375 1.343a5.237 5.237 0 00-.49-.597l.543-.518c.203.214.39.443.56.683l-.613.432zm.558 1.014a5.262 5.262 0 00-.16-.351l.67-.338c.132.264.245.536.337.816l-.712.235a5.247 5.247 0 00-.135-.362zm.398 1.88a5.23 5.23 0 00-.075-.769l.739-.127c.05.29.079.583.086.877l-.75.019zm-.098 1.153c.024-.127.044-.254.06-.382l.745.092a5.967 5.967 0 01-.172.867l-.723-.2c.034-.124.064-.25.09-.377zm-.715 1.785c.138-.218.26-.446.365-.681l.685.303c-.12.27-.258.53-.416.779l-.634-.401zm-.723.904c.092-.092.18-.186.263-.284l.569.49a6.08 6.08 0 01-.301.324l-.53-.53z"/><path pid="1" d="M6 .75a5.25 5.25 0 103.712 8.963l.53.53A6.002 6.002 0 116 0v.75z"/><path pid="2" d="M5.064 3.328c.1 0 .195.04.266.11.07.07.077.14.11.265L6 6.533l2.391 1.884a.375.375 0 01-.372.65L5.44 7.076a.375.375 0 01-.138-.137.743.743 0 01-.074-.227l-.538-3.008a.375.375 0 01.375-.375z"/></g><defs><clipPath id="clip0-024050"><path pid="3" _fill="#fff" d="M0 0h12v12H0z"/></clipPath></defs>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_close.js b/src/foundation/icons/p-icons/ic_close.js
new file mode 100644
index 000000000..888ae74f6
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_close.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_close': {
+    width: 24,
+    height: 24,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M17.5 7.6l-1.1-1.1-4.4 4.4-4.4-4.4-1.1 1.1 4.4 4.4-4.4 4.4 1.1 1.1 4.4-4.4 4.4 4.4 1.1-1.1-4.4-4.4 4.4-4.4z" _fill="#222532"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_code.js b/src/foundation/icons/p-icons/ic_code.js
deleted file mode 100644
index 3827fc9d0..000000000
--- a/src/foundation/icons/p-icons/ic_code.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_code': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M5 4a4 4 0 00-4 4v8a4 4 0 004 4h14a4 4 0 004-4V8a4 4 0 00-4-4H5zm1.856 11.287l-2.661-2.793A.716.716 0 014 12c0-.185.07-.363.195-.494l2.661-2.793A.665.665 0 017.33 8.5a.638.638 0 01.476.205.702.702 0 01.195.5.728.728 0 01-.203.496L5.606 12l2.19 2.3a.701.701 0 01.204.496.728.728 0 01-.195.5.665.665 0 01-.476.204.638.638 0 01-.473-.213zm10.288-6.574a.666.666 0 00-.473-.213.638.638 0 00-.476.205.702.702 0 00-.195.5.728.728 0 00.203.496L18.394 12l-2.19 2.3a.702.702 0 00-.204.496.73.73 0 00.195.5.664.664 0 00.476.204.638.638 0 00.473-.213l2.661-2.793A.716.716 0 0020 12a.716.716 0 00-.195-.494l-2.661-2.793zm-7.118 7.493l2.662-8.73a.607.607 0 01.114-.226.653.653 0 01.198-.166.697.697 0 01.922.247.594.594 0 01.045.486l-2.662 8.73a.625.625 0 01-.239.327.696.696 0 01-.982-.194.59.59 0 01-.058-.474z" _fill="#858895"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_cost_optimization.js b/src/foundation/icons/p-icons/ic_coin-filled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_cost_optimization.js
rename to src/foundation/icons/p-icons/ic_coin-filled.js
index b392879c6..01480b806 100644
--- a/src/foundation/icons/p-icons/ic_cost_optimization.js
+++ b/src/foundation/icons/p-icons/ic_coin-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_cost_optimization': {
+  'ic_coin-filled': {
     width: 14,
     height: 14,
     viewBox: '0 0 14 14',
diff --git a/src/foundation/icons/p-icons/ic_copied.js b/src/foundation/icons/p-icons/ic_copy-filled.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_copied.js
rename to src/foundation/icons/p-icons/ic_copy-filled.js
index 423084ff2..031d92ba6 100644
--- a/src/foundation/icons/p-icons/ic_copied.js
+++ b/src/foundation/icons/p-icons/ic_copy-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_copied': {
+  'ic_copy-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_create-group.js b/src/foundation/icons/p-icons/ic_create-group.js
deleted file mode 100644
index 3267e3cc2..000000000
--- a/src/foundation/icons/p-icons/ic_create-group.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_create-group': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M12 5.8l-1.848-1.978H4.61c-1.016 0-1.838.89-1.838 1.978v1.318h.003a1.53 1.53 0 00-.003.094v11.554c0 .78.59 1.412 1.318 1.412H19.91c.729 0 1.319-.632 1.319-1.412V7.212c0-.78-.59-1.412-1.319-1.412H12zM4.61 18.357V7.728h14.893v10.63H4.61z" _fill="#232533"/><path pid="1" d="M12 9.285a.833.833 0 00-.834.833v2.02h-2.02a.833.833 0 100 1.668h2.02v2.02a.833.833 0 001.667 0v-2.02h2.021a.833.833 0 000-1.667h-2.02v-2.02A.833.833 0 0012 9.284z" _fill="#232533"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_dashboard-customize.js b/src/foundation/icons/p-icons/ic_dashboard-customize.js
new file mode 100644
index 000000000..ed6849e9d
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_dashboard-customize.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_dashboard-customize': {
+    width: 25,
+    height: 24,
+    viewBox: '0 0 25 24',
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M2.333 2v7h7V2h-7zm-1-2a1 1 0 00-1 1v9a1 1 0 001 1h9a1 1 0 001-1V1a1 1 0 00-1-1h-9zM2.333 15v7h7v-7h-7zm-1-2a1 1 0 00-1 1v9a1 1 0 001 1h9a1 1 0 001-1v-9a1 1 0 00-1-1h-9zM15.333 2v7h7V2h-7zm-1-2a1 1 0 00-1 1v9a1 1 0 001 1h9a1 1 0 001-1V1a1 1 0 00-1-1h-9z" _fill="#232533"/><path pid="1" d="M17.833 14a1 1 0 112 0v9a1 1 0 11-2 0v-9z" _fill="#232533"/><path pid="2" d="M23.333 17.5a1 1 0 110 2h-9a1 1 0 110-2h9z" _fill="#232533"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_decrease.js b/src/foundation/icons/p-icons/ic_decrease.js
deleted file mode 100644
index fc8d8d24b..000000000
--- a/src/foundation/icons/p-icons/ic_decrease.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_decrease': {
-    width: 12,
-    height: 12,
-    viewBox: '0 0 12 12',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M2.553 3.776A.5.5 0 013 3.5h6a.5.5 0 01.4.8l-3 4a.5.5 0 01-.8 0l-3-4a.5.5 0 01-.047-.524z" _fill="#EF3817"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_delete--bold.js b/src/foundation/icons/p-icons/ic_delete--bold.js
deleted file mode 100644
index a37feb41a..000000000
--- a/src/foundation/icons/p-icons/ic_delete--bold.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_delete--bold': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M27 7.2L24.8 5 16 13.8 7.2 5 5 7.2l8.8 8.8L5 24.8 7.2 27l8.8-8.8 8.8 8.8 2.2-2.2-8.8-8.8L27 7.2z" _fill="#898995"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_delete.js b/src/foundation/icons/p-icons/ic_delete.js
index 864520d68..c60a1b745 100644
--- a/src/foundation/icons/p-icons/ic_delete.js
+++ b/src/foundation/icons/p-icons/ic_delete.js
@@ -7,6 +7,6 @@ icon.register({
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M17.5 7.6l-1.1-1.1-4.4 4.4-4.4-4.4-1.1 1.1 4.4 4.4-4.4 4.4 1.1 1.1 4.4-4.4 4.4 4.4 1.1-1.1-4.4-4.4 4.4-4.4z" _fill="#222532"/>'
+    data: '<path pid="0" d="M13.375 17h.75a.375.375 0 00.375-.375v-6.75a.375.375 0 00-.375-.375h-.75a.375.375 0 00-.375.375v6.75a.375.375 0 00.375.375zM18.5 6.5h-2.575l-1.063-1.772A1.5 1.5 0 0013.575 4h-3.15a1.5 1.5 0 00-1.287.728L8.075 6.5H5.5A.5.5 0 005 7v.5a.5.5 0 00.5.5H6v10.5A1.5 1.5 0 007.5 20h9a1.5 1.5 0 001.5-1.5V8h.5a.5.5 0 00.5-.5V7a.5.5 0 00-.5-.5zm-8.13-.91a.188.188 0 01.161-.09h2.938a.187.187 0 01.16.09l.546.91h-4.35l.545-.91zM16.5 18.5h-9V8h9v10.5zM9.875 17h.75a.375.375 0 00.375-.375v-6.75a.375.375 0 00-.375-.375h-.75a.375.375 0 00-.375.375v6.75a.375.375 0 00.375.375z" _fill="#222532"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_tree_project.js b/src/foundation/icons/p-icons/ic_document-filled.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_tree_project.js
rename to src/foundation/icons/p-icons/ic_document-filled.js
index 8c84accd5..e86334e9f 100644
--- a/src/foundation/icons/p-icons/ic_tree_project.js
+++ b/src/foundation/icons/p-icons/ic_document-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_tree_project': {
+  'ic_document-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_divider-dot.js b/src/foundation/icons/p-icons/ic_dot.js
similarity index 91%
rename from src/foundation/icons/p-icons/ic_divider-dot.js
rename to src/foundation/icons/p-icons/ic_dot.js
index cd2aa7aea..004f3cb78 100644
--- a/src/foundation/icons/p-icons/ic_divider-dot.js
+++ b/src/foundation/icons/p-icons/ic_dot.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_divider-dot': {
+  'ic_dot': {
     width: 2,
     height: 2,
     viewBox: '0 0 2 2',
diff --git a/src/foundation/icons/p-icons/ic_tree_all-projects.js b/src/foundation/icons/p-icons/ic_dots-4-square.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_tree_all-projects.js
rename to src/foundation/icons/p-icons/ic_dots-4-square.js
index 7320bc10c..918db36c7 100644
--- a/src/foundation/icons/p-icons/ic_tree_all-projects.js
+++ b/src/foundation/icons/p-icons/ic_dots-4-square.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_tree_all-projects': {
+  'ic_dots-4-square': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/btn_height-modifier.js b/src/foundation/icons/p-icons/ic_double-line-drag-handle.js
similarity index 89%
rename from src/foundation/icons/p-icons/btn_height-modifier.js
rename to src/foundation/icons/p-icons/ic_double-line-drag-handle.js
index b176dff31..a28a19b32 100644
--- a/src/foundation/icons/p-icons/btn_height-modifier.js
+++ b/src/foundation/icons/p-icons/ic_double-line-drag-handle.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'btn_height-modifier': {
+  'ic_double-line-drag-handle': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_down.js b/src/foundation/icons/p-icons/ic_down.js
deleted file mode 100644
index 072c3ccc2..000000000
--- a/src/foundation/icons/p-icons/ic_down.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_down': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M11 15.312l-2.468-2.486a.905.905 0 00-1.27 0 .9.9 0 00-.194.98c.045.109.11.208.194.291l4.107 4.14a.891.891 0 00.973.195.891.891 0 00.29-.196l4.107-4.139a.901.901 0 00-.631-1.534.888.888 0 00-.631.263L13 15.322V6.375a1 1 0 10-2 0v8.937z" _fill="#474952"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_drag-handle--slim.js b/src/foundation/icons/p-icons/ic_drag-handle--slim.js
deleted file mode 100644
index cb04f5322..000000000
--- a/src/foundation/icons/p-icons/ic_drag-handle--slim.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_drag-handle--slim': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M20.333 2.667a2.667 2.667 0 110 5.333 2.667 2.667 0 010-5.333zm0 10.666a2.667 2.667 0 110 5.334 2.667 2.667 0 010-5.334zM11.667 24a2.667 2.667 0 110 5.333 2.667 2.667 0 010-5.333zm8.666 0a2.667 2.667 0 110 5.334 2.667 2.667 0 010-5.334zM11.667 2.667a2.667 2.667 0 110 5.333 2.667 2.667 0 010-5.333zm0 10.666a2.667 2.667 0 110 5.334 2.667 2.667 0 010-5.334z" _fill="#C2C2C6"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_drag-handle-alt.js b/src/foundation/icons/p-icons/ic_drag-handle-alt.js
new file mode 100644
index 000000000..22d341232
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_drag-handle-alt.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_drag-handle-alt': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 16 16',
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M1.74 6.594a.5.5 0 01.5-.5h11.521a.5.5 0 010 1H2.242a.5.5 0 01-.5-.5zM1.74 9.313a.5.5 0 01.5-.5h11.52a.5.5 0 010 1H2.24a.5.5 0 01-.5-.5zM7.653.687a.5.5 0 01.679-.001l2.724 2.508a.5.5 0 01-.677.736L7.994 1.734 5.623 3.93a.5.5 0 01-.68-.734L7.654.687zM8.302 15.345a.5.5 0 01-.679.001L4.9 12.838a.5.5 0 01.677-.736l2.385 2.196 2.371-2.195a.5.5 0 01.68.734l-2.71 2.508z" _fill="#CED0D6"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_drag-handle.js b/src/foundation/icons/p-icons/ic_drag-handle.js
index f85e2f68d..42bc5d592 100644
--- a/src/foundation/icons/p-icons/ic_drag-handle.js
+++ b/src/foundation/icons/p-icons/ic_drag-handle.js
@@ -4,9 +4,9 @@
 import icon from 'vue-svgicon'
 icon.register({
   'ic_drag-handle': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M1.74 6.594a.5.5 0 01.5-.5h11.521a.5.5 0 010 1H2.242a.5.5 0 01-.5-.5zM1.74 9.313a.5.5 0 01.5-.5h11.52a.5.5 0 010 1H2.24a.5.5 0 01-.5-.5zM7.653.687a.5.5 0 01.679-.001l2.724 2.508a.5.5 0 01-.677.736L7.994 1.734 5.623 3.93a.5.5 0 01-.68-.734L7.654.687zM8.302 15.345a.5.5 0 01-.679.001L4.9 12.838a.5.5 0 01.677-.736l2.385 2.196 2.371-2.195a.5.5 0 01.68.734l-2.71 2.508z" _fill="#CED0D6"/>'
+    width: 32,
+    height: 32,
+    viewBox: '0 0 32 32',
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M20.333 2.667a2.667 2.667 0 110 5.333 2.667 2.667 0 010-5.333zm0 10.666a2.667 2.667 0 110 5.334 2.667 2.667 0 010-5.334zM11.667 24a2.667 2.667 0 110 5.333 2.667 2.667 0 010-5.333zm8.666 0a2.667 2.667 0 110 5.334 2.667 2.667 0 010-5.334zM11.667 2.667a2.667 2.667 0 110 5.333 2.667 2.667 0 010-5.333zm0 10.666a2.667 2.667 0 110 5.334 2.667 2.667 0 010-5.334z" _fill="#C2C2C6"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_more.js b/src/foundation/icons/p-icons/ic_ellipsis-horizontal.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_more.js
rename to src/foundation/icons/p-icons/ic_ellipsis-horizontal.js
index 53baa6cd5..05253e1ee 100644
--- a/src/foundation/icons/p-icons/ic_more.js
+++ b/src/foundation/icons/p-icons/ic_ellipsis-horizontal.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_more': {
+  'ic_ellipsis-horizontal': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_footer_email.js b/src/foundation/icons/p-icons/ic_envelope-filled.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_footer_email.js
rename to src/foundation/icons/p-icons/ic_envelope-filled.js
index 1e0c78a71..964431814 100644
--- a/src/foundation/icons/p-icons/ic_footer_email.js
+++ b/src/foundation/icons/p-icons/ic_envelope-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_footer_email': {
+  'ic_envelope-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_alert.js b/src/foundation/icons/p-icons/ic_error-filled.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_alert.js
rename to src/foundation/icons/p-icons/ic_error-filled.js
index 7fd179afa..daa3f4571 100644
--- a/src/foundation/icons/p-icons/ic_alert.js
+++ b/src/foundation/icons/p-icons/ic_error-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_alert': {
+  'ic_error-filled': {
     width: 14,
     height: 14,
     viewBox: '0 0 14 14',
diff --git a/src/foundation/icons/p-icons/ic_view.js b/src/foundation/icons/p-icons/ic_eye.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_view.js
rename to src/foundation/icons/p-icons/ic_eye.js
index 68fe5bd74..82be4d1c4 100644
--- a/src/foundation/icons/p-icons/ic_view.js
+++ b/src/foundation/icons/p-icons/ic_eye.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_view': {
+  'ic_eye': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/sad-face.js b/src/foundation/icons/p-icons/ic_face-frown.js
similarity index 97%
rename from src/foundation/icons/p-icons/sad-face.js
rename to src/foundation/icons/p-icons/ic_face-frown.js
index dc4c9186f..4a4a7e48d 100644
--- a/src/foundation/icons/p-icons/sad-face.js
+++ b/src/foundation/icons/p-icons/ic_face-frown.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'sad-face': {
+  'ic_face-frown': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/smile-face.js b/src/foundation/icons/p-icons/ic_face-smile.js
similarity index 96%
rename from src/foundation/icons/p-icons/smile-face.js
rename to src/foundation/icons/p-icons/ic_face-smile.js
index ac0506d1b..087c4bffb 100644
--- a/src/foundation/icons/p-icons/smile-face.js
+++ b/src/foundation/icons/p-icons/ic_face-smile.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'smile-face': {
+  'ic_face-smile': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_favorite--added.js b/src/foundation/icons/p-icons/ic_favorite-filled.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_favorite--added.js
rename to src/foundation/icons/p-icons/ic_favorite-filled.js
index 59753ae12..c4d61bb43 100644
--- a/src/foundation/icons/p-icons/ic_favorite--added.js
+++ b/src/foundation/icons/p-icons/ic_favorite-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_favorite--added': {
+  'ic_favorite-filled': {
     width: 20,
     height: 20,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_favorite.js b/src/foundation/icons/p-icons/ic_favorite.js
deleted file mode 100644
index 8ac6ccd53..000000000
--- a/src/foundation/icons/p-icons/ic_favorite.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_favorite': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<path pid="0" d="M18.976 6.699l-5.462-.832L11.073.696a1.175 1.175 0 00-2.146 0L6.486 5.867l-5.462.832c-.98.148-1.372 1.41-.661 2.132l3.951 4.023-.935 5.683c-.168 1.027.868 1.797 1.735 1.317L10 17.17l4.886 2.683c.867.477 1.903-.289 1.735-1.316l-.935-5.683 3.951-4.023c.71-.722.318-1.984-.661-2.132zm-5.215 5.5l.886 5.405L10 15.054l-4.647 2.55.886-5.406-3.76-3.827 5.196-.79L10 2.662l2.325 4.92 5.197.79-3.761 3.827z" _fill="#CED0D6"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tree_project-group.js b/src/foundation/icons/p-icons/ic_folder-filled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_tree_project-group.js
rename to src/foundation/icons/p-icons/ic_folder-filled.js
index dad9a4240..c5652be8f 100644
--- a/src/foundation/icons/p-icons/ic_tree_project-group.js
+++ b/src/foundation/icons/p-icons/ic_folder-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_tree_project-group': {
+  'ic_folder-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_folder-plus.js b/src/foundation/icons/p-icons/ic_folder-plus.js
new file mode 100644
index 000000000..4df113fa2
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_folder-plus.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_folder-plus': {
+    width: 19,
+    height: 18,
+    viewBox: '0 0 19 18',
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M9.333 2.8L7.486.822H1.943C.926.822.104 1.712.104 2.8v1.318h.003a1.535 1.535 0 00-.003.094v11.554c0 .78.59 1.412 1.319 1.412h15.82c.729 0 1.32-.632 1.32-1.412V4.212c0-.78-.591-1.412-1.32-1.412h-7.91zm-7.39 12.557V4.728h14.894v10.63H1.943z" _fill="#232533"/><path pid="1" d="M9.333 6.285a.833.833 0 00-.833.833v2.02H6.479a.833.833 0 100 1.668h2.02v2.02a.833.833 0 001.668 0v-2.02h2.02a.833.833 0 100-1.667h-2.02v-2.02a.833.833 0 00-.834-.834z" _fill="#232533"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_in-progress.js b/src/foundation/icons/p-icons/ic_gear-filled.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_in-progress.js
rename to src/foundation/icons/p-icons/ic_gear-filled.js
index 73dbad0c8..178ca2519 100644
--- a/src/foundation/icons/p-icons/ic_in-progress.js
+++ b/src/foundation/icons/p-icons/ic_gear-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_in-progress': {
+  'ic_gear-filled': {
     width: 14,
     height: 14,
     viewBox: '0 0 14 14',
diff --git a/src/foundation/icons/p-icons/ic_public.js b/src/foundation/icons/p-icons/ic_globe-filled.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_public.js
rename to src/foundation/icons/p-icons/ic_globe-filled.js
index 093aa78b2..81996ccf6 100644
--- a/src/foundation/icons/p-icons/ic_public.js
+++ b/src/foundation/icons/p-icons/ic_globe-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_public': {
+  'ic_globe-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_bell_noti.js b/src/foundation/icons/p-icons/ic_gnb_bell-unread.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_bell_noti.js
rename to src/foundation/icons/p-icons/ic_gnb_bell-unread.js
index d41f29431..6a354ced0 100644
--- a/src/foundation/icons/p-icons/ic_bell_noti.js
+++ b/src/foundation/icons/p-icons/ic_gnb_bell-unread.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_bell_noti': {
+  'ic_gnb_bell-unread': {
     width: 34,
     height: 34,
     viewBox: '0 0 34 34',
diff --git a/src/foundation/icons/p-icons/ic_bell.js b/src/foundation/icons/p-icons/ic_gnb_bell.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_bell.js
rename to src/foundation/icons/p-icons/ic_gnb_bell.js
index ab3670673..ee562224a 100644
--- a/src/foundation/icons/p-icons/ic_bell.js
+++ b/src/foundation/icons/p-icons/ic_gnb_bell.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_bell': {
+  'ic_gnb_bell': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_gnb_language.js b/src/foundation/icons/p-icons/ic_gnb_language.js
deleted file mode 100644
index eb0adbf77..000000000
--- a/src/foundation/icons/p-icons/ic_gnb_language.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_gnb_language': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M2 0h28c1.1 0 2 .9 2 2v28c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0z" _fill="none"/><path pid="1" d="M8.3 8.3c2-2.2 4.8-3.4 7.7-3.3 2.9-.1 5.7 1.1 7.7 3.3 2.2 2 3.4 4.8 3.3 7.7.1 2.9-1.1 5.7-3.3 7.7-2 2.2-4.8 3.4-7.7 3.3-2.9.1-5.7-1.1-7.7-3.3C6.2 21.7 5 18.9 5 16c-.1-2.9 1.1-5.7 3.3-7.7zm9.2 16.5c.7 0 1.7-.5 2.8-1.6.8-1.2 1.2-2.5 1.3-3.8 0-.8-.3-1.6-.9-2.2-.7-.8-1.6-1.2-2.5-1.2h-1.8c-.6 0-1.1-.2-1.6-.4-.4-.3-.6-.8-.6-1.3 0-.3.1-.6.4-.7.2-.2.5-.3.7-.4.4 0 .7.2.9.6.4.2.6.4.7.4.3 0 .5 0 .7-.2.1-.2.2-.5.2-.7-.1-.7-.4-1.4-.9-1.8.6-1.1.9-2.3.9-3.5 0-.2-.2-.4-.4-.4-.5-.2-1-.3-1.5-.4-1.7 0-3.3.5-4.8 1.5-.9.9-1.6 2.2-1.5 3.6 0 1.3.5 2.6 1.5 3.5.9.9 2.2 1.5 3.5 1.5v.7c0 .7.2 1.4.7 1.8.4.6 1 1 1.6 1.1v3.3c0 .2 0 .2.2.4s.2.2.4.2z" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_gnb_profile.js b/src/foundation/icons/p-icons/ic_gnb_profile.js
deleted file mode 100644
index d494eadf0..000000000
--- a/src/foundation/icons/p-icons/ic_gnb_profile.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_gnb_profile': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M2 0h28c1.1 0 2 .9 2 2v28c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0z" _fill="none"/><path pid="1" d="M6 27c.1-4.6 3.9-8.3 8.6-8.3h2.9c4.6-.1 8.5 3.6 8.6 8.3H6zm4.3-15.1v-1.4C10.4 7.4 12.9 5 16 5s5.6 2.4 5.7 5.5v1.4c-.1 3.1-2.6 5.5-5.7 5.5s-5.6-2.4-5.7-5.5z" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_recent_and_favorite.js b/src/foundation/icons/p-icons/ic_gnb_recent-favorite.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_recent_and_favorite.js
rename to src/foundation/icons/p-icons/ic_gnb_recent-favorite.js
index b28ecf2fe..8e68dc0f6 100644
--- a/src/foundation/icons/p-icons/ic_recent_and_favorite.js
+++ b/src/foundation/icons/p-icons/ic_gnb_recent-favorite.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_recent_and_favorite': {
+  'ic_gnb_recent-favorite': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_search--bold.js b/src/foundation/icons/p-icons/ic_gnb_search.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_search--bold.js
rename to src/foundation/icons/p-icons/ic_gnb_search.js
index c6759ba0e..e83ae18d6 100644
--- a/src/foundation/icons/p-icons/ic_search--bold.js
+++ b/src/foundation/icons/p-icons/ic_gnb_search.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_search--bold': {
+  'ic_gnb_search': {
     width: 33,
     height: 32,
     viewBox: '0 0 33 32',
diff --git a/src/foundation/icons/p-icons/ic_gnb_service_2.js b/src/foundation/icons/p-icons/ic_gnb_service_2.js
deleted file mode 100644
index 705a15af7..000000000
--- a/src/foundation/icons/p-icons/ic_gnb_service_2.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_gnb_service_2': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M8 12h4V8H8v4zm6 12h4v-4h-4v4zm-6 0h4v-4H8v4zm0-6h4v-4H8v4zm6 0h4v-4h-4v4zm6-10v4h4V8h-4zm-6 4h4V8h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z" _fill="#A7A9B2"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_gnb_services.js b/src/foundation/icons/p-icons/ic_gnb_services.js
deleted file mode 100644
index aca7bb16b..000000000
--- a/src/foundation/icons/p-icons/ic_gnb_services.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_gnb_services': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M2 0h28c1.1 0 2 .9 2 2v28c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0z" _fill="none"/><path pid="1" d="M6 11h5V6H6v5zm7.5 15h5v-5h-5v5zM6 26h5v-5H6v5zm0-7.5h5v-5H6v5zm7.5 0h5v-5h-5v5zM21 6v5h5V6h-5zm-7.5 5h5V6h-5v5zm7.5 7.5h5v-5h-5v5zm0 7.5h5v-5h-5v5z" fill-rule="evenodd" clip-rule="evenodd" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_go-to-top.js b/src/foundation/icons/p-icons/ic_go-to-top.js
deleted file mode 100644
index 0f46b167a..000000000
--- a/src/foundation/icons/p-icons/ic_go-to-top.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_go-to-top': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M13.459 9.74l-.92.92L8 6.12l-4.54 4.54-.92-.92L8 4.28l5.46 5.46z" _fill="#5F616D"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M7.35 16V5h1.3v11h-1.3z" _fill="#5F616D"/><path pid="2" d="M2 1h12v1.3H2V1z" _fill="#5F616D"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_home.js b/src/foundation/icons/p-icons/ic_home-filled.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_home.js
rename to src/foundation/icons/p-icons/ic_home-filled.js
index f783c9040..dc4a5b4ed 100644
--- a/src/foundation/icons/p-icons/ic_home.js
+++ b/src/foundation/icons/p-icons/ic_home-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_home': {
+  'ic_home-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_increase.js b/src/foundation/icons/p-icons/ic_increase.js
deleted file mode 100644
index 7bf8ff4ed..000000000
--- a/src/foundation/icons/p-icons/ic_increase.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_increase': {
-    width: 12,
-    height: 12,
-    viewBox: '0 0 12 12',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M9.447 8.224A.5.5 0 019 8.5H3a.5.5 0 01-.4-.8l3-4a.5.5 0 01.8 0l3 4a.5.5 0 01.047.524z" _fill="#6B6E7B"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_outlined-info.js b/src/foundation/icons/p-icons/ic_info-circle.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_outlined-info.js
rename to src/foundation/icons/p-icons/ic_info-circle.js
index 8db0af217..7ee3a2b2b 100644
--- a/src/foundation/icons/p-icons/ic_outlined-info.js
+++ b/src/foundation/icons/p-icons/ic_info-circle.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_outlined-info': {
+  'ic_info-circle': {
     width: 14,
     height: 14,
     viewBox: '0 0 14 14',
diff --git a/src/foundation/icons/p-icons/ic_service_limits.js b/src/foundation/icons/p-icons/ic_limit-filled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_service_limits.js
rename to src/foundation/icons/p-icons/ic_limit-filled.js
index 16492771d..3e593d0c9 100644
--- a/src/foundation/icons/p-icons/ic_service_limits.js
+++ b/src/foundation/icons/p-icons/ic_limit-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_service_limits': {
+  'ic_limit-filled': {
     width: 14,
     height: 14,
     viewBox: '0 0 14 14',
diff --git a/src/foundation/icons/p-icons/ic_list-bulleted.js b/src/foundation/icons/p-icons/ic_list-bulleted-2.js
similarity index 92%
rename from src/foundation/icons/p-icons/ic_list-bulleted.js
rename to src/foundation/icons/p-icons/ic_list-bulleted-2.js
index 02801aaa9..7919235bf 100644
--- a/src/foundation/icons/p-icons/ic_list-bulleted.js
+++ b/src/foundation/icons/p-icons/ic_list-bulleted-2.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_list-bulleted': {
+  'ic_list-bulleted-2': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_list.js b/src/foundation/icons/p-icons/ic_list-bulleted-3.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_list.js
rename to src/foundation/icons/p-icons/ic_list-bulleted-3.js
index bed387481..9c8a282cc 100644
--- a/src/foundation/icons/p-icons/ic_list.js
+++ b/src/foundation/icons/p-icons/ic_list-bulleted-3.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_list': {
+  'ic_list-bulleted-3': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_card-list.js b/src/foundation/icons/p-icons/ic_list-card.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_card-list.js
rename to src/foundation/icons/p-icons/ic_list-card.js
index feaca7e78..5b9f6bdc4 100644
--- a/src/foundation/icons/p-icons/ic_card-list.js
+++ b/src/foundation/icons/p-icons/ic_list-card.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_card-list': {
+  'ic_list-card': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_list_decrease.js b/src/foundation/icons/p-icons/ic_list_decrease.js
deleted file mode 100644
index db5b0e7d4..000000000
--- a/src/foundation/icons/p-icons/ic_list_decrease.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_list_decrease': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 12 12',
-    data: '<path pid="0" _fill="#ef3817" d="M9.3 5L6.9 7.7V1H5.1v6.7L2.7 5 1.3 6.2 6 11.3l4.7-5.1z"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_list_duplication.js b/src/foundation/icons/p-icons/ic_list_duplication.js
deleted file mode 100644
index e31c79835..000000000
--- a/src/foundation/icons/p-icons/ic_list_duplication.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_list_duplication': {
-    width: 12,
-    height: 12,
-    viewBox: '0 0 12 12',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M10.374 10.875c.672 0 1.094-.762.758-1.37L6.758 1.581a.857.857 0 00-1.516 0L.868 9.504c-.336.608.085 1.371.758 1.371h8.748zM5.16 8.715c0-.485.375-.878.839-.878.463 0 .84.393.84.877s-.377.877-.84.877c-.464 0-.84-.393-.84-.877zm.177-1.437l-.135-2.592a.225.225 0 01.219-.241h1.156c.126 0 .226.11.219.24L6.66 7.279a.223.223 0 01-.218.216h-.886a.223.223 0 01-.219-.216z" _fill="#FFCE02"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_list_increase.js b/src/foundation/icons/p-icons/ic_list_increase.js
deleted file mode 100644
index eabe718e2..000000000
--- a/src/foundation/icons/p-icons/ic_list_increase.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_list_increase': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 12 12',
-    data: '<path pid="0" _fill="#60b731" d="M10.7 5.8L6 .7 1.3 5.8 2.7 7l2.4-2.7V11h1.8V4.3L9.3 7z"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_loading-spinner.js b/src/foundation/icons/p-icons/ic_loading-spinner.js
deleted file mode 100644
index bdbe92a89..000000000
--- a/src/foundation/icons/p-icons/ic_loading-spinner.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_loading-spinner': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<g stroke-width="9%"><circle pid="0" cx="16" cy="16" r="14" _stroke="#A7A9B2" stroke-opacity=".3"/><circle pid="1" cx="16" cy="16" r="14" _stroke="#898995" stroke-linecap="round" stroke-dasharray="32 200"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_security.js b/src/foundation/icons/p-icons/ic_lock-filled.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_security.js
rename to src/foundation/icons/p-icons/ic_lock-filled.js
index 04e739b1c..6f202fc60 100644
--- a/src/foundation/icons/p-icons/ic_security.js
+++ b/src/foundation/icons/p-icons/ic_lock-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_security': {
+  'ic_lock-filled': {
     width: 12,
     height: 14,
     viewBox: '0 0 12 14',
diff --git a/src/foundation/icons/p-icons/ic_notification.js b/src/foundation/icons/p-icons/ic_megaphone-filled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_notification.js
rename to src/foundation/icons/p-icons/ic_megaphone-filled.js
index a5b9c31cb..c04e77da4 100644
--- a/src/foundation/icons/p-icons/ic_notification.js
+++ b/src/foundation/icons/p-icons/ic_megaphone-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_notification': {
+  'ic_megaphone-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_budget.js b/src/foundation/icons/p-icons/ic_money-bag.js
similarity index 99%
rename from src/foundation/icons/p-icons/ic_budget.js
rename to src/foundation/icons/p-icons/ic_money-bag.js
index a29088102..b42929168 100644
--- a/src/foundation/icons/p-icons/ic_budget.js
+++ b/src/foundation/icons/p-icons/ic_money-bag.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_budget': {
+  'ic_money-bag': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_no-image.js b/src/foundation/icons/p-icons/ic_no-image.js
new file mode 100644
index 000000000..37b20846b
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_no-image.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_no-image': {
+    width: 29,
+    height: 28,
+    viewBox: '0 0 29 28',
+    data: '<path pid="0" d="M28.333 1.414L26.92 0 .333 26.586 1.747 28l2-2h20.586a2.003 2.003 0 002-2V3.414l2-2zm-4 22.586H5.747l7.793-7.793 2.38 2.379a2 2 0 002.827 0L20.333 17l4 3.997V24zm0-5.832l-2.586-2.586a2 2 0 00-2.828 0l-1.586 1.586-2.377-2.377 9.377-9.377v12.754zM4.333 20v-3l5-4.997 1.373 1.374 1.416-1.416-1.375-1.375a2 2 0 00-2.828 0l-3.586 3.586V4h16V2h-16a2.002 2.002 0 00-2 2v16h2z" _fill="#232533"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_no_project-group.js b/src/foundation/icons/p-icons/ic_no_project-group.js
deleted file mode 100644
index c13e880b6..000000000
--- a/src/foundation/icons/p-icons/ic_no_project-group.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_no_project-group': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 224 208',
-    data: '<path pid="0" d="M0 0h224v208H0V0z" _fill="none"/><path pid="1" d="M0 0h4v2H0V0zm8 0h4v2H8V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm8 0h4v2h-4V0zm6 0h2v4h-2V0zm0 8h2v4h-2V8zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm0 8h2v4h-2v-4zm-2 6h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2h-4v-2zm-8 0h4v2H4v-2zm-4-2h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0v-4zm0-8h2v4H0V4z" _fill="#ebeaf6"/><g _fill="#ebeaf6"><path pid="2" d="M109.5 44.9l-3.4.4c-25.6 3-44.9 24-44.9 48.8v3h48.3V44.9zm-6 46.2H67.3c1.4-19.3 16.3-35.5 36.2-39.3v39.3zM118.9 45.3l-3.4-.4v52.2h48.3v-3c.1-24.8-19.2-45.8-44.9-48.8zM61.2 133.7c0 13.2 5.4 26.5 14.8 36.5 9.8 10.5 22.7 16.3 36.2 16.3 27.5 0 51.7-24.7 51.7-52.8v-31.1H61.2v31.1zm6-25.1h90.7v25.1c0 24.9-21.4 46.8-45.7 46.8-24 0-45-21.9-45-46.8v-25.1z"/></g><path pid="3" _fill="#ebeaf6" d="M132.5 23.5h6v18h-6zM168.5 74.5h18v6h-18z"/><g><path pid="4" _fill="#ebeaf6" d="M155.502 51.267l13.006-12.006 4.07 4.409-13.006 12.006z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_no_selected_proj.js b/src/foundation/icons/p-icons/ic_no_selected_proj.js
deleted file mode 100644
index a4d46695d..000000000
--- a/src/foundation/icons/p-icons/ic_no_selected_proj.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_no_selected_proj': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 224 208',
-    data: '<path pid="0" _fill="none" d="M0 0h224v208H0z"/><path pid="1" d="M187.2 176.5H37.8c-11.2 0-20.2-9.1-20.2-20.2V52.8c0-11.2 9.1-20.2 20.2-20.2h58.7l23 23h67.8c11.2 0 20.2 9.1 20.2 20.2v80.5c0 11.1-9.1 20.2-20.3 20.2zM37.8 38.5c-7.9 0-14.2 6.4-14.2 14.2v103.5c0 7.9 6.4 14.2 14.2 14.2h149.5c7.9 0 14.2-6.4 14.2-14.2V75.8c0-7.9-6.4-14.2-14.2-14.2H117l-23-23H37.8z" _fill="#ebeaf6"/><path pid="2" d="M132.5 120.3h-14.9l7.9 19.1c.5 1.3 0 2.8-1.3 3.4l-6.9 3c-1.3.5-2.7-.1-3.3-1.3l-7.5-18.2-12.2 12.5c-1 1-2.5 1-3.5 0-.5-.5-.8-1.1-.7-1.8V76.6c0-1.4 1.1-2.5 2.4-2.5.7 0 1.3.3 1.8.7l40 41.1c1 1 1 2.6 0 3.6-.5.5-1.2.8-1.8.8z" _fill="#ebeaf6"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_notifications_member.js b/src/foundation/icons/p-icons/ic_notifications_member.js
deleted file mode 100644
index 6cf4e6da5..000000000
--- a/src/foundation/icons/p-icons/ic_notifications_member.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_notifications_member': {
-    width: 44,
-    height: 36,
-    viewBox: '0 0 44 36',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M10.502 8.181l-.008.008a4.407 4.407 0 00-1.307 3.114c0 1.19.463 2.303 1.3 3.12l.011.013.012.012a4.379 4.379 0 003.108 1.293 4.363 4.363 0 003.122-1.293l.008-.008a4.425 4.425 0 001.3-3.136c0-1.192-.458-2.308-1.276-3.099l-.017-.016-.015-.016a4.363 4.363 0 00-3.122-1.294 4.355 4.355 0 00-3.108 1.294l-.008.008zM9.158 6.84a6.255 6.255 0 014.46-1.86c1.688 0 3.292.662 4.474 1.86 1.21 1.169 1.857 2.788 1.857 4.464a6.325 6.325 0 01-1.857 4.48 6.263 6.263 0 01-4.474 1.859 6.279 6.279 0 01-4.46-1.86 6.233 6.233 0 01-1.871-4.479c0-1.662.675-3.281 1.871-4.464zm-7.2 22.154l-.004-.003-.005-.008a.18.18 0 01-.026-.055.736.736 0 01-.023-.21c0-.654.379-2.409 1.994-4.031 1.577-1.554 4.464-3.114 9.709-3.114 5.241 0 8.147 1.558 9.741 3.116 1.612 1.62 1.992 3.388 1.992 4.03a.9.9 0 01-.03.255.14.14 0 01-.032.028l-.052.024-.052.027a.392.392 0 01-.07.026c-.036.01-.077.02-.14.033l-.015.002a3.732 3.732 0 00-.082.007H2.373a3.699 3.699 0 00-.082-.008h-.008a2.208 2.208 0 01-.149-.036c-.046-.014-.066-.023-.069-.024l-.035-.019-.036-.017a.15.15 0 01-.036-.022zm11.645-9.32c-5.653 0-9.054 1.696-11.049 3.666C.574 25.324 0 27.566 0 28.718c0 .575.151 1 .378 1.333a2 2 0 00.801.682c.275.145.563.206.773.251l.028.006c.046.007.09.01.13.014.05.004.093.008.127.016h22.762c.034-.008.077-.012.128-.016.039-.004.082-.007.129-.014.227-.045.514-.106.8-.257.303-.137.59-.364.817-.682.227-.334.363-.758.363-1.333 0-1.137-.575-3.394-2.555-5.38-.242-.237-.505-.47-.79-.697 1.608-.636 3.715-1.068 6.476-1.068 5.242 0 8.147 1.558 9.741 3.116 1.612 1.62 1.992 3.388 1.992 4.029a.9.9 0 01-.03.255.14.14 0 01-.031.029l-.053.023-.051.027a.396.396 0 01-.07.026c-.037.01-.078.02-.14.033l-.015.002a3.619 3.619 0 00-.083.008H27.211a2.09 2.09 0 01-.338.93 2.038 2.038 0 01-.816.682 2.858 2.858 0 01-.801.257c-.047.007-.09.01-.13.014-.05.004-.093.008-.127.016h16.764c.034-.008.078-.011.128-.016.04-.003.083-.007.13-.014.226-.045.513-.106.8-.257.302-.137.59-.364.816-.682.227-.333.363-.757.363-1.333 0-1.137-.574-3.394-2.554-5.379-2.01-1.97-5.426-3.666-11.079-3.666-3.658 0-6.373.71-8.374 1.746-2.01-1.036-4.732-1.747-8.39-1.747zM27.748 8.188l.008-.008.008-.008A4.354 4.354 0 0130.87 6.88c1.188 0 2.302.464 3.122 1.294l.016.016.016.016c.818.79 1.277 1.907 1.277 3.098a4.425 4.425 0 01-1.301 3.137l-.008.008a4.363 4.363 0 01-3.122 1.293 4.379 4.379 0 01-3.107-1.293l-.012-.012-.012-.012a4.333 4.333 0 01-1.3-3.12c0-1.152.47-2.287 1.308-3.115zm3.123-3.21a6.254 6.254 0 00-4.46 1.86 6.306 6.306 0 00-1.87 4.464c0 1.69.66 3.296 1.87 4.48a6.279 6.279 0 004.46 1.859 6.263 6.263 0 004.474-1.86 6.326 6.326 0 001.857-4.479c0-1.676-.647-3.295-1.857-4.464a6.263 6.263 0 00-4.474-1.86z" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_send.js b/src/foundation/icons/p-icons/ic_paper-airplane.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_send.js
rename to src/foundation/icons/p-icons/ic_paper-airplane.js
index 49cd6c79e..bc0b60443 100644
--- a/src/foundation/icons/p-icons/ic_send.js
+++ b/src/foundation/icons/p-icons/ic_paper-airplane.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_send': {
+  'ic_paper-airplane': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_performance.js b/src/foundation/icons/p-icons/ic_performance-filled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_performance.js
rename to src/foundation/icons/p-icons/ic_performance-filled.js
index 0afe59a19..203af847d 100644
--- a/src/foundation/icons/p-icons/ic_performance.js
+++ b/src/foundation/icons/p-icons/ic_performance-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_performance': {
+  'ic_performance-filled': {
     width: 14,
     height: 13,
     viewBox: '0 0 14 13',
diff --git a/src/foundation/icons/p-icons/ic_pin.js b/src/foundation/icons/p-icons/ic_pin-filled.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_pin.js
rename to src/foundation/icons/p-icons/ic_pin-filled.js
index 5af4536a0..75609da02 100644
--- a/src/foundation/icons/p-icons/ic_pin.js
+++ b/src/foundation/icons/p-icons/ic_pin-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_pin': {
+  'ic_pin-filled': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/ic_state_disconnected.js b/src/foundation/icons/p-icons/ic_plug-filled.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_state_disconnected.js
rename to src/foundation/icons/p-icons/ic_plug-filled.js
index ba9de4b5f..fff5b5c68 100644
--- a/src/foundation/icons/p-icons/ic_state_disconnected.js
+++ b/src/foundation/icons/p-icons/ic_plug-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_state_disconnected': {
+  'ic_plug-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_plus_square-outlined.js b/src/foundation/icons/p-icons/ic_plus_square-outlined.js
deleted file mode 100644
index b122c3e1e..000000000
--- a/src/foundation/icons/p-icons/ic_plus_square-outlined.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_plus_square-outlined': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M12 1.5H4A2.5 2.5 0 001.5 4v8A2.5 2.5 0 004 14.5h8a2.5 2.5 0 002.5-2.5V4A2.5 2.5 0 0012 1.5zM4 0a4 4 0 00-4 4v8a4 4 0 004 4h8a4 4 0 004-4V4a4 4 0 00-4-4H4z" _fill="#232533"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M8 3c.394 0 .714.32.714.714v3.572h3.572a.714.714 0 110 1.428H8.714v3.572a.714.714 0 11-1.428 0V8.714H3.714a.714.714 0 010-1.428h3.572V3.714C7.286 3.32 7.606 3 8 3z" _fill="#232533"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_plus_square.js b/src/foundation/icons/p-icons/ic_plus_square.js
index fde4bd214..94c4747f9 100644
--- a/src/foundation/icons/p-icons/ic_plus_square.js
+++ b/src/foundation/icons/p-icons/ic_plus_square.js
@@ -7,6 +7,6 @@ icon.register({
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M0 2C0 .9.9 0 2 0h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2z" _fill="#202433"/><path pid="1" d="M8.4 3.2h-1v4.1H3.2v1h4.1v4.1h1v-4h4.1v-1h-4V3.2z" fill-rule="evenodd" clip-rule="evenodd" _fill="#fff"/>'
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M12 1.5H4A2.5 2.5 0 001.5 4v8A2.5 2.5 0 004 14.5h8a2.5 2.5 0 002.5-2.5V4A2.5 2.5 0 0012 1.5zM4 0a4 4 0 00-4 4v8a4 4 0 004 4h8a4 4 0 004-4V4a4 4 0 00-4-4H4z" _fill="#232533"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M8 3c.394 0 .714.32.714.714v3.572h3.572a.714.714 0 110 1.428H8.714v3.572a.714.714 0 11-1.428 0V8.714H3.714a.714.714 0 010-1.428h3.572V3.714C7.286 3.32 7.606 3 8 3z" _fill="#232533"/>'
   }
 })
diff --git a/src/foundation/icons/p-icons/ic_power-off.js b/src/foundation/icons/p-icons/ic_power-off.js
deleted file mode 100644
index c075492bc..000000000
--- a/src/foundation/icons/p-icons/ic_power-off.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_power-off': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M12 14a.666.666 0 01-.667-.667V2.667a.666.666 0 111.333 0v10.666A.667.667 0 0112 14z" _fill="#A7A9B2"/><path pid="1" d="M20 9h-.206a8.667 8.667 0 11-12.14-3.734.667.667 0 00-.667-1.153 10 10 0 1014.207 4.733c-.39.1-.791.15-1.194.154z" _fill="#A7A9B2"/><path pid="2" d="M20 7.333a3.333 3.333 0 100-6.667 3.333 3.333 0 000 6.667z" _fill="#EF3817"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_power-on.js b/src/foundation/icons/p-icons/ic_power-on.js
deleted file mode 100644
index 6848c4044..000000000
--- a/src/foundation/icons/p-icons/ic_power-on.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_power-on': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M11.7 14a.69.69 0 01-.495-.211.734.734 0 01-.205-.511V1.722c0-.191.074-.375.205-.51A.69.69 0 0111.7 1a.69.69 0 01.495.212c.131.135.205.319.205.51v11.556a.734.734 0 01-.205.51.69.69 0 01-.495.212z" _fill="#60B731"/><path pid="1" d="M19.906 8.299h-.217a9.392 9.392 0 01.83 5.222 9.328 9.328 0 01-2.12 4.832 9.086 9.086 0 01-4.377 2.86c-1.7.501-3.509.485-5.202-.044a9.092 9.092 0 01-4.328-2.936 9.334 9.334 0 01-2.04-4.867c-.199-1.79.12-3.6.917-5.207a9.191 9.191 0 013.573-3.846.722.722 0 00.23-.957.69.69 0 00-.93-.274A10.604 10.604 0 002.15 7.463a10.832 10.832 0 00-1.096 5.94 10.775 10.775 0 002.25 5.594 10.501 10.501 0 004.877 3.455c1.919.65 3.981.722 5.94.21a10.468 10.468 0 005.1-3.104 10.748 10.748 0 002.626-5.421 10.842 10.842 0 00-.688-6.003c-.41.106-.83.16-1.253.164zM19.5 7a3.5 3.5 0 100-7 3.5 3.5 0 000 7z" _fill="#60B731"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_private.js b/src/foundation/icons/p-icons/ic_private.js
deleted file mode 100644
index efe726e7f..000000000
--- a/src/foundation/icons/p-icons/ic_private.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_private': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M12.942 6.647H11.91V4.424A3.92 3.92 0 007.999.5a3.915 3.915 0 00-3.913 3.924v2.223H3.058a.731.731 0 00-.728.732v7.392c0 .402.326.729.728.729h9.884a.729.729 0 00.728-.73V7.38a.731.731 0 00-.728-.733zM8.439 11.73v1.012a.44.44 0 11-.881 0V11.73a1.28 1.28 0 11.881 0zm2.297-5.082H5.261V4.424a2.742 2.742 0 012.737-2.747 2.742 2.742 0 012.738 2.747v2.223z" _fill="#A7A9B2"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_provider_aws.js b/src/foundation/icons/p-icons/ic_provider_aws.js
deleted file mode 100644
index 7765c7222..000000000
--- a/src/foundation/icons/p-icons/ic_provider_aws.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_provider_aws': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M9 13.3c0 .4 0 .7.1.9.1.2.2.5.3.8.1.1.1.2.1.2 0 .1-.1.2-.2.3l-.7.4c-.1.1-.2.1-.3.1-.1 0-.2-.1-.3-.1-.1-.2-.3-.3-.4-.5l-.3-.6c-.8 1-1.9 1.5-3.1 1.5-.9 0-1.6-.3-2.1-.8s-.8-1.2-.8-2c0-.9.3-1.6 1-2.2.6-.6 1.5-.8 2.6-.8.4 0 .7 0 1.1.1.4.1.8.1 1.2.2V10c0-.8-.2-1.4-.5-1.7-.3-.3-.9-.4-1.7-.4-.4 0-.8 0-1.1.1-.4.1-.8.2-1.2.4-.2.1-.3.1-.4.1h-.2c-.1 0-.1-.1-.1-.3v-.5-.4c.1-.1.1-.1.3-.2.4-.2.8-.4 1.3-.5.5-.1 1.1-.2 1.7-.2 1.3 0 2.2.3 2.8.9.6.6.9 1.4.9 2.6v3.4zM4.7 15c.4 0 .7-.1 1.1-.2.4-.1.7-.4 1-.7.2-.2.3-.4.4-.7.1-.3.1-.6.1-.9V12c-.3-.1-.6-.1-1-.2-.3 0-.7-.1-1-.1-.7 0-1.2.1-1.6.4-.4.3-.5.7-.5 1.2s.1.9.4 1.1c.2.4.6.6 1.1.6zm8.5 1.1c-.2 0-.3 0-.4-.1-.1-.1-.2-.2-.2-.4l-2.5-8.2c0-.2-.1-.4-.1-.5 0-.2.1-.3.3-.3h1c.2 0 .3 0 .4.1.1.1.1.2.2.4l1.8 7 1.7-7c.1-.2.1-.4.2-.4.1-.1.2-.1.4-.1h.9c.2 0 .3 0 .4.1.1.1.2.2.2.4l1.7 7.1 1.8-7c.1-.2.1-.4.2-.4.1-.1.2-.1.4-.1h1c.2 0 .3.1.3.3v.2c0 .1 0 .1-.1.3l-2.6 8.2c0 .1-.1.3-.2.3-.1.1-.2.1-.4.1h-.9c-.2 0-.3 0-.4-.1-.1-.1-.2-.2-.2-.4l-1.6-6.9-1.6 6.9c-.1.2-.1.4-.2.4-.1.1-.2.1-.4.1h-1.1zm13.7.3c-.6 0-1.1-.1-1.6-.2s-.9-.3-1.2-.4c-.2-.1-.3-.2-.3-.3 0-.1-.1-.2-.1-.3v-.5c0-.2.1-.3.2-.3h.2c.1 0 .2.1.3.1.4.2.8.3 1.2.4.4.1.8.1 1.3.1.7 0 1.2-.1 1.6-.4.4-.2.6-.6.6-1 0-.3-.1-.5-.3-.7-.2-.2-.6-.4-1.1-.6l-1.7-.5c-.8-.2-1.4-.6-1.7-1.1-.4-.5-.5-1-.5-1.5 0-.4.1-.8.3-1.2.2-.3.4-.6.8-.9.3-.2.7-.4 1.1-.6.4-.1.9-.2 1.3-.2h.7c.2 0 .5.1.7.1.2.1.4.1.6.2.2.1.3.1.4.2.2.2.3.3.3.4.1.1.1.2.1.4V8c0 .2-.1.3-.2.3s-.2 0-.4-.1c-.6-.3-1.3-.4-2-.4-.6 0-1.1.1-1.4.3-.3.2-.5.5-.5.9 0 .3.1.6.3.8.2.2.6.4 1.2.6l1.5.5c.8.2 1.3.6 1.6 1 .3.4.5.9.5 1.5 0 .5-.1.9-.3 1.2-.2.4-.4.7-.8.9-.3.3-.7.5-1.2.6-.4.2-.9.3-1.5.3z" _fill="#252f3e"/><path pid="1" d="M28.9 21.6c-3.5 2.6-8.6 4-13 4-6.1 0-11.7-2.3-15.8-6-.3-.3 0-.7.4-.5 4.5 2.6 10.1 4.2 15.8 4.2 3.9 0 8.2-.8 12.1-2.5.6-.3 1.1.4.5.8z" fill-rule="evenodd" clip-rule="evenodd" _fill="#f90"/><path pid="2" d="M30.4 19.9c-.4-.6-3-.3-4.1-.1-.3 0-.4-.3-.1-.5 2-1.4 5.3-1 5.7-.5.4.5-.1 3.8-2 5.3-.3.2-.6.1-.4-.2.4-1 1.3-3.4.9-4z" fill-rule="evenodd" clip-rule="evenodd" _fill="#f90"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_provider_azure.js b/src/foundation/icons/p-icons/ic_provider_azure.js
deleted file mode 100644
index 274f8d618..000000000
--- a/src/foundation/icons/p-icons/ic_provider_azure.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_provider_azure': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<g clip-path="url(#clip0-885254)"><path pid="0" d="M14.804 27.078c4.111-.727 7.507-1.328 7.546-1.336l.07-.015-3.88-4.62a655.87 655.87 0 01-3.882-4.642c0-.023 4.008-11.067 4.03-11.107.008-.013 2.735 4.7 6.612 11.423l6.65 11.533.05.089-12.335-.002L7.329 28.4l7.475-1.322zM0 25.67c0-.006 1.829-3.183 4.064-7.06l4.065-7.048 4.736-3.977c2.605-2.188 4.743-3.98 4.752-3.984a.833.833 0 01-.076.192l-5.143 11.039-5.052 10.84-3.673.006C1.653 25.678 0 25.675 0 25.669z" _fill="#0089D6"/></g><defs><clipPath id="clip0-885254"><path pid="1" _fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_provider_gcp.js b/src/foundation/icons/p-icons/ic_provider_gcp.js
deleted file mode 100644
index e93858100..000000000
--- a/src/foundation/icons/p-icons/ic_provider_gcp.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_provider_gcp': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M20.6 7.4h-9.3L5.9 16l5.4 8.5h9.3L26 16l-5.4-8.6zM16 19.8c-2.2 0-3.9-1.7-3.9-3.9S13.8 12 16 12s3.9 1.7 3.9 3.9-1.8 3.9-3.9 3.9z" _fill="#cfd8dc"/><path pid="1" d="M24.3 2.9c-.3-.5-1-.9-1.7-.9H9.3c-.7 0-1.3.4-1.7.9l-4.5 7.4L6.7 16l4.9-7.8h16l-3.3-5.3zm-14.5 3c-.5 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8c-.1.5-.4.8-.8.8zm12.4 0c-.5 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8c-.1.5-.4.8-.8.8z" _fill="#2196f3"/><path pid="2" d="M11.5 23.7L3.1 10.4.3 15c-.4.6-.4 1.5 0 2.1l7.3 12c.4.6 1 .9 1.7.9h7.1l4-6.2h-8.9zm-8-7c-.5 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8-.3.8-.8.8zm6.3 10.9c-.5 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8c-.1.5-.4.8-.8.8z" _fill="#ffc107"/><path pid="3" d="M3.1 10.4L6.7 16l1.9-2.9L3.9 9l-.8 1.4z" _fill="#1976d2"/><path pid="4" d="M16.4 29.9l4-6.2h-3.7l-1.8 6.2h1.5z" _fill="#f9a825"/><path pid="5" d="M31.6 15l-4.1-6.8h-7.1l4.9 7.8-8.8 14h6.2c.7 0 1.3-.4 1.7-.9l7.4-12c.3-.7.3-1.5-.2-2.1zm-9.4 12.6c-.5 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8c-.1.5-.4.8-.8.8zm6.2-10.9c-.5 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8-.4.8-.8.8z" _fill="#dd2c00"/><path pid="6" d="M27.5 8.2h-7.1l1.9 3 6.1-1.5-.9-1.5z" _fill="#bf360c"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_provider_megazone.js b/src/foundation/icons/p-icons/ic_provider_megazone.js
deleted file mode 100644
index 31d673707..000000000
--- a/src/foundation/icons/p-icons/ic_provider_megazone.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_provider_megazone': {
-    width: 32,
-    height: 32,
-    viewBox: '0 0 32 32',
-    data: '<g clip-path="url(#clip0-436347)" _fill="#000"><path pid="0" d="M16.472 19.947s1.927-2.796 1.695-6.897c-.23-4.1-1.592-5.299-1.977-5.938 0 0-2.338 2.77-2.03 7.909 0 0-1.695.213-3.108.825 0 0-1.464-7.855 5.138-13.846 0 0 4.34 3.089 5.24 10.411 0 0 .642 5.406-2.749 10.119.026 0-1.85-1.705-2.209-2.583z"/><path pid="1" d="M17.448 15.5s-.334 2.423-1.053 3.355c0 0-7.27-.16-10.48 6.683 0 0 3.802.746 7.629-2.21 0 0 .95 1.545 2.235 2.45 0 0-5.703 5.112-14.102 2.343 0 0 .436-6.47 7.346-10.704 0 0 3.185-2.21 8.425-1.917z"/><path pid="2" d="M21.764 16.592s-.129 1.784-.976 3.302c0 0 3.518 1.171 5.727 5.724 0 0-6.704 1.092-10.968-6.15 0 0-2.26.053-3.185.798 0 0 2.569 6.47 10.044 8.415 0 0 5.368 1.091 8.27-.72 0 0-.847-7.402-8.912-11.37z"/></g><defs><clipPath id="clip0-436347"><path pid="3" _fill="#fff" transform="translate(1.677 2)" d="M0 0h29v27H0z"/></clipPath></defs>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_provider_other.js b/src/foundation/icons/p-icons/ic_provider_other.js
deleted file mode 100644
index aaa1862bc..000000000
--- a/src/foundation/icons/p-icons/ic_provider_other.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_provider_other': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M25.5 14.6c0-.5.2-1 .2-1.7 0-3.8-3.2-6.9-7.1-6.9-2.8 0-5.1 1.5-6.4 3.8-.4-.2-1.1-.3-1.6-.3-2.5 0-4.4 1.9-4.4 4.3 0 .3 0 .7.2.9-3.2.5-5.5 2.9-5.5 6 0 3.3 2.8 6 6.2 6h17.6c3.4 0 6.2-2.8 6.2-6 .1-3.2-2.2-5.8-5.4-6.1z" _fill="#b9dcff"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tooltip.js b/src/foundation/icons/p-icons/ic_question-mark-circle-filled.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_tooltip.js
rename to src/foundation/icons/p-icons/ic_question-mark-circle-filled.js
index 2533a0bfe..11bd3b603 100644
--- a/src/foundation/icons/p-icons/ic_tooltip.js
+++ b/src/foundation/icons/p-icons/ic_question-mark-circle-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_tooltip': {
+  'ic_question-mark-circle-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_help.js b/src/foundation/icons/p-icons/ic_question-mark-circle.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_help.js
rename to src/foundation/icons/p-icons/ic_question-mark-circle.js
index 450345456..8d1958f0e 100644
--- a/src/foundation/icons/p-icons/ic_help.js
+++ b/src/foundation/icons/p-icons/ic_question-mark-circle.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_help': {
+  'ic_question-mark-circle': {
     width: 14,
     height: 14,
     viewBox: '0 0 14 14',
diff --git a/src/foundation/icons/p-icons/ic_radio--hover.js b/src/foundation/icons/p-icons/ic_radio--hover.js
deleted file mode 100644
index b04978185..000000000
--- a/src/foundation/icons/p-icons/ic_radio--hover.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_radio--hover': {
-    width: 20,
-    height: 20,
-    viewBox: '0 0 20 20',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M10 2.583a7.417 7.417 0 100 14.834 7.417 7.417 0 000-14.834zM1.583 10a8.417 8.417 0 1116.834 0 8.417 8.417 0 01-16.834 0z" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_radio--disabled.js b/src/foundation/icons/p-icons/ic_radio-disabled.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_radio--disabled.js
rename to src/foundation/icons/p-icons/ic_radio-disabled.js
index 7e5c1ce78..954a76ea2 100644
--- a/src/foundation/icons/p-icons/ic_radio--disabled.js
+++ b/src/foundation/icons/p-icons/ic_radio-disabled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_radio--disabled': {
+  'ic_radio-disabled': {
     width: 20,
     height: 20,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_radio--checked.js b/src/foundation/icons/p-icons/ic_radio-selected.js
similarity index 94%
rename from src/foundation/icons/p-icons/ic_radio--checked.js
rename to src/foundation/icons/p-icons/ic_radio-selected.js
index 7ed09b1e5..bf004b6ee 100644
--- a/src/foundation/icons/p-icons/ic_radio--checked.js
+++ b/src/foundation/icons/p-icons/ic_radio-selected.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_radio--checked': {
+  'ic_radio-selected': {
     width: 20,
     height: 20,
     viewBox: '0 0 20 20',
diff --git a/src/foundation/icons/p-icons/ic_resource.js b/src/foundation/icons/p-icons/ic_resource.js
deleted file mode 100644
index c3b76b12c..000000000
--- a/src/foundation/icons/p-icons/ic_resource.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_resource': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<linearGradient id="svgicon_ic_resource_a" gradientUnits="userSpaceOnUse" x1="0" y1="32" x2="32" y2="0"><stop offset="0" stop-color="#543ea8"/><stop offset="1" stop-color="#613ab2"/></linearGradient><path pid="0" _fill="url(#svgicon_ic_resource_a)" d="M0 0h32v32H0z"/><g _fill="#fff"><path pid="1" opacity=".2" d="M16.1 10.1l5.2 3.1v6.3l2.3 1.4v-9l-7.5-4.5z"/><path pid="2" opacity=".8" d="M8.5 11.9l7.6-4.5 7.5 4.5 2.5-1.5-10-6-10 6z"/><path pid="3" opacity=".5" d="M10.8 19.5v-6.2l5.3-3.2V7.4l-7.6 4.5v9z"/><path pid="4" opacity=".2" d="M16.1 25.4l-7.6-4.5v-9l-2.4-1.5v12l10 6z"/><path pid="5" opacity=".8" d="M21.3 19.5l-5.2 3.2-5.3-3.2-2.3 1.4 7.6 4.5 7.5-4.5z"/><path pid="6" opacity=".5" d="M23.6 11.9v9l-7.5 4.5v3l10-6v-12z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_collector_tags.js b/src/foundation/icons/p-icons/ic_resource_hexagon.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_collector_tags.js
rename to src/foundation/icons/p-icons/ic_resource_hexagon.js
index 19d633905..926ff7b24 100644
--- a/src/foundation/icons/p-icons/ic_collector_tags.js
+++ b/src/foundation/icons/p-icons/ic_resource_hexagon.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_collector_tags': {
+  'ic_resource_hexagon': {
     width: 16,
     height: 16,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_secret.js b/src/foundation/icons/p-icons/ic_secret.js
deleted file mode 100644
index 81aec7965..000000000
--- a/src/foundation/icons/p-icons/ic_secret.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_secret': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M2 0h20c1.1 0 2 .9 2 2v20c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0z" _fill="none"/><g _fill="#222532"><path pid="1" d="M7 7h7.9v2H7zM7 15h3.3v2H7z"/><path pid="2" d="M18.9 11.6V6c0-1.7-1.3-3-3-3h-10c-1.7 0-3 1.3-3 3v12c0 1.7 1.3 3 3 3h7.4c.9.6 2 1 3.2 1 3 0 5.5-2.5 5.5-5.5 0-2.2-1.3-4-3.1-4.9zM11.3 19H5.9c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h10c.6 0 1 .4 1 1v5h-.4c-1.1 0-2.1.3-2.9.9V11H7v2h5.3c-.8 1-1.3 2.2-1.3 3.5 0 .9.2 1.7.6 2.5h-.3zm4.6.1l-2.7-2.7 1-1.1 1.7 1.6 3.2-3.2 1.1 1-4.3 4.4z"/></g>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_server.js b/src/foundation/icons/p-icons/ic_server.js
deleted file mode 100644
index bf3d8b536..000000000
--- a/src/foundation/icons/p-icons/ic_server.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_server': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<linearGradient id="svgicon_ic_server_a" gradientUnits="userSpaceOnUse" x1="0" y1="32" x2="32" y2="0"><stop offset="0" stop-color="#4c29bf"/><stop offset="1" stop-color="#4c51bf"/></linearGradient><path pid="0" _fill="url(#svgicon_ic_server_a)" d="M0 0h32v32H0z"/><path pid="1" d="M23.8 21l-6.5 3.9c-.6.4-1.4.4-2 0L8.6 21c-.4-.2-.4-.7 0-.9l6.5-3.9c.7-.4 1.6-.4 2.3 0l6.5 3.8c.3.3.3.8-.1 1z" opacity=".18" _fill="none" _stroke="#000" stroke-width=".3" stroke-miterlimit="10"/><path pid="2" d="M25.2 25.5l-7.7 4.6c-.7.4-1.6.4-2.3 0l-8-4.6c-.4-.2-.4-.8 0-1.1l7.7-4.6c.8-.5 1.9-.5 2.7 0l7.8 4.6c.2.2.2.8-.2 1.1z" opacity=".18"/><path pid="3" d="M25.7 21.3l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.8c-.4-.3-.5-.9 0-1.2l8.1-4.8c.9-.5 1.9-.5 2.8 0l8.2 4.8c.4.2.4.8 0 1.1z" opacity=".35" _fill="#fff"/><path pid="4" d="M16.1 15.3c.4 0 .8.1 1.2.3l8.2 4.8c.1.1.1.2.1.2s0 .2-.1.2l-8.1 4.9c-.3.2-.7.3-1 .3-.4 0-.7-.1-1-.3L6.8 21c-.1-.1-.1-.2-.1-.2s0-.2.1-.2l8.1-4.8c.4-.4.8-.5 1.2-.5m0-.4c-.5 0-1 .1-1.4.4l-8.1 4.8c-.4.3-.4.9 0 1.2l8.5 4.8c.4.2.8.3 1.2.3.4 0 .9-.1 1.3-.3l8.1-4.9c.4-.3.4-.9 0-1.2l-8.2-4.8c-.4-.2-.9-.3-1.4-.3z" _fill="#fff" opacity=".4"/><path pid="5" d="M25.7 16.6l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.8c-.4-.3-.5-.9 0-1.2l8.1-4.8c.9-.5 1.9-.5 2.8 0l8.2 4.8c.4.2.4.9 0 1.1z" opacity=".35" _fill="#fff"/><path pid="6" d="M16.1 10.7c.4 0 .8.1 1.2.3l8.2 4.8c.1.1.1.2.1.2s0 .2-.1.2l-8.1 4.9c-.3.2-.7.3-1 .3-.4 0-.7-.1-1-.3l-8.5-4.8c-.1-.1-.1-.2-.1-.2s0-.2.1-.2l8.1-4.8c.3-.3.7-.4 1.1-.4m0-.4c-.5 0-1 .1-1.4.4l-8.1 4.8c-.4.3-.4.9 0 1.2l8.5 4.8c.4.2.8.3 1.2.3.4 0 .9-.1 1.3-.3l8.1-4.9c.4-.3.4-.9 0-1.2l-8.2-4.8c-.4-.2-.9-.3-1.4-.3z" _fill="#fff" opacity=".6"/><path pid="7" d="M25.7 11.8l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.8c-.4-.3-.5-.9 0-1.2l8.1-4.8c.9-.5 1.9-.5 2.8 0l8.2 4.8c.4.2.4.9 0 1.1z" opacity=".6" _fill="#fff"/><linearGradient id="svgicon_ic_server_b" gradientUnits="userSpaceOnUse" x1="16.149" y1="11.207" x2="16.149" y2="26.413"><stop offset="0" stop-color="#fff"/><stop offset=".728" stop-color="#fff" stop-opacity="0"/></linearGradient><path pid="8" d="M6.3 20.5c0 .3.2.6.4.7l8.4 4.8c.8.4 1.7.4 2.5 0l8-4.8c.2-.1.4-.4.4-.7v-9.4s0 .3-.1.4c-.1.1-.3.2-.3.2l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.9s-.2-.1-.2-.3c-.1-.2-.1-.3-.1-.3l.1 9.4z" opacity=".4" _fill="url(#svgicon_ic_server_b)"/><linearGradient id="svgicon_ic_server_c" gradientUnits="userSpaceOnUse" x1="21.092" y1="11.207" x2="21.092" y2="26.413"><stop offset="0" stop-color="#fff"/><stop offset=".927" stop-color="#fff" stop-opacity="0"/></linearGradient><path pid="9" d="M26 11.2c0 .1-.1.3-.1.4-.1.1-.3.2-.3.2l-8.1 4.9c-.4.3-.9.4-1.4.3v9.4c.5 0 1-.1 1.4-.3l8-4.8c.2-.1.4-.4.4-.7l.1-9.4z" opacity=".7" _fill="url(#svgicon_ic_server_c)"/><path pid="10" d="M16.1 5.9c.4 0 .8.1 1.2.3l8.2 4.8c.1.1.1.2.1.2s0 .2-.1.2l-8.1 4.9c-.3.2-.7.3-1 .3-.4 0-.7-.1-1-.3l-8.5-4.8c-.1-.1-.1-.2-.1-.2s0-.2.1-.2L15 6.3c.3-.3.7-.4 1.1-.4m0-.4c-.5 0-1 .1-1.4.4l-8.1 4.8c-.4.3-.4.9 0 1.2l8.5 4.8c.4.2.8.3 1.2.3.4 0 .9-.1 1.3-.3l8.1-4.9c.4-.3.4-.9 0-1.2l-8.2-4.8c-.4-.2-.9-.3-1.4-.3z" _fill="#fff"/><ellipse pid="11" cx="22.1" cy="11.2" rx="1.2" ry=".8" opacity=".88" _fill="#fff"/><ellipse pid="12" cx="22.1" cy="16.1" rx="1.2" ry=".8" opacity=".4" _fill="#fff"/><ellipse pid="13" cx="22.1" cy="20.8" rx="1.2" ry=".8" opacity=".2" _fill="#fff"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_management.js b/src/foundation/icons/p-icons/ic_service_administration.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_management.js
rename to src/foundation/icons/p-icons/ic_service_administration.js
index e8ab60f9b..b7dda7d82 100644
--- a/src/foundation/icons/p-icons/ic_management.js
+++ b/src/foundation/icons/p-icons/ic_service_administration.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_management': {
+  'ic_service_administration': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_monitoring.js b/src/foundation/icons/p-icons/ic_service_alert-manager.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_monitoring.js
rename to src/foundation/icons/p-icons/ic_service_alert-manager.js
index f782f58ac..e801bd577 100644
--- a/src/foundation/icons/p-icons/ic_monitoring.js
+++ b/src/foundation/icons/p-icons/ic_service_alert-manager.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_monitoring': {
+  'ic_service_alert-manager': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_inventory.js b/src/foundation/icons/p-icons/ic_service_asset-inventory.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_inventory.js
rename to src/foundation/icons/p-icons/ic_service_asset-inventory.js
index 79697d412..12df78311 100644
--- a/src/foundation/icons/p-icons/ic_inventory.js
+++ b/src/foundation/icons/p-icons/ic_service_asset-inventory.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_inventory': {
+  'ic_service_asset-inventory': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_automation.js b/src/foundation/icons/p-icons/ic_service_automation.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_automation.js
rename to src/foundation/icons/p-icons/ic_service_automation.js
index 000f1fdb0..629866c78 100644
--- a/src/foundation/icons/p-icons/ic_automation.js
+++ b/src/foundation/icons/p-icons/ic_service_automation.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_automation': {
+  'ic_service_automation': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_service_compute-engine.js b/src/foundation/icons/p-icons/ic_service_compute-engine.js
deleted file mode 100644
index 97f20fb52..000000000
--- a/src/foundation/icons/p-icons/ic_service_compute-engine.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_service_compute-engine': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M31.6 14.5L25 3.1c-.2-.4-.6-.8-1-1.1-.4-.3-.9-.4-1.4-.4H9.4c-.5 0-1 .1-1.4.4-.4.3-.8.6-1 1.1L.4 14.5c-.3.4-.4.9-.4 1.4 0 .5.1 1 .4 1.4L7 28.8c.2.4.6.8 1 1.1.4.3.9.4 1.4.4h13.2c.5 0 1-.2 1.4-.4.4-.3.8-.6 1-1.1l6.6-11.4c.3-.4.4-.9.4-1.4 0-.6-.1-1.1-.4-1.5z" _fill="#4285f4"/><path pid="1" d="M29.7 20.7L18.9 9.9l-.8 1.7-1.7-1.7-.8 1.7L14 9.9l-.4 2-1.5.2-.3 1.3-1.9.5 1.7 1.7-1.7.8 1.7 1.7-1.7.7 11.5 11.5h1.2c.5 0 1-.2 1.4-.4.4-.3.8-.6 1-1.1l4.7-8.1z" opacity=".07"/><path pid="2" d="M17.5 14.2h-2.9c-.1 0-.2 0-.2.1-.1.1-.1.1-.1.2v2.9c0 .1 0 .2.1.2.1.1.1.1.2.1h2.9c.1 0 .2 0 .2-.1.1-.1.1-.1.1-.2v-2.9c0-.1 0-.2-.1-.2s-.2 0-.2-.1" _fill="#fff"/><path pid="3" d="M22 14h.1s.1 0 .1-.1c0 0 0-.1.1-.1v-.5c0-.1 0-.1-.1-.2S22 13 22 13h-1.4v-1.3c0-.1 0-.2-.1-.2-.1-.1-.1-.1-.2-.1H19V10c0-.1 0-.1-.1-.2s-.1-.1-.2-.1h-.4c-.1 0-.1 0-.2.1s-.1.2-.1.2v1.4h-1.5V10v-.1s0-.1-.1-.1c0 0-.1 0-.1-.1h-.5c-.1 0-.1 0-.2.1s-.1.1-.1.2v1.4H14V10c0-.1 0-.1-.1-.2s-.1-.1-.2-.1h-.4-.1s-.1 0-.1.1c0 0 0 .1-.1.1v1.5h-1.3c-.1 0-.2 0-.2.1-.1.1-.1.1-.1.2V13H10c-.1 0-.1 0-.2.1s-.1.1-.1.2v.4c0 .1 0 .1.1.2s.2.1.3.1h1.4v1.5h-1.4c-.1 0-.1 0-.2.1s-.1.1-.1.2v.6s0 .1.1.1c0 0 .1 0 .1.1h1.5v1.5h-1.4c-.1 0-.1 0-.2.1s-.1.1-.1.2v.4c0 .1 0 .1.1.2s.1.1.2.1h1.4v1.3c0 .1 0 .2.1.2.1.1.1.1.2.1h1.3v1.5s0 .1.1.1c0 0 .1 0 .1.1h.6s.1 0 .1-.1c0 0 0-.1.1-.1v-1.5h1.5v1.4c0 .1 0 .1.1.2s.1.1.2.1h.4c.1 0 .1 0 .2-.1s.1-.1.1-.2v-1.4H18v1.4c0 .1 0 .1.1.2s.1.1.2.1h.4c.1 0 .1 0 .2-.1.1-.2.1-.3.1-.4v-1.4h1.3c.1 0 .2 0 .2-.1.1-.1.1-.1.1-.2v-1.3h1.5s.1 0 .1-.1c0 0 0-.1.1-.1v-.5c0-.1 0-.1-.1-.2s-.2-.1-.2-.1h-1.4v-1.5h1.5s.1 0 .1-.1c0 0 0-.1.1-.1v-.5-.1s0-.1-.1-.1c0 0-.1 0-.1-.1s-.1 0-.1 0h-1.4V14H22zm-2.4 5.5h-7.1v-7.1h7.1v7.1z" _fill="#fff"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_analytics.js b/src/foundation/icons/p-icons/ic_service_cost-explorer.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_analytics.js
rename to src/foundation/icons/p-icons/ic_service_cost-explorer.js
index 20fef7366..087290a52 100644
--- a/src/foundation/icons/p-icons/ic_analytics.js
+++ b/src/foundation/icons/p-icons/ic_service_cost-explorer.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_analytics': {
+  'ic_service_cost-explorer': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_dashboard.js b/src/foundation/icons/p-icons/ic_service_dashboard.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_dashboard.js
rename to src/foundation/icons/p-icons/ic_service_dashboard.js
index 544d57044..8bc568fba 100644
--- a/src/foundation/icons/p-icons/ic_dashboard.js
+++ b/src/foundation/icons/p-icons/ic_service_dashboard.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_dashboard': {
+  'ic_service_dashboard': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_home-menu.js b/src/foundation/icons/p-icons/ic_service_home.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_home-menu.js
rename to src/foundation/icons/p-icons/ic_service_home.js
index ea62207d2..a6b8154fb 100644
--- a/src/foundation/icons/p-icons/ic_home-menu.js
+++ b/src/foundation/icons/p-icons/ic_service_home.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_home-menu': {
+  'ic_service_home': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_info-menu.js b/src/foundation/icons/p-icons/ic_service_info.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_info-menu.js
rename to src/foundation/icons/p-icons/ic_service_info.js
index e0fd4bca0..a643bcfa0 100644
--- a/src/foundation/icons/p-icons/ic_info-menu.js
+++ b/src/foundation/icons/p-icons/ic_service_info.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_info-menu': {
+  'ic_service_info': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_identity.js b/src/foundation/icons/p-icons/ic_service_my-page.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_identity.js
rename to src/foundation/icons/p-icons/ic_service_my-page.js
index 012e96beb..a2e0addc1 100644
--- a/src/foundation/icons/p-icons/ic_identity.js
+++ b/src/foundation/icons/p-icons/ic_service_my-page.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_identity': {
+  'ic_service_my-page': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_plugin.js b/src/foundation/icons/p-icons/ic_service_plugin.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_plugin.js
rename to src/foundation/icons/p-icons/ic_service_plugin.js
index 2e7b69f12..b64c188be 100644
--- a/src/foundation/icons/p-icons/ic_plugin.js
+++ b/src/foundation/icons/p-icons/ic_service_plugin.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_plugin': {
+  'ic_service_plugin': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_project.js b/src/foundation/icons/p-icons/ic_service_project.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_project.js
rename to src/foundation/icons/p-icons/ic_service_project.js
index 529ea2226..9f22aab7f 100644
--- a/src/foundation/icons/p-icons/ic_project.js
+++ b/src/foundation/icons/p-icons/ic_service_project.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_project': {
+  'ic_service_project': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_workflow.js b/src/foundation/icons/p-icons/ic_service_workflow.js
similarity index 96%
rename from src/foundation/icons/p-icons/ic_workflow.js
rename to src/foundation/icons/p-icons/ic_service_workflow.js
index 3d8c272c7..ba0467395 100644
--- a/src/foundation/icons/p-icons/ic_workflow.js
+++ b/src/foundation/icons/p-icons/ic_service_workflow.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_workflow': {
+  'ic_service_workflow': {
     width: 24,
     height: 24,
     viewBox: '0 0 24 24',
diff --git a/src/foundation/icons/p-icons/ic_setting.js b/src/foundation/icons/p-icons/ic_settings-filled.js
similarity index 98%
rename from src/foundation/icons/p-icons/ic_setting.js
rename to src/foundation/icons/p-icons/ic_settings-filled.js
index 4a1a66c45..024af2b47 100644
--- a/src/foundation/icons/p-icons/ic_setting.js
+++ b/src/foundation/icons/p-icons/ic_settings-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_setting': {
+  'ic_settings-filled': {
     width: 25,
     height: 24,
     viewBox: '0 0 25 24',
diff --git a/src/foundation/icons/p-icons/ic_settings.js b/src/foundation/icons/p-icons/ic_settings.js
new file mode 100644
index 000000000..25b3767f5
--- /dev/null
+++ b/src/foundation/icons/p-icons/ic_settings.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'ic_settings': {
+    width: 21,
+    height: 22,
+    viewBox: '0 0 21 22',
+    data: '<path pid="0" d="M18.917 11.57v-1.148l1.44-1.26a1.5 1.5 0 00.285-1.912l-1.77-3a1.5 1.5 0 00-1.298-.75 1.5 1.5 0 00-.48.075l-1.822.615a8.519 8.519 0 00-.983-.563l-.382-1.89a1.5 1.5 0 00-1.5-1.207h-3.51a1.5 1.5 0 00-1.5 1.208l-.383 1.89a8.61 8.61 0 00-.99.562L4.24 3.545a1.5 1.5 0 00-.48-.045 1.5 1.5 0 00-1.297.75l-1.77 3a1.5 1.5 0 00.307 1.883l1.418 1.297v1.148l-1.418 1.26a1.5 1.5 0 00-.307 1.912l1.77 3a1.5 1.5 0 001.297.75c.163.001.325-.024.48-.075l1.823-.615c.314.21.643.397.982.563l.383 1.89a1.5 1.5 0 001.5 1.207h3.54a1.5 1.5 0 001.5-1.207l.382-1.89a8.61 8.61 0 00.99-.563l1.815.615c.155.05.317.076.48.075a1.5 1.5 0 001.298-.75l1.71-3a1.5 1.5 0 00-.308-1.883l-1.417-1.297zM17.574 17l-2.572-.87c-.603.51-1.29.909-2.033 1.178L12.437 20h-3.54l-.533-2.663A7.02 7.02 0 016.34 16.16L3.76 17l-1.77-3 2.04-1.8a6.675 6.675 0 010-2.348L1.99 8l1.77-3 2.573.87a6.645 6.645 0 012.032-1.178L8.897 2h3.54l.532 2.662a7.02 7.02 0 012.025 1.178l2.58-.84 1.77 3-2.04 1.8a6.674 6.674 0 010 2.348L19.344 14l-1.77 3z" _fill="#000"/><path pid="1" d="M10.667 15.5a4.5 4.5 0 114.5-4.5 4.456 4.456 0 01-4.5 4.5zm0-7.5a2.933 2.933 0 00-3 3 2.933 2.933 0 003 3 2.933 2.933 0 003-3 2.933 2.933 0 00-3-3z" _fill="#000"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/ic_sorting_ascending.js b/src/foundation/icons/p-icons/ic_sorting-ascending.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_sorting_ascending.js
rename to src/foundation/icons/p-icons/ic_sorting-ascending.js
index f2dd4214a..32a6cc97e 100644
--- a/src/foundation/icons/p-icons/ic_sorting_ascending.js
+++ b/src/foundation/icons/p-icons/ic_sorting-ascending.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_sorting_ascending': {
+  'ic_sorting-ascending': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_sorting_descending.js b/src/foundation/icons/p-icons/ic_sorting-descending.js
similarity index 93%
rename from src/foundation/icons/p-icons/ic_sorting_descending.js
rename to src/foundation/icons/p-icons/ic_sorting-descending.js
index 43194279c..929b28b09 100644
--- a/src/foundation/icons/p-icons/ic_sorting_descending.js
+++ b/src/foundation/icons/p-icons/ic_sorting-descending.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_sorting_descending': {
+  'ic_sorting-descending': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_fault_tolerance.js b/src/foundation/icons/p-icons/ic_spanner-filled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_fault_tolerance.js
rename to src/foundation/icons/p-icons/ic_spanner-filled.js
index aff1915ed..9a716c6c6 100644
--- a/src/foundation/icons/p-icons/ic_fault_tolerance.js
+++ b/src/foundation/icons/p-icons/ic_spanner-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_fault_tolerance': {
+  'ic_spanner-filled': {
     width: 14,
     height: 14,
     viewBox: '0 0 14 14',
diff --git a/src/foundation/icons/p-icons/ic_state_manual.js b/src/foundation/icons/p-icons/ic_state_manual.js
deleted file mode 100644
index e5c886fb9..000000000
--- a/src/foundation/icons/p-icons/ic_state_manual.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_state_manual': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm1.9 2.8c.3 0 .5 0 .8.1L9.3 5.3l.4 1 1 .4 1.4-1.4c.3.8.1 1.7-.5 2.4-.6.6-1.6.8-2.4.5l-3.3 3.3c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l3.3-3.3c-.3-.7-.2-1.7.5-2.3.4-.5 1-.7 1.6-.7zm-5 6.7c-.2.2-.2.4 0 .6.2.2.4.2.6 0s.2-.4 0-.6c-.2-.1-.5-.1-.6 0z" _fill="#858895"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_stopping.js b/src/foundation/icons/p-icons/ic_stopping.js
deleted file mode 100644
index 8a6b8d9ee..000000000
--- a/src/foundation/icons/p-icons/ic_stopping.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_stopping': {
-    width: 23,
-    height: 24,
-    viewBox: '0 0 23 24',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M10.35 1.65a1.15 1.15 0 012.3 0v2.875a1.15 1.15 0 01-2.3 0V1.65zM1.15 13.148a1.15 1.15 0 110-2.3h2.875a1.15 1.15 0 010 2.3H1.15zM18.974 13.148a1.15 1.15 0 110-2.3h2.875a1.15 1.15 0 110 2.3h-2.875zM10.35 19.476a1.15 1.15 0 112.3 0v2.875a1.15 1.15 0 01-2.3 0v-2.875zM7.11 16.39c.448.449.448 1.177 0 1.626l-2.034 2.033a1.15 1.15 0 01-1.626-1.627l2.033-2.032a1.15 1.15 0 011.626 0zM19.532 20.037a1.15 1.15 0 01-1.626 0l-2.033-2.033a1.15 1.15 0 011.626-1.627l2.033 2.033a1.15 1.15 0 010 1.627zM7.11 7.608a1.15 1.15 0 01-1.627 0L3.45 5.575a1.15 1.15 0 011.626-1.626L7.11 5.982c.45.449.45 1.177 0 1.626z" _fill="#A7A9B2"/><circle pid="1" cx="19.5" cy="3.5" r="3.5" _fill="#FF7750"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_reply.js b/src/foundation/icons/p-icons/ic_subdirectory-arrow-right.js
similarity index 89%
rename from src/foundation/icons/p-icons/ic_reply.js
rename to src/foundation/icons/p-icons/ic_subdirectory-arrow-right.js
index a5a283c1d..fcf9f52fc 100644
--- a/src/foundation/icons/p-icons/ic_reply.js
+++ b/src/foundation/icons/p-icons/ic_subdirectory-arrow-right.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_reply': {
+  'ic_subdirectory-arrow-right': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_support.js b/src/foundation/icons/p-icons/ic_support.js
deleted file mode 100644
index 6b6432e51..000000000
--- a/src/foundation/icons/p-icons/ic_support.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_support': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M8.506 3.417A8.846 8.846 0 0112 2.833a8.91 8.91 0 01-.027 17.82 10.081 10.081 0 01-2.659-.348.688.688 0 00-.486 0l-1.833.798a.742.742 0 01-1.036-.651V18.82a.743.743 0 00-.247-.513 8.718 8.718 0 01-2.879-6.582 8.846 8.846 0 015.673-8.308zM10.9 8.332c0-.586.513-1.1 1.1-1.1.587 0 1.1.514 1.1 1.1 0 .587-.513 1.1-1.1 1.1-.587 0-1.1-.513-1.1-1.1zM9.433 10.9v-.733h2.934c.366 0 .733.366.733.733v2.933c0 1.467 1.467 1.467 1.467 1.467v.733H9.433V15.3s1.467 0 1.467-1.467v-1.466c0-1.467-1.467-1.467-1.467-1.467z" _fill="#858895"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_table_sort_fromA.js b/src/foundation/icons/p-icons/ic_table_sort_fromA.js
deleted file mode 100644
index 5cc1bc6e1..000000000
--- a/src/foundation/icons/p-icons/ic_table_sort_fromA.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_table_sort_fromA': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M15.4 9.8c-.1-.2-.3-.3-.4-.3H9c-.2 0-.4.1-.4.3-.1.2-.1.4 0 .5l3 4c.1.1.2.2.4.2s.3-.1.4-.2l3-4c.1-.2.1-.4 0-.5z" _fill="#202433"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_top1.js b/src/foundation/icons/p-icons/ic_top1.js
deleted file mode 100644
index 1594c5e4d..000000000
--- a/src/foundation/icons/p-icons/ic_top1.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_top1': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M12.1 17.9l-6 2.3c-.3.1-.6-.1-.6-.4l.3-6.4c0-.1 0-.2-.1-.3l-4-5c-.1-.3 0-.6.3-.7l6.2-1.7c.1 0 .2-.1.2-.2L11.9.1c.2-.2.5-.2.7 0l3.5 5.4.2.2 6.2 1.7c.3.1.4.4.2.7l-4 5c-.1.1-.1.2-.1.3l.3 6.4c0 .3-.3.5-.6.4l-6-2.3c0-.1-.1-.1-.2 0z" _fill="#ffcc4d"/><path pid="1" d="M21.6 2.4L19.7.5c-.1-.1-.1-.1-.2-.1s-.1.1-.2.1l-2 3.9c-.1.1 0 .2 0 .3 0 0 .1.1.2.1h.1l3.9-2c.1 0 .1-.1.1-.2.1 0 .1-.1 0-.2zM7.2 4.5L5.2.6c0-.1-.1-.1-.2-.1s-.2 0-.2.1L3 2.4c-.1.1-.1.2-.1.2 0 .1.1.1.1.2l3.9 2H7c.1 0 .1 0 .2-.1.1 0 .1-.1 0-.2zM13.8 23.7l-1.4-4.2s0-.1-.1-.1c0 0-.1-.1-.2-.1s-.2.1-.2.2l-1.4 4.2v.2c0 .1.1.1.2.1h2.7c.1 0 .2 0 .2-.1.3-.1.3-.1.2-.2z" _fill="#ffb600"/><path pid="2" d="M13.3 15h-1.8v-5-.8-.9l-.3.3c-.1.1-.2.2-.4.3l-1 .8-.7-1.1 2.8-2.2h1.5V15z" _fill="#db5c00"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_trashcan.js b/src/foundation/icons/p-icons/ic_trashcan.js
deleted file mode 100644
index 6966044c6..000000000
--- a/src/foundation/icons/p-icons/ic_trashcan.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_trashcan': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M13.375 17h.75a.375.375 0 00.375-.375v-6.75a.375.375 0 00-.375-.375h-.75a.375.375 0 00-.375.375v6.75a.375.375 0 00.375.375zM18.5 6.5h-2.575l-1.063-1.772A1.5 1.5 0 0013.575 4h-3.15a1.5 1.5 0 00-1.287.728L8.075 6.5H5.5A.5.5 0 005 7v.5a.5.5 0 00.5.5H6v10.5A1.5 1.5 0 007.5 20h9a1.5 1.5 0 001.5-1.5V8h.5a.5.5 0 00.5-.5V7a.5.5 0 00-.5-.5zm-8.13-.91a.188.188 0 01.161-.09h2.938a.187.187 0 01.16.09l.546.91h-4.35l.545-.91zM16.5 18.5h-9V8h9v10.5zM9.875 17h.75a.375.375 0 00.375-.375v-6.75a.375.375 0 00-.375-.375h-.75a.375.375 0 00-.375.375v6.75a.375.375 0 00.375.375z" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tree_folder.js b/src/foundation/icons/p-icons/ic_tree_folder.js
deleted file mode 100644
index 26d57020f..000000000
--- a/src/foundation/icons/p-icons/ic_tree_folder.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_tree_folder': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" _fill="none" d="M0 0h16v16H0z"/><path pid="1" d="M13.7 4H8.4L6.7 2.2H2.3c-.7 0-1.3.6-1.3 1.4v7.9c0 .7.6 1.3 1.3 1.3h11.4c.7 0 1.3-.6 1.3-1.3V5.3c0-.7-.6-1.3-1.3-1.3z" _fill="#202433"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tree_globe.js b/src/foundation/icons/p-icons/ic_tree_globe.js
deleted file mode 100644
index d5ec8a7fa..000000000
--- a/src/foundation/icons/p-icons/ic_tree_globe.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_tree_globe': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" _fill="none" d="M0 0h16v16H0z"/><path pid="1" d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm-.3 6.8c-.1.1-.2.2-.4.2-.1 0-.3 0-.3.1l-.2.2c-.1.1-.1.2 0 .3l.2.2c0 .1.1.2.1.3v.3c0 .2-.2.5-.4.5h-.2c-.2 0-.3-.1-.4-.2l-.7-1.4c0-.1-.2-.2-.3-.1H5l-.5.6c-.1.1-.2.1-.3.1H2.4c-.5-3.1 1.6-6 4.7-6.5.9-.1 1.8 0 2.6.2L8.3 3.7c-.1.1-.1.2 0 .3l.1.1.3.2c.2.1.2.2.2.4v2.2c0 .1-.1.2-.2.2h-.1c-.1 0-.2-.1-.2-.1 0-.1-.1-.1-.2-.1h-.1l-.4.9zm4.8 3.1c0 .1 0 .2-.1.3l-.3.3c-.1.1-.2.1-.3.1h-.4c-.1 0-.2 0-.3-.1l-.4-.4c-.2-.2-.5-.3-.7-.2l-.6.1H9c-.1 0-.2 0-.3-.1l-.3-.3s-.1-.1-.1-.2v-.3c0-.1.1-.2.1-.2l1.1-.4c.1 0 .1-.1.2-.1l.7-.5h.4c.1 0 .2.1.2.1l.2.4.1.1h.1s.1 0 .1-.1l.1-.4.1-.1h.2l.1.1v.4c0 .1 0 .1.1.2l.3.3c.1.1.1.2.1.3v.7z" _fill="#202433"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tree_pool.js b/src/foundation/icons/p-icons/ic_tree_pool.js
deleted file mode 100644
index f9b51ad99..000000000
--- a/src/foundation/icons/p-icons/ic_tree_pool.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_tree_pool': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" _fill="none" d="M0 0h16v16H0z"/><path pid="1" d="M1 2h14v2.6H1V2zm1 3.2v9.5h12V5.2H2zm8.2 2.9H5.5v-1h4.8v1h-.1z" _fill="#202433"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tree_project-group_locked.js b/src/foundation/icons/p-icons/ic_tree_project-group_locked.js
deleted file mode 100644
index 6d0bad21a..000000000
--- a/src/foundation/icons/p-icons/ic_tree_project-group_locked.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_tree_project-group_locked': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M7.144 2.751L8.82 4.427c.097.13.199.454-.039.692-.237.237-.564.099-.68 0L6.488 3.506h-4.26c-.222.004-.43.16-.506.237a.832.832 0 00-.23.585v7.857c0 .275.161.502.242.581.167.183.454.237.577.241h4.197c.326.044.423.33.43.466-.018.475-.41.551-.604.53l-4.237-.02c-.547-.038-.984-.41-1.134-.593-.357-.354-.454-.914-.458-1.15V4.328a1.78 1.78 0 01.37-1.11c.402-.579 1.069-.716 1.352-.712h4.26c.42-.041.565.156.657.245z" _fill="#222532"/><path pid="1" d="M16 9.16c0-.596-.485-1.082-1.082-1.082h-.541V6.454a2.71 2.71 0 00-2.707-2.706 2.71 2.71 0 00-2.706 2.706v1.624h-.542c-.597 0-1.082.486-1.082 1.083v4.33c0 .597.485 1.083 1.082 1.083h6.496c.597 0 1.083-.486 1.083-1.083v-4.33zm-5.954-2.706c0-.895.729-1.624 1.624-1.624.896 0 1.624.729 1.624 1.624v1.624h-3.248V6.454z" _fill="#222532"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_tree_zone.js b/src/foundation/icons/p-icons/ic_tree_zone.js
deleted file mode 100644
index 6983a4384..000000000
--- a/src/foundation/icons/p-icons/ic_tree_zone.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_tree_zone': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" _fill="none" d="M0 0h16v16H0z"/><path pid="1" d="M8.1 0C5 0 2.5 2.5 2.5 5.6 2.5 9.8 8.1 16 8.1 16s5.6-6.2 5.6-10.4c0-3.1-2.5-5.6-5.6-5.6zm0 7.6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" _fill="#202433"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_up.js b/src/foundation/icons/p-icons/ic_up.js
deleted file mode 100644
index 8374a5924..000000000
--- a/src/foundation/icons/p-icons/ic_up.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_up': {
-    width: 24,
-    height: 24,
-    viewBox: '0 0 24 24',
-    data: '<path pid="0" d="M13 8.188l2.467 2.486a.906.906 0 001.271 0 .899.899 0 00.194-.98.898.898 0 00-.194-.291l-4.107-4.14a.89.89 0 00-.973-.194.89.89 0 00-.29.195L7.262 9.403a.9.9 0 00-.193.98.9.9 0 00.483.486.888.888 0 00.972-.195L11 8.178v8.947a1 1 0 102 0V8.188z" _fill="#474952"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_urgency_low.js b/src/foundation/icons/p-icons/ic_urgency_low.js
deleted file mode 100644
index 9e532dec6..000000000
--- a/src/foundation/icons/p-icons/ic_urgency_low.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_urgency_low': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M13.832 14.5c.896 0 1.46-1.015 1.01-1.828L9.011 2.11a1.143 1.143 0 00-2.022 0L1.157 12.672c-.447.811.113 1.828 1.011 1.828h11.664zM6.88 11.619c0-.646.5-1.17 1.119-1.17.618 0 1.119.524 1.119 1.17 0 .645-.501 1.169-1.12 1.169-.617 0-1.118-.524-1.118-1.17zm.237-1.915l-.18-3.456a.3.3 0 01.29-.322h1.543a.3.3 0 01.291.322l-.18 3.456a.298.298 0 01-.292.288H7.41a.298.298 0 01-.292-.288z" _fill="#FFC3C3"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/ic_member.js b/src/foundation/icons/p-icons/ic_users.js
similarity index 97%
rename from src/foundation/icons/p-icons/ic_member.js
rename to src/foundation/icons/p-icons/ic_users.js
index 1ddce89c9..23a499bd7 100644
--- a/src/foundation/icons/p-icons/ic_member.js
+++ b/src/foundation/icons/p-icons/ic_users.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_member': {
+  'ic_users': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_state_duplicated.js b/src/foundation/icons/p-icons/ic_warning-filled.js
similarity index 95%
rename from src/foundation/icons/p-icons/ic_state_duplicated.js
rename to src/foundation/icons/p-icons/ic_warning-filled.js
index 373888d44..c37f0786f 100644
--- a/src/foundation/icons/p-icons/ic_state_duplicated.js
+++ b/src/foundation/icons/p-icons/ic_warning-filled.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'ic_state_duplicated': {
+  'ic_warning-filled': {
     width: 16,
     height: 16,
     viewBox: '0 0 16 16',
diff --git a/src/foundation/icons/p-icons/ic_wrench.js b/src/foundation/icons/p-icons/ic_wrench.js
deleted file mode 100644
index 1d33865e0..000000000
--- a/src/foundation/icons/p-icons/ic_wrench.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'ic_wrench': {
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    data: '<path pid="0" d="M14.9 4.3c-.1-.3-.4-.4-.6-.2L12 6.4 10 6l-.4-2 2.2-2.2c.2-.2.1-.5-.2-.6-1.4-.4-3 0-4.1 1.1-1.1 1.2-1.5 2.9-1 4.4l-5 5c-.8.8-.8 2 0 2.7.8.8 2 .8 2.7 0l5-5c1.5.5 3.3.2 4.5-1 1.1-1.1 1.5-2.7 1.2-4.1zm-12 9.5c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.4 0 .7.3.7.7.1.4-.3.7-.7.7z" _fill="#ff7750"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/illust_man_notification.js b/src/foundation/icons/p-icons/illust_man_notification.js
deleted file mode 100644
index 5269a978e..000000000
--- a/src/foundation/icons/p-icons/illust_man_notification.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'illust_man_notification': {
-    width: 144,
-    height: 160,
-    viewBox: '0 0 144 160',
-    data: '<path pid="0" d="M101.902 156.048s9.633-9.093 4.908-14.476c0 0-4.344-2.783-7.745-.927 0 0-2.075-21.16-4.72-25.056l-2.964-13.653s6.32 9.523 10.283 10.82c0 0 10.81 5.616 14.586-3.667 0 0 2.269-5.382-8.12-12.436 0 0-9.795-5.197-8.735-24.826 0 0-1.984-14.73-12.749-19.559 0 0 .71-2.11-.99-3.412 0 0 9.44-9.742 8.69-22.367 0 0-.189-19.673-22.286-25.24 0 0-18.414-3.966-28.681 15.798 0 0-3.822 7.796-1.842 14.685l-5.314 35.985 8.709 11.069s-.259 29.186-1.771 34.753c0 0-.188 9.278-10.197 18.561 0 0-6.8 10.211-2.075 17.633 0 0 5.664 13.548 19.829 8.54 0 0 6.329-2.853 4.06-9.537l-3.822-2.854s9.775-3.481 13.17-18.097c0 0 2.69-15.728 9.065-11.463 0 0 5.101 5.382 5.101 19.305 0 0 2.076 25.799 14.729 24.312.01.005 3.974.564 8.881-3.891z" _fill="url(#paint0_linear)"/><path pid="1" d="M88.656 31.713c.203 12.506-8.075 18.496-18.764 18.661-10.683.165-19.357-4.814-19.56-17.32-.203-12.505 7.8-20.85 18.49-21.014 10.683-.165 19.625 7.168 19.834 19.673z" _fill="#fff"/><path pid="2" d="M69.35 50.977c-12.298 0-19.44-6.505-19.627-17.913-.102-6.205 1.736-11.577 5.314-15.543 3.461-3.836 8.354-5.996 13.774-6.08 11.836-.17 20.256 8.145 20.454 20.261.101 6.061-1.802 11.04-5.492 14.406-3.395 3.093-8.191 4.774-13.87 4.864-.183.005-.371.005-.554.005zm-.163-38.344c-.122 0-.239 0-.36.005-5.076.08-9.649 2.095-12.882 5.681-3.37 3.736-5.105 8.83-5.01 14.73.179 10.82 7.076 16.925 18.942 16.73 5.375-.084 9.892-1.655 13.059-4.544 3.481-3.172 5.197-7.716 5.1-13.508-.177-11.293-7.912-19.095-18.85-19.095z" _fill="#fff"/><path pid="3" d="M61.726 17.884c-.066.349.015.743.274.992.299.294.756.35 1.182.36.452.01.919-.01 1.34-.18.421-.17.786-.509.888-.948.091-.404-.066-.838-.335-1.162-.208-.25-.482-.454-.797-.539-.482-.13-.974.025-1.43.25-.356.174-.66.429-.879.748-.117.17-.218.344-.243.479z" _fill="#EBEAF6"/><path pid="4" opacity=".8" d="M59.879 20.897c-.62 2.27-2.386 4.47-3.213 6.68-.837 2.244-1.228 4.39-.995 6.734.005.054.533 6.579-1.593 1.706-.213-.49-.442-2.17-.523-4.086a15.737 15.737 0 01.457-4.649c.335-1.307.802-2.454 1.4-3.671.391-.788.955-1.606 1.513-2.29.594-.728 1.203-1.372 2.172-1.317 0 0 1.005.085.782.893z" _fill="#EBEAF6"/><path pid="5" d="M51.87 49.651s-3.456 2.46.294 5.931c0 0 11.04 9.113 26.565 3.327 0 0 11.333-4.195 7.43-9.981 0 0-13.536 13.089-34.289.723z" _fill="#BCBBC5"/><path pid="6" d="M68.451 61.413c-10.018 0-16.591-5.303-16.677-5.373-1.396-1.287-2.046-2.593-1.96-3.91.123-1.821 1.635-2.919 1.7-2.963l.33-.235.346.205c10.5 6.26 19.053 5.756 24.382 4.23 5.78-1.656 9.135-4.839 9.166-4.869l.528-.509.406.604c.918 1.362 1.152 2.763.69 4.16-1.33 4.05-8.126 6.605-8.415 6.71-3.781 1.416-7.314 1.95-10.496 1.95zm-16.51-11.024c-.34.334-.858.982-.908 1.825-.056.938.467 1.92 1.553 2.928.081.065 10.937 8.79 25.93 3.203.066-.025 6.537-2.46 7.689-5.961.279-.848.213-1.681-.198-2.529-2.848 2.3-15.764 11.214-34.066.534z" _fill="#BCBBC5"/><path pid="7" d="M71.72 45.83l-.817-.26a27.5 27.5 0 01-6.603-3.172 24.591 24.591 0 01-6.106-7.33l-3.904-8.59a20.987 20.987 0 00-10.248-10.393c-4.532-2.11-9.642-2.49-14.369-1.067l-1.02-2.244a2.589 2.589 0 00-1.413-1.341 2.462 2.462 0 00-3.224 1.447 2.564 2.564 0 00.078 1.94l1.035 2.279c-4.14 2.607-7.177 6.658-8.547 11.403-1.371 4.746-.983 9.863 1.092 14.405l3.904 8.591a24.414 24.414 0 011.495 9.399 27.182 27.182 0 01-1.903 6.988l-.343.782 2.228 4.904L73.95 50.734 71.72 45.83z" _fill="url(#paint1_linear)"/><path pid="8" d="M42.703 66.27c.83 1.227 2.195 2.079 3.842 2.4 1.648.32 3.467.088 5.12-.654 1.655-.742 3.033-1.945 3.88-3.385.847-1.44 1.106-3.02.73-4.45l-13.572 6.09z" _fill="#C2C0DD"/><path pid="9" d="M47.14 77.186s-7.288 4.01-9.607 5.018c-11.734 5.088-16.652-3.402-17.668-7.777-1.415-6.11 1.366-16.985 3.584-24.008 1.202-3.806 5.902-7.253 9.587-5.387 4.228 2.14 5.872 5.177 5.05 9.213-.863 4.245-2 11.278-2 11.278s-.487 2.09 1.122 2.998" _fill="url(#paint2_linear)"/><defs><linearGradient id="paint0_linear" x1="59.737" y1="-6.588" x2="98.028" y2="164.529" gradientUnits="userSpaceOnUse"><stop stop-color="#E0DEEE"/><stop offset="1" stop-color="#D1D0E6"/></linearGradient><linearGradient id="paint1_linear" x1="25.447" y1="11.418" x2="48.261" y2="62.261" gradientUnits="userSpaceOnUse"><stop stop-color="#D1D0E6"/><stop offset="1" stop-color="#C2C0DD"/></linearGradient><linearGradient id="paint2_linear" x1="25.299" y1="46.307" x2="45.598" y2="77.25" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E6F3"/><stop offset=".646" stop-color="#DBD9EB"/><stop offset="1" stop-color="#DAD8EB"/></linearGradient></defs>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/illust_pie.js b/src/foundation/icons/p-icons/illust_pie.js
deleted file mode 100644
index b1386377e..000000000
--- a/src/foundation/icons/p-icons/illust_pie.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'illust_pie': {
-    width: 88,
-    height: 88,
-    viewBox: '0 0 88 88',
-    data: '<path pid="0" d="M88 44a44 44 0 01-88 0h88z" _fill="#6B6E7B"/><path pid="1" d="M3.804 61.896A44 44 0 0166 5.895L44 44 3.804 61.896z" _fill="#A7A9B2"/><path pid="2" d="M44 0a44 44 0 0141.847 57.597L44 44V0z" _fill="#DDDDDF"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/illust_table.js b/src/foundation/icons/p-icons/illust_table.js
deleted file mode 100644
index c96d62e5a..000000000
--- a/src/foundation/icons/p-icons/illust_table.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'illust_table': {
-    width: 77,
-    height: 88,
-    viewBox: '0 0 77 88',
-    data: '<path pid="0" _fill="#6B6E7B" d="M0 4h77v8H0z"/><path pid="1" _fill="#A7A9B2" d="M0 12h77v4H0z"/><path pid="2" _fill="#DDDDDF" d="M0 16h77v4H0z"/><path pid="3" _fill="#A7A9B2" d="M0 20h77v4H0z"/><path pid="4" _fill="#DDDDDF" d="M0 24h77v4H0z"/><path pid="5" _fill="#A7A9B2" d="M0 28h77v4H0z"/><path pid="6" _fill="#DDDDDF" d="M0 32h77v4H0z"/><path pid="7" _fill="#A7A9B2" d="M0 36h77v4H0z"/><path pid="8" _fill="#DDDDDF" d="M0 40h77v4H0z"/><path pid="9" _fill="#A7A9B2" d="M0 44h77v4H0z"/><path pid="10" _fill="#DDDDDF" d="M0 48h77v4H0z"/><path pid="11" _fill="#A7A9B2" d="M0 52h77v4H0z"/><path pid="12" _fill="#DDDDDF" d="M0 56h77v4H0z"/><path pid="13" _fill="#A7A9B2" d="M0 60h77v4H0z"/><path pid="14" _fill="#DDDDDF" d="M0 64h77v4H0z"/><path pid="15" _fill="#A7A9B2" d="M0 68h77v4H0z"/><path pid="16" _fill="#DDDDDF" d="M0 72h77v4H0z"/><path pid="17" _fill="#A7A9B2" d="M0 76h77v4H0z"/><path pid="18" _fill="#DDDDDF" d="M0 80h77v4H0z"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/illust_treemap.js b/src/foundation/icons/p-icons/illust_treemap.js
deleted file mode 100644
index 4d0c8b239..000000000
--- a/src/foundation/icons/p-icons/illust_treemap.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'illust_treemap': {
-    width: 136,
-    height: 88,
-    viewBox: '0 0 136 88',
-    data: '<path pid="0" _fill="#DDDDDF" d="M74 47h46v14H74z"/><path pid="1" _fill="#6B6E7B" d="M0 15h98v30H0z"/><path pid="2" _fill="#A7A9B2" d="M100 45h36V15h-36zM0 47h72v26H0z"/><path pid="3" _fill="#DDDDDF" d="M122 47h14v18h-14zM122 73h14v-6h-14zM74 63h46v10H74z"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/illust_waffle.js b/src/foundation/icons/p-icons/illust_waffle.js
deleted file mode 100644
index 28558bc79..000000000
--- a/src/foundation/icons/p-icons/illust_waffle.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'illust_waffle': {
-    width: 76,
-    height: 88,
-    viewBox: '0 0 76 88',
-    data: '<path pid="0" _fill="#6B6E7B" d="M0 3h6v6H0zM0 31h6v6H0zM0 17h6v6H0zM0 45h6v6H0zM0 65h6v-6H0zM0 10h6v6H0zM0 38h6v6H0zM0 24h6v6H0zM0 52h6v6H0zM0 66h6v6H0zM0 73h6v6H0zM7 3h6v6H7zM7 31h6v6H7zM7 17h6v6H7zM7 45h6v6H7zM7 65h6v-6H7zM7 10h6v6H7zM7 38h6v6H7zM7 24h6v6H7zM7 52h6v6H7zM7 66h6v6H7zM7 73h6v6H7zM14 3h6v6h-6zM14 31h6v6h-6zM14 17h6v6h-6zM14 45h6v6h-6zM14 65h6v-6h-6zM14 10h6v6h-6zM14 38h6v6h-6zM14 24h6v6h-6zM14 52h6v6h-6zM14 66h6v6h-6zM14 73h6v6h-6zM21 3h6v6h-6z"/><path pid="1" _fill="#A7A9B2" d="M21 31h6v6h-6z"/><path pid="2" _fill="#6B6E7B" d="M21 17h6v6h-6z"/><path pid="3" _fill="#A7A9B2" d="M21 45h6v6h-6zM21 65h6v-6h-6z"/><path pid="4" _fill="#6B6E7B" d="M21 10h6v6h-6z"/><path pid="5" _fill="#A7A9B2" d="M21 38h6v6h-6z"/><path pid="6" _fill="#6B6E7B" d="M21 24h6v6h-6z"/><path pid="7" _fill="#A7A9B2" d="M21 52h6v6h-6zM21 66h6v6h-6zM21 73h6v6h-6zM28 3h6v6h-6zM28 31h6v6h-6zM28 17h6v6h-6zM28 45h6v6h-6zM28 65h6v-6h-6zM28 10h6v6h-6zM28 38h6v6h-6zM28 24h6v6h-6zM28 52h6v6h-6zM28 66h6v6h-6zM28 73h6v6h-6zM35 3h6v6h-6zM35 31h6v6h-6zM35 17h6v6h-6zM35 45h6v6h-6z"/><path pid="8" _fill="#DDDDDF" d="M35 65h6v-6h-6z"/><path pid="9" _fill="#A7A9B2" d="M35 10h6v6h-6zM35 38h6v6h-6zM35 24h6v6h-6zM35 52h6v6h-6z"/><path pid="10" _fill="#DDDDDF" d="M35 66h6v6h-6zM35 73h6v6h-6zM42 3h6v6h-6zM42 31h6v6h-6zM42 17h6v6h-6zM42 45h6v6h-6zM42 65h6v-6h-6zM42 10h6v6h-6zM42 38h6v6h-6zM42 24h6v6h-6zM42 52h6v6h-6zM42 66h6v6h-6zM42 73h6v6h-6zM49 3h6v6h-6zM49 31h6v6h-6zM49 17h6v6h-6zM49 45h6v6h-6zM49 65h6v-6h-6zM49 10h6v6h-6zM49 38h6v6h-6zM49 24h6v6h-6zM49 52h6v6h-6zM49 66h6v6h-6zM49 73h6v6h-6zM56 3h6v6h-6zM56 31h6v6h-6zM56 17h6v6h-6zM56 45h6v6h-6zM56 65h6v-6h-6zM56 10h6v6h-6zM56 38h6v6h-6zM56 24h6v6h-6zM56 52h6v6h-6zM56 66h6v6h-6zM56 73h6v6h-6zM63 3h6v6h-6zM63 31h6v6h-6zM63 17h6v6h-6zM63 45h6v6h-6zM63 65h6v-6h-6zM63 10h6v6h-6zM63 38h6v6h-6zM63 24h6v6h-6zM63 52h6v6h-6zM63 66h6v6h-6zM63 73h6v6h-6zM70 3h6v6h-6zM70 31h6v6h-6zM70 17h6v6h-6zM70 45h6v6h-6zM70 65h6v-6h-6zM70 10h6v6h-6zM70 38h6v6h-6zM70 24h6v6h-6zM70 52h6v6h-6zM70 66h6v6h-6zM70 73h6v6h-6z"/><path pid="11" _fill="#6B6E7B" d="M0 80h6v6H0zM7 80h6v6H7zM14 80h6v6h-6z"/><path pid="12" _fill="#A7A9B2" d="M21 80h6v6h-6zM28 80h6v6h-6z"/><path pid="13" _fill="#DDDDDF" d="M35 80h6v6h-6zM42 80h6v6h-6zM49 80h6v6h-6zM56 80h6v6h-6zM63 80h6v6h-6zM70 80h6v6h-6z"/>'
-  }
-})
diff --git a/src/foundation/icons/p-icons/admin.js b/src/foundation/icons/p-icons/img_avatar_admin.js
similarity index 97%
rename from src/foundation/icons/p-icons/admin.js
rename to src/foundation/icons/p-icons/img_avatar_admin.js
index 52473506e..a06789823 100644
--- a/src/foundation/icons/p-icons/admin.js
+++ b/src/foundation/icons/p-icons/img_avatar_admin.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'admin': {
+  'img_avatar_admin': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/project-admin.js b/src/foundation/icons/p-icons/img_avatar_project-admin.js
similarity index 99%
rename from src/foundation/icons/p-icons/project-admin.js
rename to src/foundation/icons/p-icons/img_avatar_project-admin.js
index 4f79c607f..bd088f40a 100644
--- a/src/foundation/icons/p-icons/project-admin.js
+++ b/src/foundation/icons/p-icons/img_avatar_project-admin.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'project-admin': {
+  'img_avatar_project-admin': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/root-account.js b/src/foundation/icons/p-icons/img_avatar_root-account.js
similarity index 99%
rename from src/foundation/icons/p-icons/root-account.js
rename to src/foundation/icons/p-icons/img_avatar_root-account.js
index a0bb4100f..e4cbfed87 100644
--- a/src/foundation/icons/p-icons/root-account.js
+++ b/src/foundation/icons/p-icons/img_avatar_root-account.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'root-account': {
+  'img_avatar_root-account': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/user.js b/src/foundation/icons/p-icons/img_avatar_user.js
similarity index 97%
rename from src/foundation/icons/p-icons/user.js
rename to src/foundation/icons/p-icons/img_avatar_user.js
index 4930ffcd8..8e1f8872d 100644
--- a/src/foundation/icons/p-icons/user.js
+++ b/src/foundation/icons/p-icons/img_avatar_user.js
@@ -3,7 +3,7 @@
 // @ts-ignore
 import icon from 'vue-svgicon'
 icon.register({
-  'user': {
+  'img_avatar_user': {
     width: 32,
     height: 32,
     viewBox: '0 0 32 32',
diff --git a/src/foundation/icons/p-icons/img_resource_default.js b/src/foundation/icons/p-icons/img_resource_default.js
new file mode 100644
index 000000000..7480eb717
--- /dev/null
+++ b/src/foundation/icons/p-icons/img_resource_default.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'img_resource_default': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 32 32',
+    data: '<linearGradient id="svgicon_img_resource_default_a" gradientUnits="userSpaceOnUse" x1="0" y1="32" x2="32" y2="0"><stop offset="0" stop-color="#543ea8"/><stop offset="1" stop-color="#613ab2"/></linearGradient><path pid="0" _fill="url(#svgicon_img_resource_default_a)" d="M0 0h32v32H0z"/><g _fill="#fff"><path pid="1" opacity=".2" d="M16.1 10.1l5.2 3.1v6.3l2.3 1.4v-9l-7.5-4.5z"/><path pid="2" opacity=".8" d="M8.5 11.9l7.6-4.5 7.5 4.5 2.5-1.5-10-6-10 6z"/><path pid="3" opacity=".5" d="M10.8 19.5v-6.2l5.3-3.2V7.4l-7.6 4.5v9z"/><path pid="4" opacity=".2" d="M16.1 25.4l-7.6-4.5v-9l-2.4-1.5v12l10 6z"/><path pid="5" opacity=".8" d="M21.3 19.5l-5.2 3.2-5.3-3.2-2.3 1.4 7.6 4.5 7.5-4.5z"/><path pid="6" opacity=".5" d="M23.6 11.9v9l-7.5 4.5v3l10-6v-12z"/></g>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/img_resource_server.js b/src/foundation/icons/p-icons/img_resource_server.js
new file mode 100644
index 000000000..47aac0dc5
--- /dev/null
+++ b/src/foundation/icons/p-icons/img_resource_server.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-ignore
+import icon from 'vue-svgicon'
+icon.register({
+  'img_resource_server': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 32 32',
+    data: '<linearGradient id="svgicon_img_resource_server_a" gradientUnits="userSpaceOnUse" x1="0" y1="32" x2="32" y2="0"><stop offset="0" stop-color="#4c29bf"/><stop offset="1" stop-color="#4c51bf"/></linearGradient><path pid="0" _fill="url(#svgicon_img_resource_server_a)" d="M0 0h32v32H0z"/><path pid="1" d="M23.8 21l-6.5 3.9c-.6.4-1.4.4-2 0L8.6 21c-.4-.2-.4-.7 0-.9l6.5-3.9c.7-.4 1.6-.4 2.3 0l6.5 3.8c.3.3.3.8-.1 1z" opacity=".18" _fill="none" _stroke="#000" stroke-width=".3" stroke-miterlimit="10"/><path pid="2" d="M25.2 25.5l-7.7 4.6c-.7.4-1.6.4-2.3 0l-8-4.6c-.4-.2-.4-.8 0-1.1l7.7-4.6c.8-.5 1.9-.5 2.7 0l7.8 4.6c.2.2.2.8-.2 1.1z" opacity=".18"/><path pid="3" d="M25.7 21.3l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.8c-.4-.3-.5-.9 0-1.2l8.1-4.8c.9-.5 1.9-.5 2.8 0l8.2 4.8c.4.2.4.8 0 1.1z" opacity=".35" _fill="#fff"/><path pid="4" d="M16.1 15.3c.4 0 .8.1 1.2.3l8.2 4.8c.1.1.1.2.1.2s0 .2-.1.2l-8.1 4.9c-.3.2-.7.3-1 .3-.4 0-.7-.1-1-.3L6.8 21c-.1-.1-.1-.2-.1-.2s0-.2.1-.2l8.1-4.8c.4-.4.8-.5 1.2-.5m0-.4c-.5 0-1 .1-1.4.4l-8.1 4.8c-.4.3-.4.9 0 1.2l8.5 4.8c.4.2.8.3 1.2.3.4 0 .9-.1 1.3-.3l8.1-4.9c.4-.3.4-.9 0-1.2l-8.2-4.8c-.4-.2-.9-.3-1.4-.3z" _fill="#fff" opacity=".4"/><path pid="5" d="M25.7 16.6l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.8c-.4-.3-.5-.9 0-1.2l8.1-4.8c.9-.5 1.9-.5 2.8 0l8.2 4.8c.4.2.4.9 0 1.1z" opacity=".35" _fill="#fff"/><path pid="6" d="M16.1 10.7c.4 0 .8.1 1.2.3l8.2 4.8c.1.1.1.2.1.2s0 .2-.1.2l-8.1 4.9c-.3.2-.7.3-1 .3-.4 0-.7-.1-1-.3l-8.5-4.8c-.1-.1-.1-.2-.1-.2s0-.2.1-.2l8.1-4.8c.3-.3.7-.4 1.1-.4m0-.4c-.5 0-1 .1-1.4.4l-8.1 4.8c-.4.3-.4.9 0 1.2l8.5 4.8c.4.2.8.3 1.2.3.4 0 .9-.1 1.3-.3l8.1-4.9c.4-.3.4-.9 0-1.2l-8.2-4.8c-.4-.2-.9-.3-1.4-.3z" _fill="#fff" opacity=".6"/><path pid="7" d="M25.7 11.8l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.8c-.4-.3-.5-.9 0-1.2l8.1-4.8c.9-.5 1.9-.5 2.8 0l8.2 4.8c.4.2.4.9 0 1.1z" opacity=".6" _fill="#fff"/><linearGradient id="svgicon_img_resource_server_b" gradientUnits="userSpaceOnUse" x1="16.149" y1="11.207" x2="16.149" y2="26.413"><stop offset="0" stop-color="#fff"/><stop offset=".728" stop-color="#fff" stop-opacity="0"/></linearGradient><path pid="8" d="M6.3 20.5c0 .3.2.6.4.7l8.4 4.8c.8.4 1.7.4 2.5 0l8-4.8c.2-.1.4-.4.4-.7v-9.4s0 .3-.1.4c-.1.1-.3.2-.3.2l-8.1 4.9c-.8.5-1.7.5-2.5 0l-8.5-4.9s-.2-.1-.2-.3c-.1-.2-.1-.3-.1-.3l.1 9.4z" opacity=".4" _fill="url(#svgicon_img_resource_server_b)"/><linearGradient id="svgicon_img_resource_server_c" gradientUnits="userSpaceOnUse" x1="21.092" y1="11.207" x2="21.092" y2="26.413"><stop offset="0" stop-color="#fff"/><stop offset=".927" stop-color="#fff" stop-opacity="0"/></linearGradient><path pid="9" d="M26 11.2c0 .1-.1.3-.1.4-.1.1-.3.2-.3.2l-8.1 4.9c-.4.3-.9.4-1.4.3v9.4c.5 0 1-.1 1.4-.3l8-4.8c.2-.1.4-.4.4-.7l.1-9.4z" opacity=".7" _fill="url(#svgicon_img_resource_server_c)"/><path pid="10" d="M16.1 5.9c.4 0 .8.1 1.2.3l8.2 4.8c.1.1.1.2.1.2s0 .2-.1.2l-8.1 4.9c-.3.2-.7.3-1 .3-.4 0-.7-.1-1-.3l-8.5-4.8c-.1-.1-.1-.2-.1-.2s0-.2.1-.2L15 6.3c.3-.3.7-.4 1.1-.4m0-.4c-.5 0-1 .1-1.4.4l-8.1 4.8c-.4.3-.4.9 0 1.2l8.5 4.8c.4.2.8.3 1.2.3.4 0 .9-.1 1.3-.3l8.1-4.9c.4-.3.4-.9 0-1.2l-8.2-4.8c-.4-.2-.9-.3-1.4-.3z" _fill="#fff"/><ellipse pid="11" cx="22.1" cy="11.2" rx="1.2" ry=".8" opacity=".88" _fill="#fff"/><ellipse pid="12" cx="22.1" cy="16.1" rx="1.2" ry=".8" opacity=".4" _fill="#fff"/><ellipse pid="13" cx="22.1" cy="20.8" rx="1.2" ry=".8" opacity=".2" _fill="#fff"/>'
+  }
+})
diff --git a/src/foundation/icons/p-icons/index.js b/src/foundation/icons/p-icons/index.js
index f6f2dfcca..c09c1bf97 100644
--- a/src/foundation/icons/p-icons/index.js
+++ b/src/foundation/icons/p-icons/index.js
@@ -1,70 +1,49 @@
 /* eslint-disable */
-import './admin'
-import './aws-ec2'
-import './aws-network'
-import './btn_circle_more--hover'
-import './btn_circle_more'
-import './btn_circle_plus_blue--hover'
-import './btn_circle_plus_blue'
-import './btn_gnb_top-logo'
-import './btn_height-modifier'
-import './btn_ic_tree_hidden—folded'
-import './btn_ic_tree_hidden'
-import './common-gear'
-import './cursor_drag-arrow--blue'
-import './cursor_pointer--blue'
-import './dashboard-customize'
-import './ic_admin'
-import './ic_alert'
-import './ic_analytics'
-import './ic_arrow_bottom_sm'
-import './ic_arrow_bottom'
-import './ic_arrow_left_sm'
-import './ic_arrow_left'
-import './ic_arrow_right_sm'
-import './ic_arrow_right'
-import './ic_arrow_top_sm'
-import './ic_arrow_top'
-import './ic_arrow-bottom-alt'
+import './ic_alarm-clock'
+import './ic_arrow-down-bold'
 import './ic_arrow-down'
-import './ic_arrow-top-alt'
+import './ic_arrow-left'
+import './ic_arrow-up-bold-alt'
+import './ic_arrow-up-bold'
 import './ic_arrow-up'
-import './ic_automation'
-import './ic_back-to-top'
-import './ic_back'
-import './ic_bell_noti'
-import './ic_bell'
-import './ic_bold-arrow-up'
-import './ic_bookmark_stroke'
-import './ic_bookmark--outline'
-import './ic_bookmark'
-import './ic_booting'
-import './ic_breadcrumb_arrow'
-import './ic_budget'
+import './ic_arrows-collaps-all'
+import './ic_arrows-collapse-vertical'
+import './ic_arrows-expand-all'
+import './ic_arrows-expand-vertical'
+import './ic_arrows-uturn-left'
+import './ic_arrows-uturn-right'
 import './ic_calendar'
-import './ic_card-list'
+import './ic_caret-down-filled-alt'
+import './ic_caret-down'
+import './ic_caret-right'
+import './ic_caret-up-filled-alt'
+import './ic_caret-up-filled'
+import './ic_caret-up'
+import './ic_check-circle'
 import './ic_check'
-import './ic_checkbox_circle--checked'
-import './ic_checkbox_peacock40--checked'
-import './ic_checkbox_peacock400--checked'
-import './ic_checkbox--checked'
-import './ic_checkbox--disabled'
-import './ic_checkbox--error'
-import './ic_checkbox--hover'
-import './ic_checkbox-disabled-check'
+import './ic_checkbox-circle-selected'
+import './ic_checkbox-disabled-selected'
+import './ic_checkbox-disabled'
+import './ic_checkbox-peacock-selected'
+import './ic_checkbox-selected'
 import './ic_checkbox'
-import './ic_cli'
-import './ic_clock-history'
+import './ic_chevron-down'
+import './ic_chevron-left-thin'
+import './ic_chevron-left'
+import './ic_chevron-right-circle-filled'
+import './ic_chevron-right-circle'
+import './ic_chevron-right'
+import './ic_chevron-small-down'
+import './ic_chevron-small-left'
+import './ic_chevron-small-right'
+import './ic_chevron-small-up'
+import './ic_chevron-up'
 import './ic_clock'
-import './ic_code-collapse'
-import './ic_code-expand'
-import './ic_code'
-import './ic_collapse-angle'
-import './ic_collector_tags'
-import './ic_copied'
+import './ic_close'
+import './ic_coin-filled'
+import './ic_copy-filled'
 import './ic_copy'
-import './ic_cost_optimization'
-import './ic_create-group'
+import './ic_dashboard-customize'
 import './ic_dashboard-template_alert-manager'
 import './ic_dashboard-template_blank'
 import './ic_dashboard-template_cdn-traffic-cost'
@@ -72,112 +51,89 @@ import './ic_dashboard-template_cloud-asset-overview'
 import './ic_dashboard-template_monthly-cost-summary'
 import './ic_dashboard-template_others'
 import './ic_dashboard-template_project-overview'
-import './ic_dashboard'
-import './ic_decrease'
-import './ic_delete--bold'
 import './ic_delete'
-import './ic_divider-dot'
-import './ic_done'
-import './ic_down'
+import './ic_document-filled'
+import './ic_dot'
+import './ic_dots-4-square'
+import './ic_double-line-drag-handle'
 import './ic_download'
-import './ic_drag-handle--slim'
+import './ic_drag-handle-alt'
 import './ic_drag-handle'
 import './ic_duplicate'
 import './ic_edit-text'
 import './ic_edit'
 import './ic_editor-code'
+import './ic_ellipsis-horizontal'
+import './ic_envelope-filled'
+import './ic_error-filled'
 import './ic_excel'
-import './ic_expand-angle'
 import './ic_external-link'
-import './ic_fault_tolerance'
-import './ic_favorite--added'
-import './ic_favorite'
-import './ic_footer_email'
-import './ic_gnb_language'
+import './ic_eye'
+import './ic_face-frown'
+import './ic_face-smile'
+import './ic_favorite-filled'
+import './ic_folder-filled'
+import './ic_folder-plus'
+import './ic_gear-filled'
+import './ic_globe-filled'
+import './ic_gnb_bell-unread'
+import './ic_gnb_bell'
 import './ic_gnb_menu'
-import './ic_gnb_profile'
-import './ic_gnb_service_2'
-import './ic_gnb_services'
-import './ic_go-to-top'
-import './ic_help'
-import './ic_home-menu'
-import './ic_home'
+import './ic_gnb_recent-favorite'
+import './ic_gnb_search'
+import './ic_home-filled'
 import './ic_horizontal-rule'
-import './ic_identity'
 import './ic_image'
-import './ic_in-progress'
-import './ic_increase'
-import './ic_info-menu'
+import './ic_info-circle'
 import './ic_inline-code'
-import './ic_inventory'
+import './ic_limit-filled'
 import './ic_link'
-import './ic_list_decrease'
-import './ic_list_duplication'
-import './ic_list_increase'
-import './ic_list-bulleted'
+import './ic_list-bulleted-2'
+import './ic_list-bulleted-3'
+import './ic_list-card'
 import './ic_list-numbered'
-import './ic_list'
-import './ic_loading-spinner'
-import './ic_management'
-import './ic_member'
+import './ic_lock-filled'
+import './ic_megaphone-filled'
 import './ic_minus'
-import './ic_monitoring'
-import './ic_more'
-import './ic_no_project-group'
-import './ic_no_selected_proj'
-import './ic_notification'
-import './ic_notifications_member'
-import './ic_outlined-info'
-import './ic_performance'
-import './ic_pin'
-import './ic_plugin'
+import './ic_money-bag'
+import './ic_no-image'
+import './ic_paper-airplane'
+import './ic_performance-filled'
+import './ic_pin-filled'
+import './ic_plug-filled'
 import './ic_plus_bold'
-import './ic_plus_square-outlined'
 import './ic_plus_square'
 import './ic_plus_thin'
 import './ic_plus'
-import './ic_power-off'
-import './ic_power-on'
-import './ic_private'
-import './ic_project'
-import './ic_provider_aws'
-import './ic_provider_azure'
-import './ic_provider_gcp'
-import './ic_provider_megazone'
-import './ic_provider_other'
-import './ic_public'
+import './ic_question-mark-circle-filled'
+import './ic_question-mark-circle'
 import './ic_quotes'
-import './ic_radio--checked'
-import './ic_radio--disabled'
-import './ic_radio--hover'
+import './ic_radio-disabled'
+import './ic_radio-selected'
 import './ic_radio'
-import './ic_recent_and_favorite'
-import './ic_redo'
 import './ic_refresh'
 import './ic_renew'
 import './ic_repeat'
-import './ic_reply'
-import './ic_resource'
-import './ic_search--bold'
+import './ic_resource_hexagon'
 import './ic_search'
-import './ic_secret'
-import './ic_security'
-import './ic_send'
-import './ic_server'
-import './ic_service_compute-engine'
-import './ic_service_limits'
-import './ic_setting'
-import './ic_sorting_ascending'
-import './ic_sorting_descending'
-import './ic_state_active'
-import './ic_state_disconnected'
-import './ic_state_duplicated'
-import './ic_state_manual'
-import './ic_stopping'
-import './ic_support'
-import './ic_table_sort_fromA'
-import './ic_table_sort_fromZ'
-import './ic_table_sort'
+import './ic_service_administration'
+import './ic_service_alert-manager'
+import './ic_service_asset-inventory'
+import './ic_service_automation'
+import './ic_service_cost-explorer'
+import './ic_service_dashboard'
+import './ic_service_home'
+import './ic_service_info'
+import './ic_service_my-page'
+import './ic_service_plugin'
+import './ic_service_project'
+import './ic_service_workflow'
+import './ic_settings-filled'
+import './ic_settings'
+import './ic_sorting-ascending'
+import './ic_sorting-descending'
+import './ic_spanner-filled'
+import './ic_subdirectory-arrow-right'
 import './ic_text-align-center'
 import './ic_text-align-justify'
 import './ic_text-align-left'
@@ -188,35 +144,12 @@ import './ic_text-color'
 import './ic_text-italic'
 import './ic_text-strikethrough'
 import './ic_text-underline'
-import './ic_tooltip'
-import './ic_top1'
-import './ic_trashcan'
-import './ic_tree_all-projects'
-import './ic_tree_arrow--opened'
-import './ic_tree_arrow'
-import './ic_tree_folder'
-import './ic_tree_globe'
-import './ic_tree_no-child'
-import './ic_tree_pool'
-import './ic_tree_project-group_locked'
-import './ic_tree_project-group'
-import './ic_tree_project'
-import './ic_tree_zone'
-import './ic_undo'
-import './ic_up'
-import './ic_urgency_low'
-import './ic_view'
+import './ic_users'
+import './ic_warning-filled'
 import './ic_webhook'
-import './ic_workflow'
-import './ic_wrench'
-import './illust_man_notification'
-import './illust_pie'
-import './illust_table'
-import './illust_treemap'
-import './illust_waffle'
-import './logo_googleg_48dp'
-import './project-admin'
-import './root-account'
-import './sad-face'
-import './smile-face'
-import './user'
+import './img_avatar_admin'
+import './img_avatar_project-admin'
+import './img_avatar_root-account'
+import './img_avatar_user'
+import './img_resource_default'
+import './img_resource_server'
diff --git a/src/foundation/icons/p-icons/logo_googleg_48dp.js b/src/foundation/icons/p-icons/logo_googleg_48dp.js
deleted file mode 100644
index 622f915ae..000000000
--- a/src/foundation/icons/p-icons/logo_googleg_48dp.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-// @ts-ignore
-import icon from 'vue-svgicon'
-icon.register({
-  'logo_googleg_48dp': {
-    width: 18,
-    height: 18,
-    viewBox: '0 0 18 18',
-    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M17.64 9.204c0-.638-.057-1.252-.164-1.84H9v3.48h4.844a4.14 4.14 0 01-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z" _fill="#4285F4"/><path pid="1" fill-rule="evenodd" clip-rule="evenodd" d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 009 18z" _fill="#34A853"/><path pid="2" fill-rule="evenodd" clip-rule="evenodd" d="M3.964 10.71A5.41 5.41 0 013.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 000 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" _fill="#FBBC05"/><path pid="3" fill-rule="evenodd" clip-rule="evenodd" d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 00.957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z" _fill="#EA4335"/>'
-  }
-})
diff --git a/src/inputs/anchors/PAnchor.vue b/src/inputs/anchors/PAnchor.vue
index 3ad1a8fb4..44ff346f5 100644
--- a/src/inputs/anchors/PAnchor.vue
+++ b/src/inputs/anchors/PAnchor.vue
@@ -12,7 +12,7 @@
                    :href="props.to ? (toHref || props.href ): props.href"
                    @click.stop="navigate"
                 >
-                    <p-i v-if="props.hideIcon && hasText && props.iconPosition === IconPosition.left"
+                    <p-i v-if="!props.hideIcon && hasText && props.iconPosition === IconPosition.left"
                          :name="props.iconName"
                          height="1.1em"
                          width="1.1em"
@@ -24,7 +24,7 @@
                             {{ props.text }}
                         </slot>
                     </span>
-                    <p-i v-if="props.hideIcon && hasText && props.iconPosition === IconPosition.right"
+                    <p-i v-if="!props.hideIcon && hasText && props.iconPosition === IconPosition.right"
                          :name="props.iconName"
                          height="1.1em"
                          width="1.1em"
diff --git a/src/inputs/buttons/copy-button/PCopyButton.vue b/src/inputs/buttons/copy-button/PCopyButton.vue
index 199a161a3..8ce24c0d6 100644
--- a/src/inputs/buttons/copy-button/PCopyButton.vue
+++ b/src/inputs/buttons/copy-button/PCopyButton.vue
@@ -14,7 +14,7 @@
              :class="{active: click}"
              width="1em"
              height="1em"
-             :name="click ? 'ic_copied' : 'ic_copy'"
+             :name="click ? 'ic_copy-filled' : 'ic_copy'"
              color="inherit"
              v-on="$listeners"
              @mousedown.native="click = true"
@@ -26,7 +26,7 @@
                  class="copy-button-alert"
                  :style="alertStyle"
             >
-                <p-i name="ic_state_active"
+                <p-i name="ic_check"
                      color="white"
                      width="1rem"
                      height="1rem"
diff --git a/src/inputs/buttons/icon-button/PIconButton.stories.mdx b/src/inputs/buttons/icon-button/PIconButton.stories.mdx
index 9cb076e9b..b7941fdce 100644
--- a/src/inputs/buttons/icon-button/PIconButton.stories.mdx
+++ b/src/inputs/buttons/icon-button/PIconButton.stories.mdx
@@ -6,7 +6,7 @@ import { getIconButtonArgTypes } from '@/inputs/buttons/icon-button/story-helper
 import {ICON_BUTTON_STYLE_TYPE} from '@/inputs/buttons/icon-button/type';
 import { reactive, toRefs } from 'vue';
 
-<Meta title='Inputs/Buttons/IconButton' parameters={{
+<Meta title='Inputs/Buttons/Icon Button' parameters={{
     design: {
         type: 'figma',
         url: 'https://www.figma.com/file/wq4wSowBcADBuUrMEZLz6i/SpaceONE-Console-Design?node-id=5110%3A120777',
diff --git a/src/inputs/checkbox/PCheckbox.vue b/src/inputs/checkbox/PCheckbox.vue
index e9b780acc..f8c926abb 100644
--- a/src/inputs/checkbox/PCheckbox.vue
+++ b/src/inputs/checkbox/PCheckbox.vue
@@ -84,10 +84,10 @@ export default defineComponent<CheckboxProps>({
 
         const iconName = computed(() => {
             if (props.disabled) {
-                if (isSelected.value) return 'ic_checkbox-disabled-check';
-                return 'ic_checkbox--disabled';
+                if (isSelected.value) return 'ic_checkbox-disabled-selected';
+                return 'ic_checkbox-disabled';
             }
-            if (isSelected.value) return 'ic_checkbox--checked';
+            if (isSelected.value) return 'ic_checkbox-selected';
             return 'ic_checkbox';
         });
 
diff --git a/src/inputs/context-menu/PContextMenu.stories.mdx b/src/inputs/context-menu/PContextMenu.stories.mdx
index 98bfbfd56..1496961a3 100644
--- a/src/inputs/context-menu/PContextMenu.stories.mdx
+++ b/src/inputs/context-menu/PContextMenu.stories.mdx
@@ -283,7 +283,7 @@ ${contextMenuSlots.map(([name, description]) => `|${name}|${description}|`).join
                 <p-context-menu :menu="menu">
                     <template #item--format="{item}">
                         <div>
-                            <p-i name="btn_gnb_top-logo"/>
+                            <p-i name="ic_favorite-filled" width="1rem" height="1rem" />
                             {{item.label}}
                         </div>
                     </template>
@@ -333,7 +333,7 @@ ${contextMenuSlots.map(([name, description]) => `|${name}|${description}|`).join
                 <p-context-menu :menu="menu">
                     <template #header-others="{item}">
                         <div>
-                            <p-i name="btn_gnb_top-logo"/>
+                            <p-i name="ic_favorite-filled" width="1rem" height="1rem" />
                             This is custom header for <strong>{{item.label}}</strong>
                         </div>
                     </template>
diff --git a/src/inputs/context-menu/context-menu-item/PContextMenuItem.vue b/src/inputs/context-menu/context-menu-item/PContextMenuItem.vue
index 15acc6000..0a0e4a964 100644
--- a/src/inputs/context-menu/context-menu-item/PContextMenuItem.vue
+++ b/src/inputs/context-menu/context-menu-item/PContextMenuItem.vue
@@ -154,13 +154,13 @@ export default defineComponent<ContextMenuItemProps>({
             selectIcon: computed<string|undefined>(() => {
                 if (props.selectMarker === 'checkbox') {
                     if (props.selected) {
-                        return props.disabled ? 'ic_checkbox-disabled-check' : 'ic_checkbox--checked';
+                        return props.disabled ? 'ic_checkbox-disabled-selected' : 'ic_checkbox-selected';
                     }
-                    return props.disabled ? 'ic_checkbox--disabled' : 'ic_checkbox';
+                    return props.disabled ? 'ic_checkbox-disabled' : 'ic_checkbox';
                 }
                 if (props.selectMarker === 'radio') {
-                    if (props.disabled) return 'ic_radio--disabled';
-                    return props.selected ? 'ic_radio--checked' : 'ic_radio';
+                    if (props.disabled) return 'ic_radio-disabled';
+                    return props.selected ? 'ic_radio-selected' : 'ic_radio';
                 }
                 return undefined;
             }),
diff --git a/src/inputs/context-menu/mock.ts b/src/inputs/context-menu/mock.ts
index de5f9590c..c48c29df7 100644
--- a/src/inputs/context-menu/mock.ts
+++ b/src/inputs/context-menu/mock.ts
@@ -23,7 +23,7 @@ export const menuItems: MenuItem[] = [
         label: 'ImageUrl', name: 'image-url', imageUrl: 'test',
     },
     {
-        label: 'Icon', name: 'icon', icon: 'ic_trashcan',
+        label: 'Icon', name: 'icon', icon: 'ic_delete',
     },
     { type: 'divider', name: 'collect-divider' },
     {
diff --git a/src/inputs/datetime-picker/PDatetimePicker.vue b/src/inputs/datetime-picker/PDatetimePicker.vue
index e819098db..4b476d924 100644
--- a/src/inputs/datetime-picker/PDatetimePicker.vue
+++ b/src/inputs/datetime-picker/PDatetimePicker.vue
@@ -14,7 +14,7 @@
                    data-input
             >
         </div>
-        <p-i :name="dataType === DATA_TYPE.time ? 'ic_clock' : 'ic_calendar'"
+        <p-i :name="dataType === DATA_TYPE.time ? 'ic_alarm-clock' : 'ic_calendar'"
              color="inherit"
              data-toggle
              width="1.25rem"
diff --git a/src/inputs/dropdown/filterable-dropdown/PFilterableDropdown.vue b/src/inputs/dropdown/filterable-dropdown/PFilterableDropdown.vue
index ba020ef36..d2f7eced5 100644
--- a/src/inputs/dropdown/filterable-dropdown/PFilterableDropdown.vue
+++ b/src/inputs/dropdown/filterable-dropdown/PFilterableDropdown.vue
@@ -42,7 +42,7 @@
                       class="delete-all-button"
                       @click.stop="handleClickDeleteAll"
                 >
-                    <p-i name="ic_delete"
+                    <p-i name="ic_close"
                          width="1rem"
                          height="1rem"
                          color="inherit"
@@ -52,7 +52,7 @@
             <span class="arrow-button"
                   @click.stop="toggleMenu"
             >
-                <p-i :name="proxyVisibleMenu ? 'ic_arrow_top' : 'ic_arrow_bottom'"
+                <p-i :name="proxyVisibleMenu ? 'ic_chevron-up' : 'ic_chevron-down'"
                      width="1.5rem"
                      height="1.5rem"
                      color="inherit"
diff --git a/src/inputs/dropdown/filterable-query-dropdown/PFilterableQueryDropdown.vue b/src/inputs/dropdown/filterable-query-dropdown/PFilterableQueryDropdown.vue
index 1aa70940e..391a5c7e8 100644
--- a/src/inputs/dropdown/filterable-query-dropdown/PFilterableQueryDropdown.vue
+++ b/src/inputs/dropdown/filterable-query-dropdown/PFilterableQueryDropdown.vue
@@ -49,7 +49,7 @@
                           @click="onDeleteAll"
                     >
                         <p-i class="icon"
-                             name="ic_delete"
+                             name="ic_close"
                              height="1rem"
                              width="1rem"
                         />
@@ -59,7 +59,7 @@
                           @click="handleClickDropdownButton"
                     >
                         <p-i class="icon"
-                             :name="proxyVisibleMenu ? 'ic_arrow_top' : 'ic_arrow_bottom'"
+                             :name="proxyVisibleMenu ? 'ic_chevron-up' : 'ic_chevron-down'"
                              color="inherit"
                         />
                     </span>
diff --git a/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue b/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue
index 74674d0a7..13c77e596 100644
--- a/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue
+++ b/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue
@@ -12,7 +12,7 @@
     >
         <p-icon-button v-if="styleType === SELECT_DROPDOWN_STYLE_TYPE.ICON_BUTTON"
                        ref="targetRef"
-                       :name="buttonIcon || (proxyVisibleMenu ? 'ic_arrow_top' : 'ic_arrow_bottom')"
+                       :name="buttonIcon || (proxyVisibleMenu ? 'ic_chevron-up' : 'ic_chevron-down')"
                        :activated="proxyVisibleMenu"
                        :disabled="disabled"
                        color="inherit"
@@ -40,7 +40,7 @@
                 </slot>
             </span>
             <p-i v-if="!(styleType === SELECT_DROPDOWN_STYLE_TYPE.TRANSPARENT && readOnly)"
-                 :name="proxyVisibleMenu ? 'ic_arrow_top' : 'ic_arrow_bottom'"
+                 :name="proxyVisibleMenu ? 'ic_chevron-up' : 'ic_chevron-down'"
                  :activated="proxyVisibleMenu"
                  :disabled="disabled"
                  color="inherit"
diff --git a/src/inputs/input/query-input/PQueryInput.vue b/src/inputs/input/query-input/PQueryInput.vue
index b2a64f2c2..b08112acc 100644
--- a/src/inputs/input/query-input/PQueryInput.vue
+++ b/src/inputs/input/query-input/PQueryInput.vue
@@ -67,7 +67,7 @@
                       @click="handleDeleteAll"
                 >
                     <p-i class="icon"
-                         name="ic_delete"
+                         name="ic_close"
                          height="1rem"
                          width="1rem"
                     />
diff --git a/src/inputs/input/text-input/PTextInput.vue b/src/inputs/input/text-input/PTextInput.vue
index 12c037fc1..e8d25a418 100644
--- a/src/inputs/input/text-input/PTextInput.vue
+++ b/src/inputs/input/text-input/PTextInput.vue
@@ -81,7 +81,7 @@
             <p-i v-else
                  v-show="(isInputFocused || isSelectedInvalid)"
                  class="delete-all-icon"
-                 name="ic_delete"
+                 name="ic_close"
                  height="1rem"
                  width="1rem"
                  color="inherit transparent"
diff --git a/src/inputs/radio/PRadio.vue b/src/inputs/radio/PRadio.vue
index e8fd3ec40..95d397aab 100644
--- a/src/inputs/radio/PRadio.vue
+++ b/src/inputs/radio/PRadio.vue
@@ -87,8 +87,8 @@ export default defineComponent<Props>({
         });
 
         const iconName = computed(() => {
-            if (props.disabled) return 'ic_radio--disabled';
-            if (isSelected.value) return 'ic_radio--checked';
+            if (props.disabled) return 'ic_radio-disabled';
+            if (isSelected.value) return 'ic_radio-selected';
             return 'ic_radio';
         });
 
diff --git a/src/inputs/search/query-search/PQuerySearch.vue b/src/inputs/search/query-search/PQuerySearch.vue
index 9327df43c..cf7421cd9 100644
--- a/src/inputs/search/query-search/PQuerySearch.vue
+++ b/src/inputs/search/query-search/PQuerySearch.vue
@@ -44,7 +44,7 @@
                           @click="onDeleteAll"
                     >
                         <p-i class="icon"
-                             name="ic_delete"
+                             name="ic_close"
                              height="1rem"
                              width="1rem"
                         />
diff --git a/src/inputs/search/search/PSearch.vue b/src/inputs/search/search/PSearch.vue
index ffde6e959..2b72ecb4a 100644
--- a/src/inputs/search/search/PSearch.vue
+++ b/src/inputs/search/search/PSearch.vue
@@ -38,7 +38,7 @@
                           @click="handleDelete"
                     >
                         <p-i class="icon"
-                             name="ic_delete"
+                             name="ic_close"
                              height="1rem"
                              width="1rem"
                         />
diff --git a/src/inputs/select-card/PSelectCard.vue b/src/inputs/select-card/PSelectCard.vue
index f4c786329..b75a05267 100644
--- a/src/inputs/select-card/PSelectCard.vue
+++ b/src/inputs/select-card/PSelectCard.vue
@@ -7,15 +7,22 @@
          @keydown="handleKeydown"
     >
         <p-i :name="markerIconName"
-             class="marker" width="1.25rem" height="1.25rem"
+             class="marker"
+             width="1.25rem"
+             height="1.25rem"
         />
         <div class="contents">
             <slot v-bind="{isSelected}">
-                <p-lazy-img v-if="imageUrl || icon" :src="imageUrl" :error-icon="errorIcon"
+                <p-lazy-img v-if="imageUrl || icon"
+                            :src="imageUrl"
+                            :error-icon="errorIcon"
                             :error-icon-color="typeof icon === 'boolean' && icon ? 'inherit' : iconColor"
-                            :width="block ? '1rem' : '3rem'" :height="block ? '1rem' : '3rem'"
+                            :width="block ? '1rem' : '3rem'"
+                            :height="block ? '1rem' : '3rem'"
                 />
-                <span v-if="label" class="label">{{ label }}</span>
+                <span v-if="label"
+                      class="label"
+                >{{ label }}</span>
             </slot>
             <slot name="bottom" />
         </div>
@@ -118,17 +125,17 @@ export default defineComponent<Props>({
         const state = reactive({
             markerIconName: computed(() => {
                 if (props.multiSelectable) {
-                    if (props.disabled) return 'ic_checkbox--disabled';
-                    if (isSelected.value) return 'ic_checkbox--checked';
+                    if (props.disabled) return 'ic_checkbox-disabled';
+                    if (isSelected.value) return 'ic_checkbox-selected';
                     return 'ic_checkbox';
                 }
-                if (props.disabled) return 'ic_radio--disabled';
-                if (isSelected.value) return 'ic_checkbox_circle--checked';
+                if (props.disabled) return 'ic_radio-disabled';
+                if (isSelected.value) return 'ic_checkbox-circle-selected';
                 return '';
             }),
             errorIcon: computed(() => {
                 if (typeof props.icon === 'string') return props.icon;
-                if (props.icon) return 'smile-face';
+                if (props.icon) return 'ic_face-smile';
                 return '';
             }),
         });
diff --git a/src/inputs/select-card/story-helper.ts b/src/inputs/select-card/story-helper.ts
index 2af5f384d..54b0dd30d 100644
--- a/src/inputs/select-card/story-helper.ts
+++ b/src/inputs/select-card/story-helper.ts
@@ -151,7 +151,7 @@ export const getSelectCardArgTypes = (): ArgTypes => ({
         It has a lower priority than \`imageUrl\` props.
         So it is rendered only when there is no value in \`imageUrl\` props or when the image load fails.
         If it is \`true\`, default icon will be rendered.`,
-        defaultValue: 'ic_service_compute-engine',
+        defaultValue: 'img_avatar_admin',
         table: {
             type: {
                 summary: 'string, boolean',
diff --git a/src/layouts/horizontal-layout/PHorizontalLayout.vue b/src/layouts/horizontal-layout/PHorizontalLayout.vue
index 0a5859bab..222057d7a 100644
--- a/src/layouts/horizontal-layout/PHorizontalLayout.vue
+++ b/src/layouts/horizontal-layout/PHorizontalLayout.vue
@@ -15,7 +15,7 @@
                 <p-i color="inherit"
                      width="1.5rem"
                      height="1.5rem"
-                     name="btn_height-modifier"
+                     name="ic_double-line-drag-handle"
                 />
             </span>
         </div>
diff --git a/src/layouts/sidebar/PSidebar.vue b/src/layouts/sidebar/PSidebar.vue
index 140bb5df0..c39a6b01d 100644
--- a/src/layouts/sidebar/PSidebar.vue
+++ b/src/layouts/sidebar/PSidebar.vue
@@ -22,7 +22,7 @@
                     </p>
                     <p-icon-button v-if="!hideCloseButton"
                                    class="close-button"
-                                   name="ic_delete"
+                                   name="ic_close"
                                    size="lg"
                                    @click.stop="onClickClose"
                     />
diff --git a/src/layouts/vertical-layout/PVerticalLayout.vue b/src/layouts/vertical-layout/PVerticalLayout.vue
index 8e192e495..4bf13094e 100644
--- a/src/layouts/vertical-layout/PVerticalLayout.vue
+++ b/src/layouts/vertical-layout/PVerticalLayout.vue
@@ -27,7 +27,7 @@
                         <p-i class="resizer-button"
                              width="1.25rem"
                              height="1.25rem"
-                             :name="hide ? 'btn_ic_tree_hidden—folded' : 'btn_ic_tree_hidden'"
+                             :name="hide ? 'ic_chevron-right-circle-filled' : 'ic_chevron-right-circle'"
                              :color="hide ? 'primary2 white' : 'white inherit'"
                         />
                     </slot>
diff --git a/src/navigation/breadcrumbs/PBreadcrumbs.vue b/src/navigation/breadcrumbs/PBreadcrumbs.vue
index d6b13beda..80f02beee 100644
--- a/src/navigation/breadcrumbs/PBreadcrumbs.vue
+++ b/src/navigation/breadcrumbs/PBreadcrumbs.vue
@@ -21,7 +21,7 @@
                         />
                     </span>
                     <span v-if="idx < routes.length - 1">
-                        <p-i name="ic_breadcrumb_arrow"
+                        <p-i name="ic_chevron-left-thin"
                              width="1rem"
                              height="1rem"
                              class="arrow-icon"
@@ -47,7 +47,7 @@
                         />
                     </span>
                     <span v-if="idx < routes.length - 1">
-                        <p-i name="ic_breadcrumb_arrow"
+                        <p-i name="ic_chevron-left-thin"
                              width="1rem"
                              height="1rem"
                              class="arrow-icon"
@@ -60,7 +60,7 @@
                 <span class="link"
                       @click="showHidden"
                 >...</span>
-                <p-i name="ic_breadcrumb_arrow"
+                <p-i name="ic_chevron-left-thin"
                      width="1rem"
                      height="1rem"
                      class="arrow-icon"
diff --git a/src/navigation/pagination/date-pagination/PDatePagination.vue b/src/navigation/pagination/date-pagination/PDatePagination.vue
index df7e15d61..9a7af6fae 100644
--- a/src/navigation/pagination/date-pagination/PDatePagination.vue
+++ b/src/navigation/pagination/date-pagination/PDatePagination.vue
@@ -6,12 +6,12 @@
             </div>
         </div>
         <p-icon-button class="text"
-                       name="ic_arrow_left"
+                       name="ic_chevron-left"
                        color="inherit transparent"
                        @click="onClickPrev"
         />
         <p-icon-button class="text"
-                       name="ic_arrow_right"
+                       name="ic_chevron-right"
                        color="inherit transparent"
                        :disabled="nextButtonDisabled"
                        @click="onClickNext"
diff --git a/src/navigation/pagination/pagination/PPagination.vue b/src/navigation/pagination/pagination/PPagination.vue
index f19f066d5..0c0b20dea 100644
--- a/src/navigation/pagination/pagination/PPagination.vue
+++ b/src/navigation/pagination/pagination/PPagination.vue
@@ -1,7 +1,7 @@
 <template>
     <nav class="pagination">
         <p-icon-button class="text"
-                       name="ic_arrow_left"
+                       name="ic_chevron-left"
                        color="inherit transparent"
                        :disabled="proxyState.thisPage === 1"
                        @click="prevPage"
@@ -22,7 +22,7 @@
             </div>
         </div>
         <p-icon-button class="text"
-                       name="ic_arrow_right"
+                       name="ic_chevron-right"
                        color="inherit transparent"
                        :disabled="proxyState.thisPage === pageList.totalPages"
                        @click="nextPage"
diff --git a/src/navigation/pagination/text-pagination/PTextPagination.vue b/src/navigation/pagination/text-pagination/PTextPagination.vue
index 1839ac6e0..39a7dc804 100644
--- a/src/navigation/pagination/text-pagination/PTextPagination.vue
+++ b/src/navigation/pagination/text-pagination/PTextPagination.vue
@@ -1,7 +1,7 @@
 <template>
     <nav class="text-pagination">
         <p-icon-button class="text"
-                       name="ic_arrow_left"
+                       name="ic_chevron-left"
                        color="inherit transparent"
                        :disabled="thisPage === 1"
                        @click="update(thisPage - 1)"
@@ -18,7 +18,7 @@
         </div>
 
         <p-icon-button class="text"
-                       name="ic_arrow_right"
+                       name="ic_chevron-right"
                        color="inherit transparent"
                        :disabled="thisPage === allPage || disableNextPage"
                        @click="update(thisPage + 1)"
diff --git a/src/navigation/tabs/box-tab/PBoxTab.vue b/src/navigation/tabs/box-tab/PBoxTab.vue
index e49067cdc..6b17e6778 100644
--- a/src/navigation/tabs/box-tab/PBoxTab.vue
+++ b/src/navigation/tabs/box-tab/PBoxTab.vue
@@ -1,21 +1,32 @@
 <template>
-    <div class="p-box-tab" :class="styleType">
+    <div class="p-box-tab"
+         :class="styleType"
+    >
         <div class="box-group">
             <button v-for="(tab, idx) in tabItems"
                     :key="tab.name"
                     :class="{ active: activeTab && activeTab === tab.name}"
                     @click="handleClickTab(tab, idx)"
             >
-                <p-i v-show="activeTab && activeTab === tab.name" name="ic_check" color="inherit" />
+                <p-i v-show="activeTab && activeTab === tab.name"
+                     name="ic_check"
+                     color="inherit"
+                />
                 <span>{{ tab.label }}</span>
             </button>
         </div>
         <div class="tab-pane">
             <slot />
             <keep-alive>
-                <slot v-if="keepAliveTabNames.includes(activeTab)" :name="activeTab" v-bind="currentTabItem" />
+                <slot v-if="keepAliveTabNames.includes(activeTab)"
+                      :name="activeTab"
+                      v-bind="currentTabItem"
+                />
             </keep-alive>
-            <slot v-if="nonKeepAliveTabNames.includes(activeTab)" :name="activeTab" v-bind="currentTabItem" />
+            <slot v-if="nonKeepAliveTabNames.includes(activeTab)"
+                  :name="activeTab"
+                  v-bind="currentTabItem"
+            />
         </div>
     </div>
 </template>
diff --git a/src/navigation/toolbox/PToolbox.vue b/src/navigation/toolbox/PToolbox.vue
index f8a56ee75..b40c63864 100644
--- a/src/navigation/toolbox/PToolbox.vue
+++ b/src/navigation/toolbox/PToolbox.vue
@@ -61,7 +61,7 @@
                     <div v-if="settingsVisible"
                          class="tool"
                     >
-                        <p-icon-button name="ic_setting"
+                        <p-icon-button name="ic_settings-filled"
                                        @click="$emit('click-settings', $event)"
                         />
                     </div>