@codegouvfr/react-dsfr/dsfr/utility/icons/icons.main.css

French State Design System React integration library

/*!
 * DSFR v1.12.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON BUILDINGS
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-ancient-gate-fill::before,
.fr-icon-ancient-gate-fill::after {
  -webkit-mask-image: url("../../icons/buildings/ancient-gate-fill.svg");
  mask-image: url("../../icons/buildings/ancient-gate-fill.svg");
}

.fr-icon-ancient-gate-line::before,
.fr-icon-ancient-gate-line::after {
  -webkit-mask-image: url("../../icons/buildings/ancient-gate-line.svg");
  mask-image: url("../../icons/buildings/ancient-gate-line.svg");
}

.fr-icon-ancient-pavilion-fill::before,
.fr-icon-ancient-pavilion-fill::after {
  -webkit-mask-image: url("../../icons/buildings/ancient-pavilion-fill.svg");
  mask-image: url("../../icons/buildings/ancient-pavilion-fill.svg");
}

.fr-icon-ancient-pavilion-line::before,
.fr-icon-ancient-pavilion-line::after {
  -webkit-mask-image: url("../../icons/buildings/ancient-pavilion-line.svg");
  mask-image: url("../../icons/buildings/ancient-pavilion-line.svg");
}

.fr-icon-bank-fill::before,
.fr-icon-bank-fill::after {
  -webkit-mask-image: url("../../icons/buildings/bank-fill.svg");
  mask-image: url("../../icons/buildings/bank-fill.svg");
}

.fr-icon-bank-line::before,
.fr-icon-bank-line::after {
  -webkit-mask-image: url("../../icons/buildings/bank-line.svg");
  mask-image: url("../../icons/buildings/bank-line.svg");
}

.fr-icon-building-fill::before,
.fr-icon-building-fill::after {
  -webkit-mask-image: url("../../icons/buildings/building-fill.svg");
  mask-image: url("../../icons/buildings/building-fill.svg");
}

.fr-icon-building-line::before,
.fr-icon-building-line::after {
  -webkit-mask-image: url("../../icons/buildings/building-line.svg");
  mask-image: url("../../icons/buildings/building-line.svg");
}

.fr-icon-community-fill::before,
.fr-icon-community-fill::after {
  -webkit-mask-image: url("../../icons/buildings/community-fill.svg");
  mask-image: url("../../icons/buildings/community-fill.svg");
}

.fr-icon-community-line::before,
.fr-icon-community-line::after {
  -webkit-mask-image: url("../../icons/buildings/community-line.svg");
  mask-image: url("../../icons/buildings/community-line.svg");
}

.fr-icon-government-fill::before,
.fr-icon-government-fill::after {
  -webkit-mask-image: url("../../icons/buildings/government-fill.svg");
  mask-image: url("../../icons/buildings/government-fill.svg");
}

.fr-icon-government-line::before,
.fr-icon-government-line::after {
  -webkit-mask-image: url("../../icons/buildings/government-line.svg");
  mask-image: url("../../icons/buildings/government-line.svg");
}

.fr-icon-home-4-fill::before,
.fr-icon-home-4-fill::after {
  -webkit-mask-image: url("../../icons/buildings/home-4-fill.svg");
  mask-image: url("../../icons/buildings/home-4-fill.svg");
}

.fr-icon-home-4-line::before,
.fr-icon-home-4-line::after {
  -webkit-mask-image: url("../../icons/buildings/home-4-line.svg");
  mask-image: url("../../icons/buildings/home-4-line.svg");
}

.fr-icon-hospital-fill::before,
.fr-icon-hospital-fill::after {
  -webkit-mask-image: url("../../icons/buildings/hospital-fill.svg");
  mask-image: url("../../icons/buildings/hospital-fill.svg");
}

.fr-icon-hospital-line::before,
.fr-icon-hospital-line::after {
  -webkit-mask-image: url("../../icons/buildings/hospital-line.svg");
  mask-image: url("../../icons/buildings/hospital-line.svg");
}

.fr-icon-hotel-fill::before,
.fr-icon-hotel-fill::after {
  -webkit-mask-image: url("../../icons/buildings/hotel-fill.svg");
  mask-image: url("../../icons/buildings/hotel-fill.svg");
}

.fr-icon-hotel-line::before,
.fr-icon-hotel-line::after {
  -webkit-mask-image: url("../../icons/buildings/hotel-line.svg");
  mask-image: url("../../icons/buildings/hotel-line.svg");
}

.fr-icon-store-fill::before,
.fr-icon-store-fill::after {
  -webkit-mask-image: url("../../icons/buildings/store-fill.svg");
  mask-image: url("../../icons/buildings/store-fill.svg");
}

.fr-icon-store-line::before,
.fr-icon-store-line::after {
  -webkit-mask-image: url("../../icons/buildings/store-line.svg");
  mask-image: url("../../icons/buildings/store-line.svg");
}

.fr-fi-home-4-fill::before,
.fr-fi-home-4-fill::after {
  -webkit-mask-image: url("../../icons/buildings/home-4-fill.svg");
  mask-image: url("../../icons/buildings/home-4-fill.svg");
}

.fr-fi-home-4-line::before,
.fr-fi-home-4-line::after {
  -webkit-mask-image: url("../../icons/buildings/home-4-line.svg");
  mask-image: url("../../icons/buildings/home-4-line.svg");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON BUSINESS
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-archive-fill::before,
.fr-icon-archive-fill::after {
  -webkit-mask-image: url("../../icons/business/archive-fill.svg");
  mask-image: url("../../icons/business/archive-fill.svg");
}

.fr-icon-archive-line::before,
.fr-icon-archive-line::after {
  -webkit-mask-image: url("../../icons/business/archive-line.svg");
  mask-image: url("../../icons/business/archive-line.svg");
}

.fr-icon-attachment-fill::before,
.fr-icon-attachment-fill::after {
  -webkit-mask-image: url("../../icons/business/attachment-fill.svg");
  mask-image: url("../../icons/business/attachment-fill.svg");
}

.fr-icon-attachment-line::before,
.fr-icon-attachment-line::after {
  -webkit-mask-image: url("../../icons/business/attachment-line.svg");
  mask-image: url("../../icons/business/attachment-line.svg");
}

.fr-icon-award-fill::before,
.fr-icon-award-fill::after {
  -webkit-mask-image: url("../../icons/business/award-fill.svg");
  mask-image: url("../../icons/business/award-fill.svg");
}

.fr-icon-award-line::before,
.fr-icon-award-line::after {
  -webkit-mask-image: url("../../icons/business/award-line.svg");
  mask-image: url("../../icons/business/award-line.svg");
}

.fr-icon-bar-chart-box-fill::before,
.fr-icon-bar-chart-box-fill::after {
  -webkit-mask-image: url("../../icons/business/bar-chart-box-fill.svg");
  mask-image: url("../../icons/business/bar-chart-box-fill.svg");
}

.fr-icon-bar-chart-box-line::before,
.fr-icon-bar-chart-box-line::after {
  -webkit-mask-image: url("../../icons/business/bar-chart-box-line.svg");
  mask-image: url("../../icons/business/bar-chart-box-line.svg");
}

.fr-icon-bookmark-fill::before,
.fr-icon-bookmark-fill::after {
  -webkit-mask-image: url("../../icons/business/bookmark-fill.svg");
  mask-image: url("../../icons/business/bookmark-fill.svg");
}

.fr-icon-bookmark-line::before,
.fr-icon-bookmark-line::after {
  -webkit-mask-image: url("../../icons/business/bookmark-line.svg");
  mask-image: url("../../icons/business/bookmark-line.svg");
}

.fr-icon-briefcase-fill::before,
.fr-icon-briefcase-fill::after {
  -webkit-mask-image: url("../../icons/business/briefcase-fill.svg");
  mask-image: url("../../icons/business/briefcase-fill.svg");
}

.fr-icon-briefcase-line::before,
.fr-icon-briefcase-line::after {
  -webkit-mask-image: url("../../icons/business/briefcase-line.svg");
  mask-image: url("../../icons/business/briefcase-line.svg");
}

.fr-icon-calendar-2-fill::before,
.fr-icon-calendar-2-fill::after {
  -webkit-mask-image: url("../../icons/business/calendar-2-fill.svg");
  mask-image: url("../../icons/business/calendar-2-fill.svg");
}

.fr-icon-calendar-2-line::before,
.fr-icon-calendar-2-line::after {
  -webkit-mask-image: url("../../icons/business/calendar-2-line.svg");
  mask-image: url("../../icons/business/calendar-2-line.svg");
}

.fr-icon-calendar-event-fill::before,
.fr-icon-calendar-event-fill::after {
  -webkit-mask-image: url("../../icons/business/calendar-event-fill.svg");
  mask-image: url("../../icons/business/calendar-event-fill.svg");
}

.fr-icon-calendar-event-line::before,
.fr-icon-calendar-event-line::after {
  -webkit-mask-image: url("../../icons/business/calendar-event-line.svg");
  mask-image: url("../../icons/business/calendar-event-line.svg");
}

.fr-icon-calendar-fill::before,
.fr-icon-calendar-fill::after {
  -webkit-mask-image: url("../../icons/business/calendar-fill.svg");
  mask-image: url("../../icons/business/calendar-fill.svg");
}

.fr-icon-calendar-line::before,
.fr-icon-calendar-line::after {
  -webkit-mask-image: url("../../icons/business/calendar-line.svg");
  mask-image: url("../../icons/business/calendar-line.svg");
}

.fr-icon-cloud-fill::before,
.fr-icon-cloud-fill::after {
  -webkit-mask-image: url("../../icons/business/cloud-fill.svg");
  mask-image: url("../../icons/business/cloud-fill.svg");
}

.fr-icon-cloud-line::before,
.fr-icon-cloud-line::after {
  -webkit-mask-image: url("../../icons/business/cloud-line.svg");
  mask-image: url("../../icons/business/cloud-line.svg");
}

.fr-icon-copyright-fill::before,
.fr-icon-copyright-fill::after {
  -webkit-mask-image: url("../../icons/business/copyright-fill.svg");
  mask-image: url("../../icons/business/copyright-fill.svg");
}

.fr-icon-copyright-line::before,
.fr-icon-copyright-line::after {
  -webkit-mask-image: url("../../icons/business/copyright-line.svg");
  mask-image: url("../../icons/business/copyright-line.svg");
}

.fr-icon-customer-service-fill::before,
.fr-icon-customer-service-fill::after {
  -webkit-mask-image: url("../../icons/business/customer-service-fill.svg");
  mask-image: url("../../icons/business/customer-service-fill.svg");
}

.fr-icon-customer-service-line::before,
.fr-icon-customer-service-line::after {
  -webkit-mask-image: url("../../icons/business/customer-service-line.svg");
  mask-image: url("../../icons/business/customer-service-line.svg");
}

.fr-icon-flag-fill::before,
.fr-icon-flag-fill::after {
  -webkit-mask-image: url("../../icons/business/flag-fill.svg");
  mask-image: url("../../icons/business/flag-fill.svg");
}

.fr-icon-flag-line::before,
.fr-icon-flag-line::after {
  -webkit-mask-image: url("../../icons/business/flag-line.svg");
  mask-image: url("../../icons/business/flag-line.svg");
}

.fr-icon-global-fill::before,
.fr-icon-global-fill::after {
  -webkit-mask-image: url("../../icons/business/global-fill.svg");
  mask-image: url("../../icons/business/global-fill.svg");
}

.fr-icon-global-line::before,
.fr-icon-global-line::after {
  -webkit-mask-image: url("../../icons/business/global-line.svg");
  mask-image: url("../../icons/business/global-line.svg");
}

.fr-icon-line-chart-fill::before,
.fr-icon-line-chart-fill::after {
  -webkit-mask-image: url("../../icons/business/line-chart-fill.svg");
  mask-image: url("../../icons/business/line-chart-fill.svg");
}

.fr-icon-line-chart-line::before,
.fr-icon-line-chart-line::after {
  -webkit-mask-image: url("../../icons/business/line-chart-line.svg");
  mask-image: url("../../icons/business/line-chart-line.svg");
}

.fr-icon-links-fill::before,
.fr-icon-links-fill::after {
  -webkit-mask-image: url("../../icons/business/links-fill.svg");
  mask-image: url("../../icons/business/links-fill.svg");
}

.fr-icon-links-line::before,
.fr-icon-links-line::after {
  -webkit-mask-image: url("../../icons/business/links-line.svg");
  mask-image: url("../../icons/business/links-line.svg");
}

.fr-icon-mail-fill::before,
.fr-icon-mail-fill::after {
  -webkit-mask-image: url("../../icons/business/mail-fill.svg");
  mask-image: url("../../icons/business/mail-fill.svg");
}

.fr-icon-mail-line::before,
.fr-icon-mail-line::after {
  -webkit-mask-image: url("../../icons/business/mail-line.svg");
  mask-image: url("../../icons/business/mail-line.svg");
}

.fr-icon-mail-open-fill::before,
.fr-icon-mail-open-fill::after {
  -webkit-mask-image: url("../../icons/business/mail-open-fill.svg");
  mask-image: url("../../icons/business/mail-open-fill.svg");
}

.fr-icon-mail-open-line::before,
.fr-icon-mail-open-line::after {
  -webkit-mask-image: url("../../icons/business/mail-open-line.svg");
  mask-image: url("../../icons/business/mail-open-line.svg");
}

.fr-icon-medal-fill::before,
.fr-icon-medal-fill::after {
  -webkit-mask-image: url("../../icons/business/medal-fill.svg");
  mask-image: url("../../icons/business/medal-fill.svg");
}

.fr-icon-medal-line::before,
.fr-icon-medal-line::after {
  -webkit-mask-image: url("../../icons/business/medal-line.svg");
  mask-image: url("../../icons/business/medal-line.svg");
}

.fr-icon-pie-chart-2-fill::before,
.fr-icon-pie-chart-2-fill::after {
  -webkit-mask-image: url("../../icons/business/pie-chart-2-fill.svg");
  mask-image: url("../../icons/business/pie-chart-2-fill.svg");
}

.fr-icon-pie-chart-2-line::before,
.fr-icon-pie-chart-2-line::after {
  -webkit-mask-image: url("../../icons/business/pie-chart-2-line.svg");
  mask-image: url("../../icons/business/pie-chart-2-line.svg");
}

.fr-icon-pie-chart-box-fill::before,
.fr-icon-pie-chart-box-fill::after {
  -webkit-mask-image: url("../../icons/business/pie-chart-box-fill.svg");
  mask-image: url("../../icons/business/pie-chart-box-fill.svg");
}

.fr-icon-pie-chart-box-line::before,
.fr-icon-pie-chart-box-line::after {
  -webkit-mask-image: url("../../icons/business/pie-chart-box-line.svg");
  mask-image: url("../../icons/business/pie-chart-box-line.svg");
}

.fr-icon-printer-fill::before,
.fr-icon-printer-fill::after {
  -webkit-mask-image: url("../../icons/business/printer-fill.svg");
  mask-image: url("../../icons/business/printer-fill.svg");
}

.fr-icon-printer-line::before,
.fr-icon-printer-line::after {
  -webkit-mask-image: url("../../icons/business/printer-line.svg");
  mask-image: url("../../icons/business/printer-line.svg");
}

.fr-icon-profil-fill::before,
.fr-icon-profil-fill::after {
  -webkit-mask-image: url("../../icons/business/profil-fill.svg");
  mask-image: url("../../icons/business/profil-fill.svg");
}

.fr-icon-profil-line::before,
.fr-icon-profil-line::after {
  -webkit-mask-image: url("../../icons/business/profil-line.svg");
  mask-image: url("../../icons/business/profil-line.svg");
}

.fr-icon-projector-2-fill::before,
.fr-icon-projector-2-fill::after {
  -webkit-mask-image: url("../../icons/business/projector-2-fill.svg");
  mask-image: url("../../icons/business/projector-2-fill.svg");
}

.fr-icon-projector-2-line::before,
.fr-icon-projector-2-line::after {
  -webkit-mask-image: url("../../icons/business/projector-2-line.svg");
  mask-image: url("../../icons/business/projector-2-line.svg");
}

.fr-icon-send-plane-fill::before,
.fr-icon-send-plane-fill::after {
  -webkit-mask-image: url("../../icons/business/send-plane-fill.svg");
  mask-image: url("../../icons/business/send-plane-fill.svg");
}

.fr-icon-send-plane-line::before,
.fr-icon-send-plane-line::after {
  -webkit-mask-image: url("../../icons/business/send-plane-line.svg");
  mask-image: url("../../icons/business/send-plane-line.svg");
}

.fr-icon-slideshow-fill::before,
.fr-icon-slideshow-fill::after {
  -webkit-mask-image: url("../../icons/business/slideshow-fill.svg");
  mask-image: url("../../icons/business/slideshow-fill.svg");
}

.fr-icon-slideshow-line::before,
.fr-icon-slideshow-line::after {
  -webkit-mask-image: url("../../icons/business/slideshow-line.svg");
  mask-image: url("../../icons/business/slideshow-line.svg");
}

.fr-icon-window-fill::before,
.fr-icon-window-fill::after {
  -webkit-mask-image: url("../../icons/business/window-fill.svg");
  mask-image: url("../../icons/business/window-fill.svg");
}

.fr-icon-window-line::before,
.fr-icon-window-line::after {
  -webkit-mask-image: url("../../icons/business/window-line.svg");
  mask-image: url("../../icons/business/window-line.svg");
}

.fr-fi-attachment-fill::before,
.fr-fi-attachment-fill::after {
  -webkit-mask-image: url("../../icons/business/attachment-fill.svg");
  mask-image: url("../../icons/business/attachment-fill.svg");
}

.fr-fi-attachment-line::before,
.fr-fi-attachment-line::after {
  -webkit-mask-image: url("../../icons/business/attachment-line.svg");
  mask-image: url("../../icons/business/attachment-line.svg");
}

.fr-fi-calendar-fill::before,
.fr-fi-calendar-fill::after {
  -webkit-mask-image: url("../../icons/business/calendar-fill.svg");
  mask-image: url("../../icons/business/calendar-fill.svg");
}

.fr-fi-calendar-line::before,
.fr-fi-calendar-line::after {
  -webkit-mask-image: url("../../icons/business/calendar-line.svg");
  mask-image: url("../../icons/business/calendar-line.svg");
}

.fr-fi-line-chart-fill::before,
.fr-fi-line-chart-fill::after {
  -webkit-mask-image: url("../../icons/business/line-chart-fill.svg");
  mask-image: url("../../icons/business/line-chart-fill.svg");
}

.fr-fi-line-chart-line::before,
.fr-fi-line-chart-line::after {
  -webkit-mask-image: url("../../icons/business/line-chart-line.svg");
  mask-image: url("../../icons/business/line-chart-line.svg");
}

.fr-fi-links-fill::before,
.fr-fi-links-fill::after {
  -webkit-mask-image: url("../../icons/business/links-fill.svg");
  mask-image: url("../../icons/business/links-fill.svg");
}

.fr-fi-mail-fill::before,
.fr-fi-mail-fill::after {
  -webkit-mask-image: url("../../icons/business/mail-fill.svg");
  mask-image: url("../../icons/business/mail-fill.svg");
}

.fr-fi-mail-line::before,
.fr-fi-mail-line::after {
  -webkit-mask-image: url("../../icons/business/mail-line.svg");
  mask-image: url("../../icons/business/mail-line.svg");
}

.fr-fi-printer-fill::before,
.fr-fi-printer-fill::after {
  -webkit-mask-image: url("../../icons/business/printer-fill.svg");
  mask-image: url("../../icons/business/printer-fill.svg");
}

.fr-fi-printer-line::before,
.fr-fi-printer-line::after {
  -webkit-mask-image: url("../../icons/business/printer-line.svg");
  mask-image: url("../../icons/business/printer-line.svg");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON COMMUNICATION
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-chat-2-fill::before,
.fr-icon-chat-2-fill::after {
  -webkit-mask-image: url("../../icons/communication/chat-2-fill.svg");
  mask-image: url("../../icons/communication/chat-2-fill.svg");
}

.fr-icon-chat-2-line::before,
.fr-icon-chat-2-line::after {
  -webkit-mask-image: url("../../icons/communication/chat-2-line.svg");
  mask-image: url("../../icons/communication/chat-2-line.svg");
}

.fr-icon-chat-3-fill::before,
.fr-icon-chat-3-fill::after {
  -webkit-mask-image: url("../../icons/communication/chat-3-fill.svg");
  mask-image: url("../../icons/communication/chat-3-fill.svg");
}

.fr-icon-chat-3-line::before,
.fr-icon-chat-3-line::after {
  -webkit-mask-image: url("../../icons/communication/chat-3-line.svg");
  mask-image: url("../../icons/communication/chat-3-line.svg");
}

.fr-icon-chat-check-fill::before,
.fr-icon-chat-check-fill::after {
  -webkit-mask-image: url("../../icons/communication/chat-check-fill.svg");
  mask-image: url("../../icons/communication/chat-check-fill.svg");
}

.fr-icon-chat-check-line::before,
.fr-icon-chat-check-line::after {
  -webkit-mask-image: url("../../icons/communication/chat-check-line.svg");
  mask-image: url("../../icons/communication/chat-check-line.svg");
}

.fr-icon-chat-delete-fill::before,
.fr-icon-chat-delete-fill::after {
  -webkit-mask-image: url("../../icons/communication/chat-delete-fill.svg");
  mask-image: url("../../icons/communication/chat-delete-fill.svg");
}

.fr-icon-chat-delete-line::before,
.fr-icon-chat-delete-line::after {
  -webkit-mask-image: url("../../icons/communication/chat-delete-line.svg");
  mask-image: url("../../icons/communication/chat-delete-line.svg");
}

.fr-icon-chat-poll-fill::before,
.fr-icon-chat-poll-fill::after {
  -webkit-mask-image: url("../../icons/communication/chat-poll-fill.svg");
  mask-image: url("../../icons/communication/chat-poll-fill.svg");
}

.fr-icon-chat-poll-line::before,
.fr-icon-chat-poll-line::after {
  -webkit-mask-image: url("../../icons/communication/chat-poll-line.svg");
  mask-image: url("../../icons/communication/chat-poll-line.svg");
}

.fr-icon-discuss-fill::before,
.fr-icon-discuss-fill::after {
  -webkit-mask-image: url("../../icons/communication/discuss-fill.svg");
  mask-image: url("../../icons/communication/discuss-fill.svg");
}

.fr-icon-discuss-line::before,
.fr-icon-discuss-line::after {
  -webkit-mask-image: url("../../icons/communication/discuss-line.svg");
  mask-image: url("../../icons/communication/discuss-line.svg");
}

.fr-icon-feedback-fill::before,
.fr-icon-feedback-fill::after {
  -webkit-mask-image: url("../../icons/communication/feedback-fill.svg");
  mask-image: url("../../icons/communication/feedback-fill.svg");
}

.fr-icon-feedback-line::before,
.fr-icon-feedback-line::after {
  -webkit-mask-image: url("../../icons/communication/feedback-line.svg");
  mask-image: url("../../icons/communication/feedback-line.svg");
}

.fr-icon-message-2-fill::before,
.fr-icon-message-2-fill::after {
  -webkit-mask-image: url("../../icons/communication/message-2-fill.svg");
  mask-image: url("../../icons/communication/message-2-fill.svg");
}

.fr-icon-message-2-line::before,
.fr-icon-message-2-line::after {
  -webkit-mask-image: url("../../icons/communication/message-2-line.svg");
  mask-image: url("../../icons/communication/message-2-line.svg");
}

.fr-icon-question-answer-fill::before,
.fr-icon-question-answer-fill::after {
  -webkit-mask-image: url("../../icons/communication/question-answer-fill.svg");
  mask-image: url("../../icons/communication/question-answer-fill.svg");
}

.fr-icon-question-answer-line::before,
.fr-icon-question-answer-line::after {
  -webkit-mask-image: url("../../icons/communication/question-answer-line.svg");
  mask-image: url("../../icons/communication/question-answer-line.svg");
}

.fr-icon-questionnaire-fill::before,
.fr-icon-questionnaire-fill::after {
  -webkit-mask-image: url("../../icons/communication/questionnaire-fill.svg");
  mask-image: url("../../icons/communication/questionnaire-fill.svg");
}

.fr-icon-questionnaire-line::before,
.fr-icon-questionnaire-line::after {
  -webkit-mask-image: url("../../icons/communication/questionnaire-line.svg");
  mask-image: url("../../icons/communication/questionnaire-line.svg");
}

.fr-icon-video-chat-fill::before,
.fr-icon-video-chat-fill::after {
  -webkit-mask-image: url("../../icons/communication/video-chat-fill.svg");
  mask-image: url("../../icons/communication/video-chat-fill.svg");
}

.fr-icon-video-chat-line::before,
.fr-icon-video-chat-line::after {
  -webkit-mask-image: url("../../icons/communication/video-chat-line.svg");
  mask-image: url("../../icons/communication/video-chat-line.svg");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON DESIGN
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-ball-pen-fill::before,
.fr-icon-ball-pen-fill::after {
  -webkit-mask-image: url("../../icons/design/ball-pen-fill.svg");
  mask-image: url("../../icons/design/ball-pen-fill.svg");
}

.fr-icon-ball-pen-line::before,
.fr-icon-ball-pen-line::after {
  -webkit-mask-image: url("../../icons/design/ball-pen-line.svg");
  mask-image: url("../../icons/design/ball-pen-line.svg");
}

.fr-icon-brush-3-fill::before,
.fr-icon-brush-3-fill::after {
  -webkit-mask-image: url("../../icons/design/brush-3-fill.svg");
  mask-image: url("../../icons/design/brush-3-fill.svg");
}

.fr-icon-brush-3-line::before,
.fr-icon-brush-3-line::after {
  -webkit-mask-image: url("../../icons/design/brush-3-line.svg");
  mask-image: url("../../icons/design/brush-3-line.svg");
}

.fr-icon-brush-fill::before,
.fr-icon-brush-fill::after {
  -webkit-mask-image: url("../../icons/design/brush-fill.svg");
  mask-image: url("../../icons/design/brush-fill.svg");
}

.fr-icon-brush-line::before,
.fr-icon-brush-line::after {
  -webkit-mask-image: url("../../icons/design/brush-line.svg");
  mask-image: url("../../icons/design/brush-line.svg");
}

.fr-icon-contrast-fill::before,
.fr-icon-contrast-fill::after {
  -webkit-mask-image: url("../../icons/design/contrast-fill.svg");
  mask-image: url("../../icons/design/contrast-fill.svg");
}

.fr-icon-contrast-line::before,
.fr-icon-contrast-line::after {
  -webkit-mask-image: url("../../icons/design/contrast-line.svg");
  mask-image: url("../../icons/design/contrast-line.svg");
}

.fr-icon-crop-fill::before,
.fr-icon-crop-fill::after {
  -webkit-mask-image: url("../../icons/design/crop-fill.svg");
  mask-image: url("../../icons/design/crop-fill.svg");
}

.fr-icon-crop-line::before,
.fr-icon-crop-line::after {
  -webkit-mask-image: url("../../icons/design/crop-line.svg");
  mask-image: url("../../icons/design/crop-line.svg");
}

.fr-icon-drag-move-2-fill::before,
.fr-icon-drag-move-2-fill::after {
  -webkit-mask-image: url("../../icons/design/drag-move-2-fill.svg");
  mask-image: url("../../icons/design/drag-move-2-fill.svg");
}

.fr-icon-drag-move-2-line::before,
.fr-icon-drag-move-2-line::after {
  -webkit-mask-image: url("../../icons/design/drag-move-2-line.svg");
  mask-image: url("../../icons/design/drag-move-2-line.svg");
}

.fr-icon-drop-fill::before,
.fr-icon-drop-fill::after {
  -webkit-mask-image: url("../../icons/design/drop-fill.svg");
  mask-image: url("../../icons/design/drop-fill.svg");
}

.fr-icon-drop-line::before,
.fr-icon-drop-line::after {
  -webkit-mask-image: url("../../icons/design/drop-line.svg");
  mask-image: url("../../icons/design/drop-line.svg");
}

.fr-icon-edit-box-fill::before,
.fr-icon-edit-box-fill::after {
  -webkit-mask-image: url("../../icons/design/edit-box-fill.svg");
  mask-image: url("../../icons/design/edit-box-fill.svg");
}

.fr-icon-edit-box-line::before,
.fr-icon-edit-box-line::after {
  -webkit-mask-image: url("../../icons/design/edit-box-line.svg");
  mask-image: url("../../icons/design/edit-box-line.svg");
}

.fr-icon-edit-fill::before,
.fr-icon-edit-fill::after {
  -webkit-mask-image: url("../../icons/design/edit-fill.svg");
  mask-image: url("../../icons/design/edit-fill.svg");
}

.fr-icon-edit-line::before,
.fr-icon-edit-line::after {
  -webkit-mask-image: url("../../icons/design/edit-line.svg");
  mask-image: url("../../icons/design/edit-line.svg");
}

.fr-icon-ink-bottle-fill::before,
.fr-icon-ink-bottle-fill::after {
  -webkit-mask-image: url("../../icons/design/ink-bottle-fill.svg");
  mask-image: url("../../icons/design/ink-bottle-fill.svg");
}

.fr-icon-ink-bottle-line::before,
.fr-icon-ink-bottle-line::after {
  -webkit-mask-image: url("../../icons/design/ink-bottle-line.svg");
  mask-image: url("../../icons/design/ink-bottle-line.svg");
}

.fr-icon-layout-grid-fill::before,
.fr-icon-layout-grid-fill::after {
  -webkit-mask-image: url("../../icons/design/layout-grid-fill.svg");
  mask-image: url("../../icons/design/layout-grid-fill.svg");
}

.fr-icon-layout-grid-line::before,
.fr-icon-layout-grid-line::after {
  -webkit-mask-image: url("../../icons/design/layout-grid-line.svg");
  mask-image: url("../../icons/design/layout-grid-line.svg");
}

.fr-icon-mark-pen-fill::before,
.fr-icon-mark-pen-fill::after {
  -webkit-mask-image: url("../../icons/design/mark-pen-fill.svg");
  mask-image: url("../../icons/design/mark-pen-fill.svg");
}

.fr-icon-mark-pen-line::before,
.fr-icon-mark-pen-line::after {
  -webkit-mask-image: url("../../icons/design/mark-pen-line.svg");
  mask-image: url("../../icons/design/mark-pen-line.svg");
}

.fr-icon-paint-brush-fill::before,
.fr-icon-paint-brush-fill::after {
  -webkit-mask-image: url("../../icons/design/paint-brush-fill.svg");
  mask-image: url("../../icons/design/paint-brush-fill.svg");
}

.fr-icon-paint-brush-line::before,
.fr-icon-paint-brush-line::after {
  -webkit-mask-image: url("../../icons/design/paint-brush-line.svg");
  mask-image: url("../../icons/design/paint-brush-line.svg");
}

.fr-icon-paint-fill::before,
.fr-icon-paint-fill::after {
  -webkit-mask-image: url("../../icons/design/paint-fill.svg");
  mask-image: url("../../icons/design/paint-fill.svg");
}

.fr-icon-paint-line::before,
.fr-icon-paint-line::after {
  -webkit-mask-image: url("../../icons/design/paint-line.svg");
  mask-image: url("../../icons/design/paint-line.svg");
}

.fr-icon-palette-fill::before,
.fr-icon-palette-fill::after {
  -webkit-mask-image: url("../../icons/design/palette-fill.svg");
  mask-image: url("../../icons/design/palette-fill.svg");
}

.fr-icon-palette-line::before,
.fr-icon-palette-line::after {
  -webkit-mask-image: url("../../icons/design/palette-line.svg");
  mask-image: url("../../icons/design/palette-line.svg");
}

.fr-icon-pantone-fill::before,
.fr-icon-pantone-fill::after {
  -webkit-mask-image: url("../../icons/design/pantone-fill.svg");
  mask-image: url("../../icons/design/pantone-fill.svg");
}

.fr-icon-pantone-line::before,
.fr-icon-pantone-line::after {
  -webkit-mask-image: url("../../icons/design/pantone-line.svg");
  mask-image: url("../../icons/design/pantone-line.svg");
}

.fr-icon-pen-nib-fill::before,
.fr-icon-pen-nib-fill::after {
  -webkit-mask-image: url("../../icons/design/pen-nib-fill.svg");
  mask-image: url("../../icons/design/pen-nib-fill.svg");
}

.fr-icon-pen-nib-line::before,
.fr-icon-pen-nib-line::after {
  -webkit-mask-image: url("../../icons/design/pen-nib-line.svg");
  mask-image: url("../../icons/design/pen-nib-line.svg");
}

.fr-icon-pencil-fill::before,
.fr-icon-pencil-fill::after {
  -webkit-mask-image: url("../../icons/design/pencil-fill.svg");
  mask-image: url("../../icons/design/pencil-fill.svg");
}

.fr-icon-pencil-line::before,
.fr-icon-pencil-line::after {
  -webkit-mask-image: url("../../icons/design/pencil-line.svg");
  mask-image: url("../../icons/design/pencil-line.svg");
}

.fr-icon-pencil-ruler-fill::before,
.fr-icon-pencil-ruler-fill::after {
  -webkit-mask-image: url("../../icons/design/pencil-ruler-fill.svg");
  mask-image: url("../../icons/design/pencil-ruler-fill.svg");
}

.fr-icon-pencil-ruler-line::before,
.fr-icon-pencil-ruler-line::after {
  -webkit-mask-image: url("../../icons/design/pencil-ruler-line.svg");
  mask-image: url("../../icons/design/pencil-ruler-line.svg");
}

.fr-icon-shapes-fill::before,
.fr-icon-shapes-fill::after {
  -webkit-mask-image: url("../../icons/design/shapes-fill.svg");
  mask-image: url("../../icons/design/shapes-fill.svg");
}

.fr-icon-shapes-line::before,
.fr-icon-shapes-line::after {
  -webkit-mask-image: url("../../icons/design/shapes-line.svg");
  mask-image: url("../../icons/design/shapes-line.svg");
}

.fr-icon-sip-fill::before,
.fr-icon-sip-fill::after {
  -webkit-mask-image: url("../../icons/design/sip-fill.svg");
  mask-image: url("../../icons/design/sip-fill.svg");
}

.fr-icon-sip-line::before,
.fr-icon-sip-line::after {
  -webkit-mask-image: url("../../icons/design/sip-line.svg");
  mask-image: url("../../icons/design/sip-line.svg");
}

.fr-icon-table-fill::before,
.fr-icon-table-fill::after {
  -webkit-mask-image: url("../../icons/design/table-fill.svg");
  mask-image: url("../../icons/design/table-fill.svg");
}

.fr-icon-table-line::before,
.fr-icon-table-line::after {
  -webkit-mask-image: url("../../icons/design/table-line.svg");
  mask-image: url("../../icons/design/table-line.svg");
}

.fr-fi-edit-fill::before,
.fr-fi-edit-fill::after {
  -webkit-mask-image: url("../../icons/design/edit-fill.svg");
  mask-image: url("../../icons/design/edit-fill.svg");
}

.fr-fi-edit-line::before,
.fr-fi-edit-line::after {
  -webkit-mask-image: url("../../icons/design/edit-line.svg");
  mask-image: url("../../icons/design/edit-line.svg");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON COMMUNICATION
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-bug-fill::before,
.fr-icon-bug-fill::after {
  -webkit-mask-image: url("../../icons/development/bug-fill.svg");
  mask-image: url("../../icons/development/bug-fill.svg");
}

.fr-icon-bug-line::before,
.fr-icon-bug-line::after {
  -webkit-mask-image: url("../../icons/development/bug-line.svg");
  mask-image: url("../../icons/development/bug-line.svg");
}

.fr-icon-code-box-fill::before,
.fr-icon-code-box-fill::after {
  -webkit-mask-image: url("../../icons/development/code-box-fill.svg");
  mask-image: url("../../icons/development/code-box-fill.svg");
}

.fr-icon-code-box-line::before,
.fr-icon-code-box-line::after {
  -webkit-mask-image: url("../../icons/development/code-box-line.svg");
  mask-image: url("../../icons/development/code-box-line.svg");
}

.fr-icon-code-s-slash-line::before,
.fr-icon-code-s-slash-line::after {
  -webkit-mask-image: url("../../icons/development/code-s-slash-line.svg");
  mask-image: url("../../icons/development/code-s-slash-line.svg");
}

.fr-icon-cursor-fill::before,
.fr-icon-cursor-fill::after {
  -webkit-mask-image: url("../../icons/development/cursor-fill.svg");
  mask-image: url("../../icons/development/cursor-fill.svg");
}

.fr-icon-cursor-line::before,
.fr-icon-cursor-line::after {
  -webkit-mask-image: url("../../icons/development/cursor-line.svg");
  mask-image: url("../../icons/development/cursor-line.svg");
}

.fr-icon-git-branch-fill::before,
.fr-icon-git-branch-fill::after {
  -webkit-mask-image: url("../../icons/development/git-branch-fill.svg");
  mask-image: url("../../icons/development/git-branch-fill.svg");
}

.fr-icon-git-branch-line::before,
.fr-icon-git-branch-line::after {
  -webkit-mask-image: url("../../icons/development/git-branch-line.svg");
  mask-image: url("../../icons/development/git-branch-line.svg");
}

.fr-icon-git-commit-fill::before,
.fr-icon-git-commit-fill::after {
  -webkit-mask-image: url("../../icons/development/git-commit-fill.svg");
  mask-image: url("../../icons/development/git-commit-fill.svg");
}

.fr-icon-git-commit-line::before,
.fr-icon-git-commit-line::after {
  -webkit-mask-image: url("../../icons/development/git-commit-line.svg");
  mask-image: url("../../icons/development/git-commit-line.svg");
}

.fr-icon-git-merge-fill::before,
.fr-icon-git-merge-fill::after {
  -webkit-mask-image: url("../../icons/development/git-merge-fill.svg");
  mask-image: url("../../icons/development/git-merge-fill.svg");
}

.fr-icon-git-merge-line::before,
.fr-icon-git-merge-line::after {
  -webkit-mask-image: url("../../icons/development/git-merge-line.svg");
  mask-image: url("../../icons/development/git-merge-line.svg");
}

.fr-icon-git-pull-request-fill::before,
.fr-icon-git-pull-request-fill::after {
  -webkit-mask-image: url("../../icons/development/git-pull-request-fill.svg");
  mask-image: url("../../icons/development/git-pull-request-fill.svg");
}

.fr-icon-git-pull-request-line::before,
.fr-icon-git-pull-request-line::after {
  -webkit-mask-image: url("../../icons/development/git-pull-request-line.svg");
  mask-image: url("../../icons/development/git-pull-request-line.svg");
}

.fr-icon-git-repository-commits-fill::before,
.fr-icon-git-repository-commits-fill::after {
  -webkit-mask-image: url("../../icons/development/git-repository-commits-fill.svg");
  mask-image: url("../../icons/development/git-repository-commits-fill.svg");
}

.fr-icon-git-repository-commits-line::before,
.fr-icon-git-repository-commits-line::after {
  -webkit-mask-image: url("../../icons/development/git-repository-commits-line.svg");
  mask-image: url("../../icons/development/git-repository-commits-line.svg");
}

.fr-icon-git-repository-fill::before,
.fr-icon-git-repository-fill::after {
  -webkit-mask-image: url("../../icons/development/git-repository-fill.svg");
  mask-image: url("../../icons/development/git-repository-fill.svg");
}

.fr-icon-git-repository-line::before,
.fr-icon-git-repository-line::after {
  -webkit-mask-image: url("../../icons/development/git-repository-line.svg");
  mask-image: url("../../icons/development/git-repository-line.svg");
}

.fr-icon-git-repository-private-fill::before,
.fr-icon-git-repository-private-fill::after {
  -webkit-mask-image: url("../../icons/development/git-repository-private-fill.svg");
  mask-image: url("../../icons/development/git-repository-private-fill.svg");
}

.fr-icon-git-repository-private-line::before,
.fr-icon-git-repository-private-line::after {
  -webkit-mask-image: url("../../icons/development/git-repository-private-line.svg");
  mask-image: url("../../icons/development/git-repository-private-line.svg");
}

.fr-icon-terminal-box-fill::before,
.fr-icon-terminal-box-fill::after {
  -webkit-mask-image: url("../../icons/development/terminal-box-fill.svg");
  mask-image: url("../../icons/development/terminal-box-fill.svg");
}

.fr-icon-terminal-box-line::before,
.fr-icon-terminal-box-line::after {
  -webkit-mask-image: url("../../icons/development/terminal-box-line.svg");
  mask-image: url("../../icons/development/terminal-box-line.svg");
}

.fr-icon-terminal-line::before,
.fr-icon-terminal-line::after {
  -webkit-mask-image: url("../../icons/development/terminal-line.svg");
  mask-image: url("../../icons/development/terminal-line.svg");
}

.fr-icon-terminal-window-fill::before,
.fr-icon-terminal-window-fill::after {
  -webkit-mask-image: url("../../icons/development/terminal-window-fill.svg");
  mask-image: url("../../icons/development/terminal-window-fill.svg");
}

.fr-icon-terminal-window-line::before,
.fr-icon-terminal-window-line::after {
  -webkit-mask-image: url("../../icons/development/terminal-window-line.svg");
  mask-image: url("../../icons/development/terminal-window-line.svg");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON COMMUNICATION
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-bluetooth-fill::before,
.fr-icon-bluetooth-fill::after {
  -webkit-mask-image: url("../../icons/device/bluetooth-fill.svg");
  mask-image: url("../../icons/device/bluetooth-fill.svg");
}

.fr-icon-bluetooth-line::before,
.fr-icon-bluetooth-line::after {
  -webkit-mask-image: url("../../icons/device/bluetooth-line.svg");
  mask-image: url("../../icons/device/bluetooth-line.svg");
}

.fr-icon-computer-fill::before,
.fr-icon-computer-fill::after {
  -webkit-mask-image: url("../../icons/device/computer-fill.svg");
  mask-image: url("../../icons/device/computer-fill.svg");
}

.fr-icon-computer-line::before,
.fr-icon-computer-line::after {
  -webkit-mask-image: url("../../icons/device/computer-line.svg");
  mask-image: url("../../icons/device/computer-line.svg");
}

.fr-icon-dashboard-3-fill::before,
.fr-icon-dashboard-3-fill::after {
  -webkit-mask-image: url("../../icons/device/dashboard-3-fill.svg");
  mask-image: url("../../icons/device/dashboard-3-fill.svg");
}

.fr-icon-dashboard-3-line::before,
.fr-icon-dashboard-3-line::after {
  -webkit-mask-image: url("../../icons/device/dashboard-3-line.svg");
  mask-image: url("../../icons/device/dashboard-3-line.svg");
}

.fr-icon-database-fill::before,
.fr-icon-database-fill::after {
  -webkit-mask-image: url("../../icons/device/database-fill.svg");
  mask-image: url("../../icons/device/database-fill.svg");
}

.fr-icon-database-line::before,
.fr-icon-database-line::after {
  -webkit-mask-image: url("../../icons/device/database-line.svg");
  mask-image: url("../../icons/device/database-line.svg");
}

.fr-icon-device-fill::before,
.fr-icon-device-fill::after {
  -webkit-mask-image: url("../../icons/device/device-fill.svg");
  mask-image: url("../../icons/device/device-fill.svg");
}

.fr-icon-device-line::before,
.fr-icon-device-line::after {
  -webkit-mask-image: url("../../icons/device/device-line.svg");
  mask-image: url("../../icons/device/device-line.svg");
}

.fr-icon-hard-drive-2-fill::before,
.fr-icon-hard-drive-2-fill::after {
  -webkit-mask-image: url("../../icons/device/hard-drive-2-fill.svg");
  mask-image: url("../../icons/device/hard-drive-2-fill.svg");
}

.fr-icon-hard-drive-2-line::before,
.fr-icon-hard-drive-2-line::after {
  -webkit-mask-image: url("../../icons/device/hard-drive-2-line.svg");
  mask-image: url("../../icons/device/hard-drive-2-line.svg");
}

.fr-icon-mac-fill::before,
.fr-icon-mac-fill::after {
  -webkit-mask-image: url("../../icons/device/mac-fill.svg");
  mask-image: url("../../icons/device/mac-fill.svg");
}

.fr-icon-mac-line::before,
.fr-icon-mac-line::after {
  -webkit-mask-image: url("../../icons/device/mac-line.svg");
  mask-image: url("../../icons/device/mac-line.svg");
}

.fr-icon-phone-fill::before,
.fr-icon-phone-fill::after {
  -webkit-mask-image: url("../../icons/device/phone-fill.svg");
  mask-image: url("../../icons/device/phone-fill.svg");
}

.fr-icon-phone-line::before,
.fr-icon-phone-line::after {
  -webkit-mask-image: url("../../icons/device/phone-line.svg");
  mask-image: url("../../icons/device/phone-line.svg");
}

.fr-icon-qr-code-fill::before,
.fr-icon-qr-code-fill::after {
  -webkit-mask-image: url("../../icons/device/qr-code-fill.svg");
  mask-image: url("../../icons/device/qr-code-fill.svg");
}

.fr-icon-qr-code-line::before,
.fr-icon-qr-code-line::after {
  -webkit-mask-image: url("../../icons/device/qr-code-line.svg");
  mask-image: url("../../icons/device/qr-code-line.svg");
}

.fr-icon-rss-fill::before,
.fr-icon-rss-fill::after {
  -webkit-mask-image: url("../../icons/device/rss-fill.svg");
  mask-image: url("../../icons/device/rss-fill.svg");
}

.fr-icon-rss-line::before,
.fr-icon-rss-line::after {
  -webkit-mask-image: url("../../icons/device/rss-line.svg");
  mask-image: url("../../icons/device/rss-line.svg");
}

.fr-icon-save-3-fill::before,
.fr-icon-save-3-fill::after {
  -webkit-mask-image: url("../../icons/device/save-3-fill.svg");
  mask-image: url("../../icons/device/save-3-fill.svg");
}

.fr-icon-save-3-line::before,
.fr-icon-save-3-line::after {
  -webkit-mask-image: url("../../icons/device/save-3-line.svg");
  mask-image: url("../../icons/device/save-3-line.svg");
}

.fr-icon-save-fill::before,
.fr-icon-save-fill::after {
  -webkit-mask-image: url("../../icons/device/save-fill.svg");
  mask-image: url("../../icons/device/save-fill.svg");
}

.fr-icon-save-line::before,
.fr-icon-save-line::after {
  -webkit-mask-image: url("../../icons/device/save-line.svg");
  mask-image: url("../../icons/device/save-line.svg");
}

.fr-icon-server-fill::before,
.fr-icon-server-fill::after {
  -webkit-mask-image: url("../../icons/device/server-fill.svg");
  mask-image: url("../../icons/device/server-fill.svg");
}

.fr-icon-server-line::before,
.fr-icon-server-line::after {
  -webkit-mask-image: url("../../icons/device/server-line.svg");
  mask-image: url("../../icons/device/server-line.svg");
}

.fr-icon-smartphone-fill::before,
.fr-icon-smartphone-fill::after {
  -webkit-mask-image: url("../../icons/device/smartphone-fill.svg");
  mask-image: url("../../icons/device/smartphone-fill.svg");
}

.fr-icon-smartphone-line::before,
.fr-icon-smartphone-line::after {
  -webkit-mask-image: url("../../icons/device/smartphone-line.svg");
  mask-image: url("../../icons/device/smartphone-line.svg");
}

.fr-icon-tablet-fill::before,
.fr-icon-tablet-fill::after {
  -webkit-mask-image: url("../../icons/device/tablet-fill.svg");
  mask-image: url("../../icons/device/tablet-fill.svg");
}

.fr-icon-tablet-line::before,
.fr-icon-tablet-line::after {
  -webkit-mask-image: url("../../icons/device/tablet-line.svg");
  mask-image: url("../../icons/device/tablet-line.svg");
}

.fr-icon-tv-fill::before,
.fr-icon-tv-fill::after {
  -webkit-mask-image: url("../../icons/device/tv-fill.svg");
  mask-image: url("../../icons/device/tv-fill.svg");
}

.fr-icon-tv-line::before,
.fr-icon-tv-line::after {
  -webkit-mask-image: url("../../icons/device/tv-line.svg");
  mask-image: url("../../icons/device/tv-line.svg");
}

.fr-icon-wifi-fill::before,
.fr-icon-wifi-fill::after {
  -webkit-mask-image: url("../../icons/device/wifi-fill.svg");
  mask-image: url("../../icons/device/wifi-fill.svg");
}

.fr-icon-wifi-line::before,
.fr-icon-wifi-line::after {
  -webkit-mask-image: url("../../icons/device/wifi-line.svg");
  mask-image: url("../../icons/device/wifi-line.svg");
}

.fr-fi-phone-fill::before,
.fr-fi-phone-fill::after {
  -webkit-mask-image: url("../../icons/device/phone-fill.svg");
  mask-image: url("../../icons/device/phone-fill.svg");
}

.fr-fi-phone-line::before,
.fr-fi-phone-line::after {
  -webkit-mask-image: url("../../icons/device/phone-line.svg");
  mask-image: url("../../icons/device/phone-line.svg");
}

.fr-fi-rss-fill::before,
.fr-fi-rss-fill::after {
  -webkit-mask-image: url("../../icons/device/rss-fill.svg");
  mask-image: url("../../icons/device/rss-fill.svg");
}

.fr-fi-rss-line::before,
.fr-fi-rss-line::after {
  -webkit-mask-image: url("../../icons/device/rss-line.svg");
  mask-image: url("../../icons/device/rss-line.svg");
}

.fr-fi-save-fill::before,
.fr-fi-save-fill::after {
  -webkit-mask-image: url("../../icons/device/save-fill.svg");
  mask-image: url("../../icons/device/save-fill.svg");
}

.fr-fi-save-line::before,
.fr-fi-save-line::after {
  -webkit-mask-image: url("../../icons/device/save-line.svg");
  mask-image: url("../../icons/device/save-line.svg");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON COMMUNICATION
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-article-fill::before,
.fr-icon-article-fill::after {
  -webkit-mask-image: url("../../icons/document/article-fill.svg");
  mask-image: url("../../icons/document/article-fill.svg");
}

.fr-icon-article-line::before,
.fr-icon-article-line::after {
  -webkit-mask-image: url("../../icons/document/article-line.svg");
  mask-image: url("../../icons/document/article-line.svg");
}

.fr-icon-book-2-fill::before,
.fr-icon-book-2-fill::after {
  -webkit-mask-image: url("../../icons/document/book-2-fill.svg");
  mask-image: url("../../icons/document/book-2-fill.svg");
}

.fr-icon-book-2-line::before,
.fr-icon-book-2-line::after {
  -webkit-mask-image: url("../../icons/document/book-2-line.svg");
  mask-image: url("../../icons/document/book-2-line.svg");
}

.fr-icon-booklet-fill::before,
.fr-icon-booklet-fill::after {
  -webkit-mask-image: url("../../icons/document/booklet-fill.svg");
  mask-image: url("../../icons/document/booklet-fill.svg");
}

.fr-icon-booklet-line::before,
.fr-icon-booklet-line::after {
  -webkit-mask-image: url("../../icons/document/booklet-line.svg");
  mask-image: url("../../icons/document/booklet-line.svg");
}

.fr-icon-clipboard-fill::before,
.fr-icon-clipboard-fill::after {
  -webkit-mask-image: url("../../icons/document/clipboard-fill.svg");
  mask-image: url("../../icons/document/clipboard-fill.svg");
}

.fr-icon-clipboard-line::before,
.fr-icon-clipboard-line::after {
  -webkit-mask-image: url("../../icons/document/clipboard-line.svg");
  mask-image: url("../../icons/document/clipboard-line.svg");
}

.fr-icon-draft-fill::before,
.fr-icon-draft-fill::after {
  -webkit-mask-image: url("../../icons/document/draft-fill.svg");
  mask-image: url("../../icons/document/draft-fill.svg");
}

.fr-icon-draft-line::before,
.fr-icon-draft-line::after {
  -webkit-mask-image: url("../../icons/document/draft-line.svg");
  mask-image: url("../../icons/document/draft-line.svg");
}

.fr-icon-file-add-fill::before,
.fr-icon-file-add-fill::after {
  -webkit-mask-image: url("../../icons/document/file-add-fill.svg");
  mask-image: url("../../icons/document/file-add-fill.svg");
}

.fr-icon-file-add-line::before,
.fr-icon-file-add-line::after {
  -webkit-mask-image: url("../../icons/document/file-add-line.svg");
  mask-image: url("../../icons/document/file-add-line.svg");
}

.fr-icon-file-download-fill::before,
.fr-icon-file-download-fill::after {
  -webkit-mask-image: url("../../icons/document/file-download-fill.svg");
  mask-image: url("../../icons/document/file-download-fill.svg");
}

.fr-icon-file-download-line::before,
.fr-icon-file-download-line::after {
  -webkit-mask-image: url("../../icons/document/file-download-line.svg");
  mask-image: url("../../icons/document/file-download-line.svg");
}

.fr-icon-file-fill::before,
.fr-icon-file-fill::after {
  -webkit-mask-image: url("../../icons/document/file-fill.svg");
  mask-image: url("../../icons/document/file-fill.svg");
}

.fr-icon-file-line::before,
.fr-icon-file-line::after {
  -webkit-mask-image: url("../../icons/document/file-line.svg");
  mask-image: url("../../icons/document/file-line.svg");
}

.fr-icon-file-pdf-fill::before,
.fr-icon-file-pdf-fill::after {
  -webkit-mask-image: url("../../icons/document/file-pdf-fill.svg");
  mask-image: url("../../icons/document/file-pdf-fill.svg");
}

.fr-icon-file-pdf-line::before,
.fr-icon-file-pdf-line::after {
  -webkit-mask-image: url("../../icons/document/file-pdf-line.svg");
  mask-image: url("../../icons/document/file-pdf-line.svg");
}

.fr-icon-file-text-fill::before,
.fr-icon-file-text-fill::after {
  -webkit-mask-image: url("../../icons/document/file-text-fill.svg");
  mask-image: url("../../icons/document/file-text-fill.svg");
}

.fr-icon-file-text-line::before,
.fr-icon-file-text-line::after {
  -webkit-mask-image: url("../../icons/document/file-text-line.svg");
  mask-image: url("../../icons/document/file-text-line.svg");
}

.fr-icon-folder-2-fill::before,
.fr-icon-folder-2-fill::after {
  -webkit-mask-image: url("../../icons/document/folder-2-fill.svg");
  mask-image: url("../../icons/document/folder-2-fill.svg");
}

.fr-icon-folder-2-line::before,
.fr-icon-folder-2-line::after {
  -webkit-mask-image: url("../../icons/document/folder-2-line.svg");
  mask-image: url("../../icons/document/folder-2-line.svg");
}

.fr-icon-newspaper-fill::before,
.fr-icon-newspaper-fill::after {
  -webkit-mask-image: url("../../icons/document/newspaper-fill.svg");
  mask-image: url("../../icons/document/newspaper-fill.svg");
}

.fr-icon-newspaper-line::before,
.fr-icon-newspaper-line::after {
  -webkit-mask-image: url("../../icons/document/newspaper-line.svg");
  mask-image: url("../../icons/document/newspaper-line.svg");
}

.fr-icon-survey-fill::before,
.fr-icon-survey-fill::after {
  -webkit-mask-image: url("../../icons/document/survey-fill.svg");
  mask-image: url("../../icons/document/survey-fill.svg");
}

.fr-icon-survey-line::before,
.fr-icon-survey-line::after {
  -webkit-mask-image: url("../../icons/document/survey-line.svg");
  mask-image: url("../../icons/document/survey-line.svg");
}

.fr-icon-todo-fill::before,
.fr-icon-todo-fill::after {
  -webkit-mask-image: url("../../icons/document/todo-fill.svg");
  mask-image: url("../../icons/document/todo-fill.svg");
}

.fr-icon-todo-line::before,
.fr-icon-todo-line::after {
  -webkit-mask-image: url("../../icons/document/todo-line.svg");
  mask-image: url("../../icons/document/todo-line.svg");
}

.fr-fi-file-download-fill::before,
.fr-fi-file-download-fill::after {
  -webkit-mask-image: url("../../icons/document/file-download-fill.svg");
  mask-image: url("../../icons/document/file-download-fill.svg");
}

.fr-fi-file-download-line::before,
.fr-fi-file-download-line::after {
  -webkit-mask-image: url("../../icons/document/file-download-line.svg");