<app-page-header title="Remix Icons" title1="Remix Icons" activeitem="Icons"></app-page-header>
<!-- Start::row-1 -->
<div class="grid grid-cols-12 gap-6">
<div class="col-span-12">
<div class="box">
<div class="box-header">
<h5 class="box-title">Remix Icons-Line</h5>
</div>
<div class="box-body">
<p class="mb-2">Simply beautiful open source icons. For more info <a href="https://remixicon.com/" target="_blank" class="text-primary">click here</a>.</p>
<p class="mb-4"><code><i class="ri ri-ICON_NAME-line"></i></code></p>
<div class="grid grid-cols-2 sm:grid-cols-4 md:!grid-cols-6 xxl:!grid-cols-8 gap-2 icons-list list-unstyled">
<div class="icons-list-item">
<i class="ri-home-line"></i>
<span class="icon-label">home</span>
</div>
<div class="icons-list-item">
<i class="ri-home-2-line"></i>
<span class="icon-label">home-2</span>
</div>
<div class="icons-list-item">
<i class="ri-home-3-line"></i>
<span class="icon-label">home-3</span>
</div>
<div class="icons-list-item">
<i class="ri-home-4-line"></i>
<span class="icon-label">home-4</span>
</div>
<div class="icons-list-item">
<i class="ri-home-5-line"></i>
<span class="icon-label">home-5</span>
</div>
<div class="icons-list-item">
<i class="ri-home-6-line"></i>
<span class="icon-label">home-6</span>
</div>
<div class="icons-list-item">
<i class="ri-home-7-line"></i>
<span class="icon-label">home-7</span>
</div>
<div class="icons-list-item">
<i class="ri-home-8-line"></i>
<span class="icon-label">home-8</span>
</div>
<div class="icons-list-item">
<i class="ri-home-gear-line"></i>
<span class="icon-label">home-gear</span>
</div>
<div class="icons-list-item">
<i class="ri-home-wifi-line"></i>
<span class="icon-label">home-wifi</span>
</div>
<div class="icons-list-item">
<i class="ri-home-smile-line"></i>
<span class="icon-label">home-smile</span>
</div>
<div class="icons-list-item">
<i class="ri-home-smile-2-line"></i>
<span class="icon-label">home-smile-2</span>
</div>
<div class="icons-list-item">
<i class="ri-home-heart-line"></i>
<span class="icon-label">home-heart</span>
</div>
<div class="icons-list-item">
<i class="ri-building-line"></i>
<span class="icon-label">building</span>
</div>
<div class="icons-list-item">
<i class="ri-building-2-line"></i>
<span class="icon-label">building-2</span>
</div>
<div class="icons-list-item">
<i class="ri-building-3-line"></i>
<span class="icon-label">building-3</span>
</div>
<div class="icons-list-item">
<i class="ri-building-4-line"></i>
<span class="icon-label">building-4</span>
</div>
<div class="icons-list-item">
<i class="ri-hotel-line"></i>
<span class="icon-label">hotel</span>
</div>
<div class="icons-list-item">
<i class="ri-community-line"></i>
<span class="icon-label">community</span>
</div>
<div class="icons-list-item">
<i class="ri-government-fill"></i>
<span class="icon-label">government</span>
</div>
<div class="icons-list-item">
<i class="ri-bank-line"></i>
<span class="icon-label">bank</span>
</div>
<div class="icons-list-item">
<i class="ri-store-line"></i>
<span class="icon-label">store</span>
</div>
<div class="icons-list-item">
<i class="ri-store-2-line"></i>
<span class="icon-label">store-2</span>
</div>
<div class="icons-list-item">
<i class="ri-store-3-line"></i>
<span class="icon-label">store-3</span>
</div>
<div class="icons-list-item">
<i class="ri-hospital-line"></i>
<span class="icon-label">hospital</span>
</div>
<div class="icons-list-item">
<i class="ri-ancient-gate-line"></i>
<span class="icon-label">ancient-gate</span>
</div>
<div class="icons-list-item">
<i class="ri-ancient-pavilion-line"></i>
<span class="icon-label">ancient-pavilion</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-line"></i>
<span class="icon-label">mail</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-open-line"></i>
<span class="icon-label">mail-open</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-send-line"></i>
<span class="icon-label">mail-send</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-unread-line"></i>
<span class="icon-label">mail-unread</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-add-line"></i>
<span class="icon-label">mail-add</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-check-line"></i>
<span class="icon-label">mail-check</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-close-line"></i>
<span class="icon-label">mail-close</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-download-line"></i>
<span class="icon-label">mail-download</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-forbid-line"></i>
<span class="icon-label">mail-forbid</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-lock-line"></i>
<span class="icon-label">mail-lock</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-settings-line"></i>
<span class="icon-label">mail-settings</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-star-line"></i>
<span class="icon-label">mail-star</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-volume-line"></i>
<span class="icon-label">mail-volume</span>
</div>
<div class="icons-list-item">
<i class="ri-inbox-line"></i>
<span class="icon-label">inbox</span>
</div>
<div class="icons-list-item">
<i class="ri-inbox-archive-line"></i>
<span class="icon-label">inbox-archive</span>
</div>
<div class="icons-list-item">
<i class="ri-inbox-unarchive-line"></i>
<span class="icon-label">inbox-unarchive</span>
</div>
<div class="icons-list-item">
<i class="ri-cloud-line"></i>
<span class="icon-label">cloud</span>
</div>
<div class="icons-list-item">
<i class="ri-cloud-off-line"></i>
<span class="icon-label">cloud-off</span>
</div>
<div class="icons-list-item">
<i class="ri-attachment-line"></i>
<span class="icon-label">attachment</span>
</div>
<div class="icons-list-item">
<i class="ri-profile-line"></i>
<span class="icon-label">profile</span>
</div>
<div class="icons-list-item">
<i class="ri-archive-line"></i>
<span class="icon-label">archive</span>
</div>
<div class="icons-list-item">
<i class="ri-archive-drawer-line"></i>
<span class="icon-label">archive-drawer</span>
</div>
<div class="icons-list-item">
<i class="ri-at-line"></i>
<span class="icon-label">at</span>
</div>
<div class="icons-list-item">
<i class="ri-award-line"></i>
<span class="icon-label">award</span>
</div>
<div class="icons-list-item">
<i class="ri-medal-line"></i>
<span class="icon-label">medal</span>
</div>
<div class="icons-list-item">
<i class="ri-medal-2-line"></i>
<span class="icon-label">medal-2</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-line"></i>
<span class="icon-label">bar-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-horizontal-line"></i>
<span class="icon-label">bar-chart-horizontal</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-2-line"></i>
<span class="icon-label">bar-chart-2</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-box-line"></i>
<span class="icon-label">bar-chart-box</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-grouped-line"></i>
<span class="icon-label">bar-chart-grouped</span>
</div>
<div class="icons-list-item">
<i class="ri-bubble-chart-line"></i>
<span class="icon-label">bubble-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-pie-chart-line"></i>
<span class="icon-label">pie-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-pie-chart-2-line"></i>
<span class="icon-label">pie-chart-2</span>
</div>
<div class="icons-list-item">
<i class="ri-pie-chart-box-line"></i>
<span class="icon-label">pie-chart-box</span>
</div>
<div class="icons-list-item">
<i class="ri-donut-chart-line"></i>
<span class="icon-label">donut-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-line-chart-line"></i>
<span class="icon-label">line-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-bookmark-line"></i>
<span class="icon-label">bookmark</span>
</div>
<div class="icons-list-item">
<i class="ri-bookmark-2-line"></i>
<span class="icon-label">bookmark-2</span>
</div>
<div class="icons-list-item">
<i class="ri-bookmark-3-line"></i>
<span class="icon-label">bookmark-3</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-line"></i>
<span class="icon-label">briefcase</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-2-line"></i>
<span class="icon-label">briefcase-2</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-3-line"></i>
<span class="icon-label">briefcase-3</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-4-line"></i>
<span class="icon-label">briefcase-4</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-5-line"></i>
<span class="icon-label">briefcase-5</span>
</div>
<div class="icons-list-item">
<i class="ri-calculator-line"></i>
<span class="icon-label">calculator</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-line"></i>
<span class="icon-label">calendar</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-2-line"></i>
<span class="icon-label">calendar-2</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-event-line"></i>
<span class="icon-label">calendar-event</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-todo-line"></i>
<span class="icon-label">calendar-todo</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-check-line"></i>
<span class="icon-label">calendar-check</span>
</div>
<div class="icons-list-item">
<i class="ri-customer-service-line"></i>
<span class="icon-label">customer-service</span>
</div>
<div class="icons-list-item">
<i class="ri-customer-service-2-line"></i>
<span class="icon-label">customer-service-2</span>
</div>
<div class="icons-list-item">
<i class="ri-flag-line"></i>
<span class="icon-label">flag</span>
</div>
<div class="icons-list-item">
<i class="ri-flag-2-line"></i>
<span class="icon-label">flag-2</span>
</div>
<div class="icons-list-item">
<i class="ri-global-line"></i>
<span class="icon-label">global</span>
</div>
<div class="icons-list-item">
<i class="ri-honour-line"></i>
<span class="icon-label">honour</span>
</div>
<div class="icons-list-item">
<i class="ri-links-line"></i>
<span class="icon-label">links</span>
</div>
<div class="icons-list-item">
<i class="ri-printer-line"></i>
<span class="icon-label">printer</span>
</div>
<div class="icons-list-item">
<i class="ri-printer-cloud-line"></i>
<span class="icon-label">printer-cloud</span>
</div>
<div class="icons-list-item">
<i class="ri-record-mail-line"></i>
<span class="icon-label">record-mail</span>
</div>
<div class="icons-list-item">
<i class="ri-reply-line"></i>
<span class="icon-label">reply</span>
</div>
<div class="icons-list-item">
<i class="ri-reply-all-line"></i>
<span class="icon-label">reply-all</span>
</div>
<div class="icons-list-item">
<i class="ri-send-plane-line"></i>
<span class="icon-label">send-plane</span>
</div>
<div class="icons-list-item">
<i class="ri-send-plane-2-line"></i>
<span class="icon-label">send-plane-2</span>
</div>
<div class="icons-list-item">
<i class="ri-projector-line"></i>
<span class="icon-label">projector</span>
</div>
<div class="icons-list-item">
<i class="ri-projector-2-line"></i>
<span class="icon-label">projector-2</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-line"></i>
<span class="icon-label">slideshow</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-2-line"></i>
<span class="icon-label">slideshow-2</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-3-line"></i>
<span class="icon-label">slideshow-3</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-4-line"></i>
<span class="icon-label">slideshow-4</span>
</div>
<div class="icons-list-item">
<i class="ri-window-line"></i>
<span class="icon-label">window</span>
</div>
<div class="icons-list-item">
<i class="ri-window-2-line"></i>
<span class="icon-label">window-2</span>
</div>
<div class="icons-list-item">
<i class="ri-stack-line"></i>
<span class="icon-label">stack</span>
</div>
<div class="icons-list-item">
<i class="ri-service-line"></i>
<span class="icon-label">service</span>
</div>
<div class="icons-list-item">
<i class="ri-registered-line"></i>
<span class="icon-label">registered</span>
</div>
<div class="icons-list-item">
<i class="ri-trademark-line"></i>
<span class="icon-label">trademark</span>
</div>
<div class="icons-list-item">
<i class="ri-advertisement-line"></i>
<span class="icon-label">advertisement</span>
</div>
<div class="icons-list-item">
<i class="ri-copyleft-line"></i>
<span class="icon-label">copyleft</span>
</div>
<div class="icons-list-item">
<i class="ri-copyright-line"></i>
<span class="icon-label">copyright</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-line"></i>
<span class="icon-label">creative-commons</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-by-line"></i>
<span class="icon-label">creative-commons-by</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-nc-line"></i>
<span class="icon-label">creative-commons-nc</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-nd-line"></i>
<span class="icon-label">creative-commons-nd</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-sa-line"></i>
<span class="icon-label">creative-commons-sa</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-zero-line"></i>
<span class="icon-label">creative-commons-zero</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-1-line"></i>
<span class="icon-label">chat-1</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-2-line"></i>
<span class="icon-label">chat-2</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-3-line"></i>
<span class="icon-label">chat-3</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-4-line"></i>
<span class="icon-label">chat-4</span>
</div>
<div class="icons-list-item">
<i class="ri-message-line"></i>
<span class="icon-label">message</span>
</div>
<div class="icons-list-item">
<i class="ri-message-2-line"></i>
<span class="icon-label">message-2</span>
</div>
<div class="icons-list-item">
<i class="ri-message-3-line"></i>
<span class="icon-label">message-3</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-check-line"></i>
<span class="icon-label">chat-check</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-delete-line"></i>
<span class="icon-label">chat-delete</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-forward-line"></i>
<span class="icon-label">chat-forward</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-upload-line"></i>
<span class="icon-label">chat-upload</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-download-line"></i>
<span class="icon-label">chat-download</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-new-line"></i>
<span class="icon-label">chat-new</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-settings-line"></i>
<span class="icon-label">chat-settings</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-smile-line"></i>
<span class="icon-label">chat-smile</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-smile-2-line"></i>
<span class="icon-label">chat-smile-2</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-smile-3-line"></i>
<span class="icon-label">chat-smile-3</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-heart-line"></i>
<span class="icon-label">chat-heart</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-off-line"></i>
<span class="icon-label">chat-off</span>
</div>
<div class="icons-list-item">
<i class="ri-feedback-line"></i>
<span class="icon-label">feedback</span>
</div>
<div class="icons-list-item">
<i class="ri-discuss-line"></i>
<span class="icon-label">discuss</span>
</div>
<div class="icons-list-item">
<i class="ri-question-answer-line"></i>
<span class="icon-label">question-answer</span>
</div>
<div class="icons-list-item">
<i class="ri-questionnaire-line"></i>
<span class="icon-label">questionnaire</span>
</div>
<div class="icons-list-item">
<i class="ri-video-chat-line"></i>
<span class="icon-label">video-chat</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-voice-line"></i>
<span class="icon-label">chat-voice</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-quote-line"></i>
<span class="icon-label">chat-quote</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-follow-up-line"></i>
<span class="icon-label">chat-follow-up</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-poll-line"></i>
<span class="icon-label">chat-poll</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-history-line"></i>
<span class="icon-label">chat-history</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-private-line"></i>
<span class="icon-label">chat-private</span>
</div>
<div class="icons-list-item">
<i class="ri-pencil-line"></i>
<span class="icon-label">pencil</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-line"></i>
<span class="icon-label">edit</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-2-line"></i>
<span class="icon-label">edit-2</span>
</div>
<div class="icons-list-item">
<i class="ri-ball-pen-line"></i>
<span class="icon-label">ball-pen</span>
</div>
<div class="icons-list-item">
<i class="ri-quill-pen-line"></i>
<span class="icon-label">quill-pen</span>
</div>
<div class="icons-list-item">
<i class="ri-pen-nib-line"></i>
<span class="icon-label">pen-nib</span>
</div>
<div class="icons-list-item">
<i class="ri-ink-bottle-line"></i>
<span class="icon-label">ink-bottle</span>
</div>
<div class="icons-list-item">
<i class="ri-mark-pen-line"></i>
<span class="icon-label">mark-pen</span>
</div>
<div class="icons-list-item">
<i class="ri-markup-line"></i>
<span class="icon-label">markup</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-box-line"></i>
<span class="icon-label">edit-box</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-circle-line"></i>
<span class="icon-label">edit-circle</span>
</div>
<div class="icons-list-item">
<i class="ri-sip-line"></i>
<span class="icon-label">sip</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-line"></i>
<span class="icon-label">brush</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-2-line"></i>
<span class="icon-label">brush-2</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-3-line"></i>
<span class="icon-label">brush-3</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-4-line"></i>
<span class="icon-label">brush-4</span>
</div>
<div class="icons-list-item">
<i class="ri-paint-brush-line"></i>
<span class="icon-label">paint-brush</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-line"></i>
<span class="icon-label">contrast</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-2-line"></i>
<span class="icon-label">contrast-2</span>
</div>
<div class="icons-list-item">
<i class="ri-drop-line"></i>
<span class="icon-label">drop</span>
</div>
<div class="icons-list-item">
<i class="ri-blur-off-line"></i>
<span class="icon-label">blur-off</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-drop-line"></i>
<span class="icon-label">contrast-drop</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-drop-2-line"></i>
<span class="icon-label">contrast-drop-2</span>
</div>
<div class="icons-list-item">
<i class="ri-compasses-line"></i>
<span class="icon-label">compasses</span>
</div>
<div class="icons-list-item">
<i class="ri-compasses-2-line"></i>
<span class="icon-label">compasses-2</span>
</div>
<div class="icons-list-item">
<i class="ri-scissors-line"></i>
<span class="icon-label">scissors</span>
</div>
<div class="icons-list-item">
<i class="ri-scissors-cut-line"></i>
<span class="icon-label">scissors-cut</span>
</div>
<div class="icons-list-item">
<i class="ri-scissors-2-line"></i>
<span class="icon-label">scissors-2</span>
</div>
<div class="icons-list-item">
<i class="ri-slice-line"></i>
<span class="icon-label">slice</span>
</div>
<div class="icons-list-item">
<i class="ri-eraser-line"></i>
<span class="icon-label">eraser</span>
</div>
<div class="icons-list-item">
<i class="ri-ruler-line"></i>
<span class="icon-label">ruler</span>
</div>
<div class="icons-list-item">
<i class="ri-ruler-2-line"></i>
<span class="icon-label">ruler-2</span>
</div>
<div class="icons-list-item">
<i class="ri-pencil-ruler-line"></i>
<span class="icon-label">pencil-ruler</span>
</div>
<div class="icons-list-item">
<i class="ri-pencil-ruler-2-line"></i>
<span class="icon-label">pencil-ruler-2</span>
</div>
<div class="icons-list-item">
<i class="ri-t-box-line"></i>
<span class="icon-label">t-box</span>
</div>
<div class="icons-list-item">
<i class="ri-input-method-line"></i>
<span class="icon-label">input-method</span>
</div>
<div class="icons-list-item">
<i class="ri-artboard-line"></i>
<span class="icon-label">artboard</span>
</div>
<div class="icons-list-item">
<i class="ri-artboard-2-line"></i>
<span class="icon-label">artboard-2</span>
</div>
<div class="icons-list-item">
<i class="ri-crop-line"></i>
<span class="icon-label">crop</span>
</div>
<div class="icons-list-item">
<i class="ri-crop-2 -line"></i>
<span class="icon-label">crop-2 </span>
</div>
<div class="icons-list-item">
<i class="ri-screenshot-line"></i>
<span class="icon-label">screenshot</span>
</div>
<div class="icons-list-item">
<i class="ri-screenshot-2-line"></i>
<span class="icon-label">screenshot-2</span>
</div>
<div class="icons-list-item">
<i class="ri-drag-move-line"></i>
<span class="icon-label">drag-move</span>
</div>
<div class="icons-list-item">
<i class="ri-drag-move-2-line"></i>
<span class="icon-label">drag-move-2</span>
</div>
<div class="icons-list-item">
<i class="ri-focus-line"></i>
<span class="icon-label">focus</span>
</div>
<div class="icons-list-item">
<i class="ri-focus-2-line"></i>
<span class="icon-label">focus-2</span>
</div>
<div class="icons-list-item">
<i class="ri-focus-3-line"></i>
<span class="icon-label">focus-3</span>
</div>
<div class="icons-list-item">
<i class="ri-paint-line"></i>
<span class="icon-label">paint</span>
</div>
<div class="icons-list-item">
<i class="ri-palette-line"></i>
<span class="icon-label">palette</span>
</div>
<div class="icons-list-item">
<i class="ri-pantone-line"></i>
<span class="icon-label">pantone</span>
</div>
<div class="icons-list-item">
<i class="ri-shape-line"></i>
<span class="icon-label">shape</span>
</div>
<div class="icons-list-item">
<i class="ri-shape-2-line"></i>
<span class="icon-label">shape-2</span>
</div>
<div class="icons-list-item">
<i class="ri-magic-line"></i>
<span class="icon-label">magic</span>
</div>
<div class="icons-list-item">
<i class="ri-anticlockwise-line"></i>
<span class="icon-label">anticlockwise</span>
</div>
<div class="icons-list-item">
<i class="ri-anticlockwise-2-line"></i>
<span class="icon-label">anticlockwise-2</span>
</div>
<div class="icons-list-item">
<i class="ri-clockwise-line"></i>
<span class="icon-label">clockwise</span>
</div>
<div class="icons-list-item">
<i class="ri-clockwise-2-line"></i>
<span class="icon-label">clockwise-2</span>
</div>
<div class="icons-list-item">
<i class="ri-hammer-line"></i>
<span class="icon-label">hammer</span>
</div>
<div class="icons-list-item">
<i class="ri-tools-line"></i>
<span class="icon-label">tools</span>
</div>
<div class="icons-list-item">
<i class="ri-drag-drop-line"></i>
<span class="icon-label">drag-drop</span>
</div>
<div class="icons-list-item">
<i class="ri-table-line"></i>
<span class="icon-label">table</span>
</div>
<div class="icons-list-item">
<i class="ri-table-alt-line"></i>
<span class="icon-label">table-alt</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-line"></i>
<span class="icon-label">layout</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-2-line"></i>
<span class="icon-label">layout-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-3-line"></i>
<span class="icon-label">layout-3</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-4-line"></i>
<span class="icon-label">layout-4</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-5-line"></i>
<span class="icon-label">layout-5</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-6-line"></i>
<span class="icon-label">layout-6</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-column-line"></i>
<span class="icon-label">layout-column</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-row-line"></i>
<span class="icon-label">layout-row</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-top-line"></i>
<span class="icon-label">layout-top</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-right-line"></i>
<span class="icon-label">layout-right</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-bottom-line"></i>
<span class="icon-label">layout-bottom</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-left-line"></i>
<span class="icon-label">layout-left</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-top-2-line"></i>
<span class="icon-label">layout-top-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-right-2-line"></i>
<span class="icon-label">layout-right-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-bottom-2-line"></i>
<span class="icon-label">layout-bottom-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-left-2-line"></i>
<span class="icon-label">layout-left-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-grid-line"></i>
<span class="icon-label">layout-grid</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-masonry-line"></i>
<span class="icon-label">layout-masonry</span>
</div>
<div class="icons-list-item">
<i class="ri-collage-line"></i>
<span class="icon-label">collage</span>
</div>
<div class="icons-list-item">
<i class="ri-grid-line"></i>
<span class="icon-label">grid</span>
</div>
<div class="icons-list-item">
<i class="ri-bug-line"></i>
<span class="icon-label">bug</span>
</div>
<div class="icons-list-item">
<i class="ri-bug-2-line"></i>
<span class="icon-label">bug-2</span>
</div>
<div class="icons-list-item">
<i class="ri-code-line"></i>
<span class="icon-label">code</span>
</div>
<div class="icons-list-item">
<i class="ri-code-s-line"></i>
<span class="icon-label">code-s</span>
</div>
<div class="icons-list-item">
<i class="ri-code-s-slash-line"></i>
<span class="icon-label">code-s-slash</span>
</div>
<div class="icons-list-item">
<i class="ri-code-box-line"></i>
<span class="icon-label">code-box</span>
</div>
<div class="icons-list-item">
<i class="ri-terminal-box-line"></i>
<span class="icon-label">terminal-box</span>
</div>
<div class="icons-list-item">
<i class="ri-terminal-line"></i>
<span class="icon-label">terminal</span>
</div>
<div class="icons-list-item">
<i class="ri-terminal-window-line"></i>
<span class="icon-label">terminal-window</span>
</div>
<div class="icons-list-item">
<i class="ri-parentheses-line"></i>
<span class="icon-label">parentheses</span>
</div>
<div class="icons-list-item">
<i class="ri-brackets-line"></i>
<span class="icon-label">brackets</span>
</div>
<div class="icons-list-item">
<i class="ri-braces-line"></i>
<span class="icon-label">braces</span>
</div>
<div class="icons-list-item">
<i class="ri-command-line"></i>
<span class="icon-label">command</span>
</div>
<div class="icons-list-item">
<i class="ri-cursor-line"></i>
<span class="icon-label">cursor</span>
</div>
<div class="icons-list-item">
<i class="ri-git-commit-line"></i>
<span class="icon-label">git-commit</span>
</div>
<div class="icons-list-item">
<i class="ri-git-pull-request-line"></i>
<span class="icon-label">git-pull-request</span>
</div>
<div class="icons-list-item">
<i class="ri-git-merge-line"></i>
<span class="icon-label">git-merge</span>
</div>
<div class="icons-list-item">
<i class="ri-git-branch-line"></i>
<span class="icon-label">git-branch</span>
</div>
<div class="icons-list-item">
<i class="ri-git-repository-line"></i>
<span class="icon-label">git-repository</span>
</div>
<div class="icons-list-item">
<i class="ri-git-repository-commits-line"></i>
<span class="icon-label">git-repository-commits</span>
</div>
<div class="icons-list-item">
<i class="ri-git-repository-private-line"></i>
<span class="icon-label">git-repository-private</span>
</div>
<div class="icons-list-item">
<i class="ri-html5-line"></i>
<span class="icon-label">html5</span>
</div>
<div class="icons-list-item">
<i class="ri-css3-line"></i>
<span class="icon-label">css3</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End::row-1 -->
<!-- Start::row-2 -->
<div class="grid grid-cols-12 gap-6">
<div class="col-span-12">
<div class="box">
<div class="box-header">
<h5 class="box-title">Remix Icons-Fill</h5>
</div>
<div class="box-body">
<p class="mb-2">Simply beautiful open source icons. For more info <a href="https://remixicon.com/" target="_blank" class="text-primary">click here</a>.</p>
<p class="mb-4"><code><i class="ri ri-ICON_NAME-fill"></i></code></p>
<div class="grid grid-cols-2 sm:grid-cols-4 md:!grid-cols-6 xxl:!grid-cols-8 gap-2 icons-list list-unstyled">
<div class="icons-list-item">
<i class="ri-home-fill"></i>
<span class="icon-label">home</span>
</div>
<div class="icons-list-item">
<i class="ri-home-2-fill"></i>
<span class="icon-label">home-2</span>
</div>
<div class="icons-list-item">
<i class="ri-home-3-fill"></i>
<span class="icon-label">home-3</span>
</div>
<div class="icons-list-item">
<i class="ri-home-4-fill"></i>
<span class="icon-label">home-4</span>
</div>
<div class="icons-list-item">
<i class="ri-home-5-fill"></i>
<span class="icon-label">home-5</span>
</div>
<div class="icons-list-item">
<i class="ri-home-6-fill"></i>
<span class="icon-label">home-6</span>
</div>
<div class="icons-list-item">
<i class="ri-home-7-fill"></i>
<span class="icon-label">home-7</span>
</div>
<div class="icons-list-item">
<i class="ri-home-8-fill"></i>
<span class="icon-label">home-8</span>
</div>
<div class="icons-list-item">
<i class="ri-home-gear-fill"></i>
<span class="icon-label">home-gear</span>
</div>
<div class="icons-list-item">
<i class="ri-home-wifi-fill"></i>
<span class="icon-label">home-wifi</span>
</div>
<div class="icons-list-item">
<i class="ri-home-smile-fill"></i>
<span class="icon-label">home-smile</span>
</div>
<div class="icons-list-item">
<i class="ri-home-smile-2-fill"></i>
<span class="icon-label">home-smile-2</span>
</div>
<div class="icons-list-item">
<i class="ri-home-heart-fill"></i>
<span class="icon-label">home-heart</span>
</div>
<div class="icons-list-item">
<i class="ri-building-fill"></i>
<span class="icon-label">building</span>
</div>
<div class="icons-list-item">
<i class="ri-building-2-fill"></i>
<span class="icon-label">building-2</span>
</div>
<div class="icons-list-item">
<i class="ri-building-3-fill"></i>
<span class="icon-label">building-3</span>
</div>
<div class="icons-list-item">
<i class="ri-building-4-fill"></i>
<span class="icon-label">building-4</span>
</div>
<div class="icons-list-item">
<i class="ri-hotel-fill"></i>
<span class="icon-label">hotel</span>
</div>
<div class="icons-list-item">
<i class="ri-community-fill"></i>
<span class="icon-label">community</span>
</div>
<div class="icons-list-item">
<i class="ri-government-fill"></i>
<span class="icon-label">government</span>
</div>
<div class="icons-list-item">
<i class="ri-bank-fill"></i>
<span class="icon-label">bank</span>
</div>
<div class="icons-list-item">
<i class="ri-store-fill"></i>
<span class="icon-label">store</span>
</div>
<div class="icons-list-item">
<i class="ri-store-2-fill"></i>
<span class="icon-label">store-2</span>
</div>
<div class="icons-list-item">
<i class="ri-store-3-fill"></i>
<span class="icon-label">store-3</span>
</div>
<div class="icons-list-item">
<i class="ri-hospital-fill"></i>
<span class="icon-label">hospital</span>
</div>
<div class="icons-list-item">
<i class="ri-ancient-gate-fill"></i>
<span class="icon-label">ancient-gate</span>
</div>
<div class="icons-list-item">
<i class="ri-ancient-pavilion-fill"></i>
<span class="icon-label">ancient-pavilion</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-fill"></i>
<span class="icon-label">mail</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-open-fill"></i>
<span class="icon-label">mail-open</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-send-fill"></i>
<span class="icon-label">mail-send</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-unread-fill"></i>
<span class="icon-label">mail-unread</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-add-fill"></i>
<span class="icon-label">mail-add</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-check-fill"></i>
<span class="icon-label">mail-check</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-close-fill"></i>
<span class="icon-label">mail-close</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-download-fill"></i>
<span class="icon-label">mail-download</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-forbid-fill"></i>
<span class="icon-label">mail-forbid</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-lock-fill"></i>
<span class="icon-label">mail-lock</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-settings-fill"></i>
<span class="icon-label">mail-settings</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-star-fill"></i>
<span class="icon-label">mail-star</span>
</div>
<div class="icons-list-item">
<i class="ri-mail-volume-fill"></i>
<span class="icon-label">mail-volume</span>
</div>
<div class="icons-list-item">
<i class="ri-inbox-fill"></i>
<span class="icon-label">inbox</span>
</div>
<div class="icons-list-item">
<i class="ri-inbox-archive-fill"></i>
<span class="icon-label">inbox-archive</span>
</div>
<div class="icons-list-item">
<i class="ri-inbox-unarchive-fill"></i>
<span class="icon-label">inbox-unarchive</span>
</div>
<div class="icons-list-item">
<i class="ri-cloud-fill"></i>
<span class="icon-label">cloud</span>
</div>
<div class="icons-list-item">
<i class="ri-cloud-off-fill"></i>
<span class="icon-label">cloud-off</span>
</div>
<div class="icons-list-item">
<i class="ri-attachment-fill"></i>
<span class="icon-label">attachment</span>
</div>
<div class="icons-list-item">
<i class="ri-profile-fill"></i>
<span class="icon-label">profile</span>
</div>
<div class="icons-list-item">
<i class="ri-archive-fill"></i>
<span class="icon-label">archive</span>
</div>
<div class="icons-list-item">
<i class="ri-archive-drawer-fill"></i>
<span class="icon-label">archive-drawer</span>
</div>
<div class="icons-list-item">
<i class="ri-at-fill"></i>
<span class="icon-label">at</span>
</div>
<div class="icons-list-item">
<i class="ri-award-fill"></i>
<span class="icon-label">award</span>
</div>
<div class="icons-list-item">
<i class="ri-medal-fill"></i>
<span class="icon-label">medal</span>
</div>
<div class="icons-list-item">
<i class="ri-medal-2-fill"></i>
<span class="icon-label">medal-2</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-fill"></i>
<span class="icon-label">bar-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-horizontal-fill"></i>
<span class="icon-label">bar-chart-horizontal</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-2-fill"></i>
<span class="icon-label">bar-chart-2</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-box-fill"></i>
<span class="icon-label">bar-chart-box</span>
</div>
<div class="icons-list-item">
<i class="ri-bar-chart-grouped-fill"></i>
<span class="icon-label">bar-chart-grouped</span>
</div>
<div class="icons-list-item">
<i class="ri-bubble-chart-fill"></i>
<span class="icon-label">bubble-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-pie-chart-fill"></i>
<span class="icon-label">pie-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-pie-chart-2-fill"></i>
<span class="icon-label">pie-chart-2</span>
</div>
<div class="icons-list-item">
<i class="ri-pie-chart-box-fill"></i>
<span class="icon-label">pie-chart-box</span>
</div>
<div class="icons-list-item">
<i class="ri-donut-chart-fill"></i>
<span class="icon-label">donut-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-line-chart-fill"></i>
<span class="icon-label">line-chart</span>
</div>
<div class="icons-list-item">
<i class="ri-bookmark-fill"></i>
<span class="icon-label">bookmark</span>
</div>
<div class="icons-list-item">
<i class="ri-bookmark-2-fill"></i>
<span class="icon-label">bookmark-2</span>
</div>
<div class="icons-list-item">
<i class="ri-bookmark-3-fill"></i>
<span class="icon-label">bookmark-3</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-fill"></i>
<span class="icon-label">briefcase</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-2-fill"></i>
<span class="icon-label">briefcase-2</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-3-fill"></i>
<span class="icon-label">briefcase-3</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-4-fill"></i>
<span class="icon-label">briefcase-4</span>
</div>
<div class="icons-list-item">
<i class="ri-briefcase-5-fill"></i>
<span class="icon-label">briefcase-5</span>
</div>
<div class="icons-list-item">
<i class="ri-calculator-fill"></i>
<span class="icon-label">calculator</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-fill"></i>
<span class="icon-label">calendar</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-2-fill"></i>
<span class="icon-label">calendar-2</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-event-fill"></i>
<span class="icon-label">calendar-event</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-todo-fill"></i>
<span class="icon-label">calendar-todo</span>
</div>
<div class="icons-list-item">
<i class="ri-calendar-check-fill"></i>
<span class="icon-label">calendar-check</span>
</div>
<div class="icons-list-item">
<i class="ri-customer-service-fill"></i>
<span class="icon-label">customer-service</span>
</div>
<div class="icons-list-item">
<i class="ri-customer-service-2-fill"></i>
<span class="icon-label">customer-service-2</span>
</div>
<div class="icons-list-item">
<i class="ri-flag-fill"></i>
<span class="icon-label">flag</span>
</div>
<div class="icons-list-item">
<i class="ri-flag-2-fill"></i>
<span class="icon-label">flag-2</span>
</div>
<div class="icons-list-item">
<i class="ri-global-fill"></i>
<span class="icon-label">global</span>
</div>
<div class="icons-list-item">
<i class="ri-honour-fill"></i>
<span class="icon-label">honour</span>
</div>
<div class="icons-list-item">
<i class="ri-links-fill"></i>
<span class="icon-label">links</span>
</div>
<div class="icons-list-item">
<i class="ri-printer-fill"></i>
<span class="icon-label">printer</span>
</div>
<div class="icons-list-item">
<i class="ri-printer-cloud-fill"></i>
<span class="icon-label">printer-cloud</span>
</div>
<div class="icons-list-item">
<i class="ri-record-mail-fill"></i>
<span class="icon-label">record-mail</span>
</div>
<div class="icons-list-item">
<i class="ri-reply-fill"></i>
<span class="icon-label">reply</span>
</div>
<div class="icons-list-item">
<i class="ri-reply-all-fill"></i>
<span class="icon-label">reply-all</span>
</div>
<div class="icons-list-item">
<i class="ri-send-plane-fill"></i>
<span class="icon-label">send-plane</span>
</div>
<div class="icons-list-item">
<i class="ri-send-plane-2-fill"></i>
<span class="icon-label">send-plane-2</span>
</div>
<div class="icons-list-item">
<i class="ri-projector-fill"></i>
<span class="icon-label">projector</span>
</div>
<div class="icons-list-item">
<i class="ri-projector-2-fill"></i>
<span class="icon-label">projector-2</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-fill"></i>
<span class="icon-label">slideshow</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-2-fill"></i>
<span class="icon-label">slideshow-2</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-3-fill"></i>
<span class="icon-label">slideshow-3</span>
</div>
<div class="icons-list-item">
<i class="ri-slideshow-4-fill"></i>
<span class="icon-label">slideshow-4</span>
</div>
<div class="icons-list-item">
<i class="ri-window-fill"></i>
<span class="icon-label">window</span>
</div>
<div class="icons-list-item">
<i class="ri-window-2-fill"></i>
<span class="icon-label">window-2</span>
</div>
<div class="icons-list-item">
<i class="ri-stack-fill"></i>
<span class="icon-label">stack</span>
</div>
<div class="icons-list-item">
<i class="ri-service-fill"></i>
<span class="icon-label">service</span>
</div>
<div class="icons-list-item">
<i class="ri-registered-fill"></i>
<span class="icon-label">registered</span>
</div>
<div class="icons-list-item">
<i class="ri-trademark-fill"></i>
<span class="icon-label">trademark</span>
</div>
<div class="icons-list-item">
<i class="ri-advertisement-fill"></i>
<span class="icon-label">advertisement</span>
</div>
<div class="icons-list-item">
<i class="ri-copyleft-fill"></i>
<span class="icon-label">copyleft</span>
</div>
<div class="icons-list-item">
<i class="ri-copyright-fill"></i>
<span class="icon-label">copyright</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-fill"></i>
<span class="icon-label">creative-commons</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-by-fill"></i>
<span class="icon-label">creative-commons-by</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-nc-fill"></i>
<span class="icon-label">creative-commons-nc</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-nd-fill"></i>
<span class="icon-label">creative-commons-nd</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-sa-fill"></i>
<span class="icon-label">creative-commons-sa</span>
</div>
<div class="icons-list-item">
<i class="ri-creative-commons-zero-fill"></i>
<span class="icon-label">creative-commons-zero</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-1-fill"></i>
<span class="icon-label">chat-1</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-2-fill"></i>
<span class="icon-label">chat-2</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-3-fill"></i>
<span class="icon-label">chat-3</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-4-fill"></i>
<span class="icon-label">chat-4</span>
</div>
<div class="icons-list-item">
<i class="ri-message-fill"></i>
<span class="icon-label">message</span>
</div>
<div class="icons-list-item">
<i class="ri-message-2-fill"></i>
<span class="icon-label">message-2</span>
</div>
<div class="icons-list-item">
<i class="ri-message-3-fill"></i>
<span class="icon-label">message-3</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-check-fill"></i>
<span class="icon-label">chat-check</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-delete-fill"></i>
<span class="icon-label">chat-delete</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-forward-fill"></i>
<span class="icon-label">chat-forward</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-upload-fill"></i>
<span class="icon-label">chat-upload</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-download-fill"></i>
<span class="icon-label">chat-download</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-new-fill"></i>
<span class="icon-label">chat-new</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-settings-fill"></i>
<span class="icon-label">chat-settings</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-smile-fill"></i>
<span class="icon-label">chat-smile</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-smile-2-fill"></i>
<span class="icon-label">chat-smile-2</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-smile-3-fill"></i>
<span class="icon-label">chat-smile-3</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-heart-fill"></i>
<span class="icon-label">chat-heart</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-off-fill"></i>
<span class="icon-label">chat-off</span>
</div>
<div class="icons-list-item">
<i class="ri-feedback-fill"></i>
<span class="icon-label">feedback</span>
</div>
<div class="icons-list-item">
<i class="ri-discuss-fill"></i>
<span class="icon-label">discuss</span>
</div>
<div class="icons-list-item">
<i class="ri-question-answer-fill"></i>
<span class="icon-label">question-answer</span>
</div>
<div class="icons-list-item">
<i class="ri-questionnaire-fill"></i>
<span class="icon-label">questionnaire</span>
</div>
<div class="icons-list-item">
<i class="ri-video-chat-fill"></i>
<span class="icon-label">video-chat</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-voice-fill"></i>
<span class="icon-label">chat-voice</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-quote-fill"></i>
<span class="icon-label">chat-quote</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-follow-up-fill"></i>
<span class="icon-label">chat-follow-up</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-poll-fill"></i>
<span class="icon-label">chat-poll</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-history-fill"></i>
<span class="icon-label">chat-history</span>
</div>
<div class="icons-list-item">
<i class="ri-chat-private-fill"></i>
<span class="icon-label">chat-private</span>
</div>
<div class="icons-list-item">
<i class="ri-pencil-fill"></i>
<span class="icon-label">pencil</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-fill"></i>
<span class="icon-label">edit</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-2-fill"></i>
<span class="icon-label">edit-2</span>
</div>
<div class="icons-list-item">
<i class="ri-ball-pen-fill"></i>
<span class="icon-label">ball-pen</span>
</div>
<div class="icons-list-item">
<i class="ri-quill-pen-fill"></i>
<span class="icon-label">quill-pen</span>
</div>
<div class="icons-list-item">
<i class="ri-pen-nib-fill"></i>
<span class="icon-label">pen-nib</span>
</div>
<div class="icons-list-item">
<i class="ri-ink-bottle-fill"></i>
<span class="icon-label">ink-bottle</span>
</div>
<div class="icons-list-item">
<i class="ri-mark-pen-fill"></i>
<span class="icon-label">mark-pen</span>
</div>
<div class="icons-list-item">
<i class="ri-markup-fill"></i>
<span class="icon-label">markup</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-box-fill"></i>
<span class="icon-label">edit-box</span>
</div>
<div class="icons-list-item">
<i class="ri-edit-circle-fill"></i>
<span class="icon-label">edit-circle</span>
</div>
<div class="icons-list-item">
<i class="ri-sip-fill"></i>
<span class="icon-label">sip</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-fill"></i>
<span class="icon-label">brush</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-2-fill"></i>
<span class="icon-label">brush-2</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-3-fill"></i>
<span class="icon-label">brush-3</span>
</div>
<div class="icons-list-item">
<i class="ri-brush-4-fill"></i>
<span class="icon-label">brush-4</span>
</div>
<div class="icons-list-item">
<i class="ri-paint-brush-fill"></i>
<span class="icon-label">paint-brush</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-fill"></i>
<span class="icon-label">contrast</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-2-fill"></i>
<span class="icon-label">contrast-2</span>
</div>
<div class="icons-list-item">
<i class="ri-drop-fill"></i>
<span class="icon-label">drop</span>
</div>
<div class="icons-list-item">
<i class="ri-blur-off-fill"></i>
<span class="icon-label">blur-off</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-drop-fill"></i>
<span class="icon-label">contrast-drop</span>
</div>
<div class="icons-list-item">
<i class="ri-contrast-drop-2-fill"></i>
<span class="icon-label">contrast-drop-2</span>
</div>
<div class="icons-list-item">
<i class="ri-compasses-fill"></i>
<span class="icon-label">compasses</span>
</div>
<div class="icons-list-item">
<i class="ri-compasses-2-fill"></i>
<span class="icon-label">compasses-2</span>
</div>
<div class="icons-list-item">
<i class="ri-scissors-fill"></i>
<span class="icon-label">scissors</span>
</div>
<div class="icons-list-item">
<i class="ri-scissors-cut-fill"></i>
<span class="icon-label">scissors-cut</span>
</div>
<div class="icons-list-item">
<i class="ri-scissors-2-fill"></i>
<span class="icon-label">scissors-2</span>
</div>
<div class="icons-list-item">
<i class="ri-slice-fill"></i>
<span class="icon-label">slice</span>
</div>
<div class="icons-list-item">
<i class="ri-eraser-fill"></i>
<span class="icon-label">eraser</span>
</div>
<div class="icons-list-item">
<i class="ri-ruler-fill"></i>
<span class="icon-label">ruler</span>
</div>
<div class="icons-list-item">
<i class="ri-ruler-2-fill"></i>
<span class="icon-label">ruler-2</span>
</div>
<div class="icons-list-item">
<i class="ri-pencil-ruler-fill"></i>
<span class="icon-label">pencil-ruler</span>
</div>
<div class="icons-list-item">
<i class="ri-pencil-ruler-2-fill"></i>
<span class="icon-label">pencil-ruler-2</span>
</div>
<div class="icons-list-item">
<i class="ri-t-box-fill"></i>
<span class="icon-label">t-box</span>
</div>
<div class="icons-list-item">
<i class="ri-input-method-fill"></i>
<span class="icon-label">input-method</span>
</div>
<div class="icons-list-item">
<i class="ri-artboard-fill"></i>
<span class="icon-label">artboard</span>
</div>
<div class="icons-list-item">
<i class="ri-artboard-2-fill"></i>
<span class="icon-label">artboard-2</span>
</div>
<div class="icons-list-item">
<i class="ri-crop-fill"></i>
<span class="icon-label">crop</span>
</div>
<div class="icons-list-item">
<i class="ri-crop-2 -fill"></i>
<span class="icon-label">crop-2 </span>
</div>
<div class="icons-list-item">
<i class="ri-screenshot-fill"></i>
<span class="icon-label">screenshot</span>
</div>
<div class="icons-list-item">
<i class="ri-screenshot-2-fill"></i>
<span class="icon-label">screenshot-2</span>
</div>
<div class="icons-list-item">
<i class="ri-drag-move-fill"></i>
<span class="icon-label">drag-move</span>
</div>
<div class="icons-list-item">
<i class="ri-drag-move-2-fill"></i>
<span class="icon-label">drag-move-2</span>
</div>
<div class="icons-list-item">
<i class="ri-focus-fill"></i>
<span class="icon-label">focus</span>
</div>
<div class="icons-list-item">
<i class="ri-focus-2-fill"></i>
<span class="icon-label">focus-2</span>
</div>
<div class="icons-list-item">
<i class="ri-focus-3-fill"></i>
<span class="icon-label">focus-3</span>
</div>
<div class="icons-list-item">
<i class="ri-paint-fill"></i>
<span class="icon-label">paint</span>
</div>
<div class="icons-list-item">
<i class="ri-palette-fill"></i>
<span class="icon-label">palette</span>
</div>
<div class="icons-list-item">
<i class="ri-pantone-fill"></i>
<span class="icon-label">pantone</span>
</div>
<div class="icons-list-item">
<i class="ri-shape-fill"></i>
<span class="icon-label">shape</span>
</div>
<div class="icons-list-item">
<i class="ri-shape-2-fill"></i>
<span class="icon-label">shape-2</span>
</div>
<div class="icons-list-item">
<i class="ri-magic-fill"></i>
<span class="icon-label">magic</span>
</div>
<div class="icons-list-item">
<i class="ri-anticlockwise-fill"></i>
<span class="icon-label">anticlockwise</span>
</div>
<div class="icons-list-item">
<i class="ri-anticlockwise-2-fill"></i>
<span class="icon-label">anticlockwise-2</span>
</div>
<div class="icons-list-item">
<i class="ri-clockwise-fill"></i>
<span class="icon-label">clockwise</span>
</div>
<div class="icons-list-item">
<i class="ri-clockwise-2-fill"></i>
<span class="icon-label">clockwise-2</span>
</div>
<div class="icons-list-item">
<i class="ri-hammer-fill"></i>
<span class="icon-label">hammer</span>
</div>
<div class="icons-list-item">
<i class="ri-tools-fill"></i>
<span class="icon-label">tools</span>
</div>
<div class="icons-list-item">
<i class="ri-drag-drop-fill"></i>
<span class="icon-label">drag-drop</span>
</div>
<div class="icons-list-item">
<i class="ri-table-fill"></i>
<span class="icon-label">table</span>
</div>
<div class="icons-list-item">
<i class="ri-table-alt-fill"></i>
<span class="icon-label">table-alt</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-fill"></i>
<span class="icon-label">layout</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-2-fill"></i>
<span class="icon-label">layout-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-3-fill"></i>
<span class="icon-label">layout-3</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-4-fill"></i>
<span class="icon-label">layout-4</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-5-fill"></i>
<span class="icon-label">layout-5</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-6-fill"></i>
<span class="icon-label">layout-6</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-column-fill"></i>
<span class="icon-label">layout-column</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-row-fill"></i>
<span class="icon-label">layout-row</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-top-fill"></i>
<span class="icon-label">layout-top</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-right-fill"></i>
<span class="icon-label">layout-right</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-bottom-fill"></i>
<span class="icon-label">layout-bottom</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-left-fill"></i>
<span class="icon-label">layout-left</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-top-2-fill"></i>
<span class="icon-label">layout-top-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-right-2-fill"></i>
<span class="icon-label">layout-right-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-bottom-2-fill"></i>
<span class="icon-label">layout-bottom-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-left-2-fill"></i>
<span class="icon-label">layout-left-2</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-grid-fill"></i>
<span class="icon-label">layout-grid</span>
</div>
<div class="icons-list-item">
<i class="ri-layout-masonry-fill"></i>
<span class="icon-label">layout-masonry</span>
</div>
<div class="icons-list-item">
<i class="ri-collage-fill"></i>
<span class="icon-label">collage</span>
</div>
<div class="icons-list-item">
<i class="ri-grid-fill"></i>
<span class="icon-label">grid</span>
</div>
<div class="icons-list-item">
<i class="ri-bug-fill"></i>
<span class="icon-label">bug</span>
</div>
<div class="icons-list-item">
<i class="ri-bug-2-fill"></i>
<span class="icon-label">bug-2</span>
</div>
<div class="icons-list-item">
<i class="ri-code-fill"></i>
<span class="icon-label">code</span>
</div>
<div class="icons-list-item">
<i class="ri-code-s-fill"></i>
<span class="icon-label">code-s</span>
</div>
<div class="icons-list-item">
<i class="ri-code-s-slash-fill"></i>
<span class="icon-label">code-s-slash</span>
</div>
<div class="icons-list-item">
<i class="ri-code-box-fill"></i>
<span class="icon-label">code-box</span>
</div>
<div class="icons-list-item">
<i class="ri-terminal-box-fill"></i>
<span class="icon-label">terminal-box</span>
</div>
<div class="icons-list-item">
<i class="ri-terminal-fill"></i>
<span class="icon-label">terminal</span>
</div>
<div class="icons-list-item">
<i class="ri-terminal-window-fill"></i>
<span class="icon-label">terminal-window</span>
</div>
<div class="icons-list-item">
<i class="ri-parentheses-fill"></i>
<span class="icon-label">parentheses</span>
</div>
<div class="icons-list-item">
<i class="ri-brackets-fill"></i>
<span class="icon-label">brackets</span>
</div>
<div class="icons-list-item">
<i class="ri-braces-fill"></i>
<span class="icon-label">braces</span>
</div>
<div class="icons-list-item">
<i class="ri-command-fill"></i>
<span class="icon-label">command</span>
</div>
<div class="icons-list-item">
<i class="ri-cursor-fill"></i>
<span class="icon-label">cursor</span>
</div>
<div class="icons-list-item">
<i class="ri-git-commit-fill"></i>
<span class="icon-label">git-commit</span>
</div>
<div class="icons-list-item">
<i class="ri-git-pull-request-fill"></i>
<span class="icon-label">git-pull-request</span>
</div>
<div class="icons-list-item">
<i class="ri-git-merge-fill"></i>
<span class="icon-label">git-merge</span>
</div>
<div class="icons-list-item">
<i class="ri-git-branch-fill"></i>
<span class="icon-label">git-branch</span>
</div>
<div class="icons-list-item">
<i class="ri-git-repository-fill"></i>
<span class="icon-label">git-repository</span>
</div>
<div class="icons-list-item">
<i class="ri-git-repository-commits-fill"></i>
<span class="icon-label">git-repository-commits</span>
</div>
<div class="icons-list-item">
<i class="ri-git-repository-private-fill"></i>
<span class="icon-label">git-repository-private</span>
</div>
<div class="icons-list-item">
<i class="ri-html5-fill"></i>
<span class="icon-label">html5</span>
</div>
<div class="icons-list-item">
<i class="ri-css3-fill"></i>
<span class="icon-label">css3</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End::row-2 -->