@font-face {
    font-family: "FluentFilled";
    src: url("./fonts/fluent-filled-v1.1.293.woff2") format("woff2");
}

@font-face {
    font-family: "FluentRegular";
    src: url("./fonts/fluent-regular-v1.1.293.woff2") format("woff2");
}

// Inline-flex fix for additional span present in Icon.tsx re: PR 740643
// Defining it here allows for overrides and doesn't force usage of !important
span.fluent-icons-enabled {
    display: inline-flex;
}

// Keeping this class for now for CSS inheritance
.fluent-icons-enabled {
    // FluentRegular: Fluent Regular icons (https://iconcloud.design/browse/Fluent%20System%20Library/Fluent%20Regular)
    // FluentFilled: Fluent Filled icons (https://iconcloud.design/browse/Fluent%20System%20Library/Fluent%20Filled)
    // Due to the common usage of the .fabric-icon class, we have to explicitly declare font-family on each class.
    // TODO: Refactor old AzMDL2 classes
    .fabric-icon {
        align-self: center;
        display: inline-flex;
        -webkit-font-smoothing: antialiased;

        &.small {
            font-size: 0.75rem;
            line-height: 0.75rem;
        }

        &.medium {
            font-size: 1rem;
            line-height: 1rem;
        }

        &.large {
            font-size: 1.5rem;
            line-height: 1.5rem;
        }

        &.bolt-breadcrumb-item-icon {
            font-size: 1rem;
        }

        &.bolt-tab-icon {
            font-size: 1rem;
            line-height: 1rem;
        }

        &:not(.bowtie-icon) {
            font-family: "FluentRegular";
        }
    }

    // Adjustments for Fluent Icons

    .bolt-menuitem-cell-icon .fabric-icon {
        font-size: 1rem;
    }

    /**
    * Adjustments to specific icon placements based on their default layout.
    */
    .ms-Icon--FabricFolder,
    .ms-Icon--FabricFolderFill {
        transform: translateY(1px);
    }

    .ms-Icon--Tag {
        transform: translateY(1px);
    }

    /**
    * Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license
    */
    .ms-Icon--Insights:before {
        // Fluent Name: Lightbulb Filament
        font-family: "FluentRegular";
        content: "\F4D9";
    }
    .ms-Icon--GlobalNavButton:before {
        // Fluent Name: Navigation
        font-family: "FluentRegular";
        content: "\E85F";
    }
    .ms-Icon--Airplane:before {
        font-family: "FluentRegular";
        content: "\f068d";
    }
    .ms-Icon--ChevronDown:before {
        font-family: "FluentRegular";
        content: "\F2A2";
    }
    .ms-Icon--ChevronUp:before {
        font-family: "FluentRegular";
        content: "\F2B5";
    }
    .ms-Icon--Edit:before {
        font-family: "FluentRegular";
        content: "\F3DC";
    }
    .ms-Icon--Add:before,
    .ms-Icon--CalculatorAddition:before {
        font-family: "FluentRegular";
        content: "\F108";
    }
    .ms-Icon--Cancel:before {
        // Fluent Name: Dismiss
        font-family: "FluentRegular";
        content: "\F368";
    }
    .ms-Icon--More:before {
        // Fluent Name: More Horizontal
        font-family: "FluentRegular";
        content: "\E823";
    }
    .ms-Icon--Settings:before {
        font-family: "FluentRegular";
        content: "\F6A8";
    }
    .ms-Icon--Video:before {
        font-family: "FluentRegular";
        content: "\F84B";
    }
    .ms-Icon--Mail:before {
        font-family: "FluentRegular";
        content: "\E7A1";
    }
    .ms-Icon--People:before {
        font-family: "FluentRegular";
        content: "\F5A7";
    }
    .ms-Icon--Phone:before {
        font-family: "FluentRegular";
        // Fluent Name: Call
        content: "\E26F";
    }
    .ms-Icon--Pin:before,
    .ms-Icon--Pinned:before {
        font-family: "FluentRegular";
        content: "\F600";
    }
    .ms-Icon--Shop:before {
        font-family: "FluentRegular";
        // Fluent Name: Shopping Bag
        content: "\F76E";
    }
    .ms-Icon--Link:before {
        font-family: "FluentRegular";
        content: "\F4E3";
    }
    .ms-Icon--Filter:before {
        font-family: "FluentRegular";
        content: "\E60A";
    }
    .ms-Icon--Zoom:before,
    .ms-Icon--Search:before {
        font-family: "FluentRegular";
        // Fluent Name: Search
        content: "\EA7C";
    }
    .ms-Icon--ZoomOut:before {
        font-family: "FluentRegular";
        // Fluent Name: Zoom Out
        content: "\EE8F";
    }
    .ms-Icon--Attach:before {
        font-family: "FluentRegular";
        content: "\F1A8";
    }
    .ms-Icon--Send:before {
        font-family: "FluentRegular";
        content: "\EA8E";
    }
    .ms-Icon--FavoriteList:before {
        font-family: "FluentRegular";
        // Fluent Name: Star Line Horizontal 3
        content: "\EBB1";
    }
    .ms-Icon--Forward:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Right
        content: "\E0EB";
    }
    .ms-Icon--Back:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Left
        content: "\F184";
    }
    .ms-Icon--Refresh:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Clockwise
        content: "\E0AA";
    }
    .ms-Icon--Share:before {
        font-family: "FluentRegular";
        content: "\EAA6";
    }
    .ms-Icon--Lock:before {
        font-family: "FluentRegular";
        // Fluent Name: Lock Closed
        content: "\E78E";
    }
    .ms-Icon--BlockedSite:before {
        font-family: "FluentRegular";
        // Fluent Name: Shield Dismiss
        content: "\EACC";
    }
    .ms-Icon--ReportHacked:before {
        font-family: "FluentRegular";
        // Fluent Name: Shield Error
        content: "\EACE";
    }
    .ms-Icon--EMI:before {
        font-family: "FluentRegular";
        // Fluent Name: Building
        content: "\E20A";
    }
    .ms-Icon--Blocked:before {
        font-family: "FluentRegular";
        // Fluent Name: Presence Blocked
        content: "\F618";
    }
    .ms-Icon--FavoriteStar:before {
        font-family: "FluentRegular";
        // Fluent Name: Star
        content: "\F70E";
    }
    .ms-Icon--FavoriteStarFill:before {
        // Fluent Name: Star
        font-family: "FluentFilled";
        content: "\F717";
    }
    .ms-Icon--ReadingMode {
        // Fluent Name: Reading Mode Mobile
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F65B";
            // Needs 16px
        }
    }
    .ms-Icon--Remove:before {
        font-family: "FluentRegular";
        // Fluent Name: Subtract
        content: "\EBCF";
    }
    .ms-Icon--CheckboxComposite:before {
        font-family: "FluentRegular";
        // Fluent Name: Checkbox Checked
        content: "\F27C";
    }
    .ms-Icon--CheckboxCompositeReversed:before {
        // Fluent Name: Checkbox Checked
        font-family: "FluentFilled";
        content: "\F27C";
    }
    .ms-Icon--CheckMark:before,
    .ms-Icon--Accept:before,
    .ms-Icon--ReceiptCheck:before,
    .ms-Icon--StatusCircleCheckmark:before {
        font-family: "FluentRegular";
        content: "\E305";
    }
    .ms-Icon--BackToWindow:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Minimize
        content: "\F164";
    }
    .ms-Icon--FullScreen:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Maximize
        content: "\F15E";
    }
    .ms-Icon--Print:before {
        font-family: "FluentRegular";
        content: "\F6FA";
    }
    .ms-Icon--Up:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Up
        content: "\F1B4";
    }
    .ms-Icon--Down:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Down
        content: "\F147";
    }
    .ms-Icon--OEM:before {
        font-family: "FluentRegular";
        // Fluent Name: Apps
        content: "\F132";
    }
    .ms-Icon--Delete:before {
        font-family: "FluentRegular";
        content: "\E47B";
    }
    .ms-Icon--Save:before {
        font-family: "FluentRegular";
        content: "\EA43";
    }
    .ms-Icon--Fingerprint:before {
        font-family: "FluentRegular";
        content: "\f03f9";
    }
    .ms-Icon--Flashlight:before {
        font-family: "FluentRegular";
        // Fluent Name: Flashlight
        content: "\E628";
    }
    .ms-Icon--Sad:before {
        font-family: "FluentRegular";
        // Fluent Name: Emoji Sad
        content: "\E5D4";
    }
    .ms-Icon--MultiSelect:before {
        font-family: "FluentRegular";
        // Fluent Name: Multiselect LTR
        content: "\E84B";
    }
    .ms-Icon--KeyboardClassic:before {
        font-family: "FluentRegular";
        // Fluent Name: Keyboard
        content: "\E74A";
    }
    .ms-Icon--Play:before {
        font-family: "FluentRegular";
        content: "\E990";
    }
    .ms-Icon--Pause:before {
        font-family: "FluentRegular";
        content: "\F5A0";
    }
    .ms-Icon--ChevronLeft:before {
        font-family: "FluentRegular";
        content: "\F2A9";
    }
    .ms-Icon--ChevronRight:before {
        font-family: "FluentRegular";
        content: "\F2AF";
    }
    .ms-Icon--Emoji2:before {
        font-family: "FluentRegular";
        // Fluent Name: Emoji
        content: "\F3DF";
    }
    .ms-Icon--SearchAndApps {
        // Fluent Name: Slide Multiple Search
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F773";
            // Needs 16px
        }
    }
    .ms-Icon--Globe:before {
        font-family: "FluentRegular";
        content: "\E6B1";
    }
    .ms-Icon--ContactInfo:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Info
        content: "\F6D6";
    }
    .ms-Icon--Unpin:before {
        font-family: "FluentRegular";
        // Fluent Name: Pin Off
        content: "\E985";
    }
    .ms-Icon--Contact:before {
        font-family: "FluentRegular";
        // Fluent Name: Person
        content: "\F5BC";
    }
    .ms-Icon--Paste:before {
        font-family: "FluentRegular";
        // Fluent Name: Clipboard Paste
        content: "\E35A";
    }
    // .ms-Icon--WindowsLogo:before {
    //     // TODO: replace with react component, Product Icon
    //     content: "\E782";
    // }
    .ms-Icon--Error:before {
        font-family: "FluentRegular";
        // Fluent Name: Error Circle
        content: "\F3F0";
    }
    .ms-Icon--Unlock:before {
        font-family: "FluentRegular";
        // Fluent Name: Lock Open
        content: "\E794";
    }
    .ms-Icon--Calendar:before {
        font-family: "FluentRegular";
        // Fluent Name: Calendar LTR
        content: "\E24D";
    }
    .ms-Icon--Megaphone:before {
        font-family: "FluentRegular";
        content: "\F536";
    }
    .ms-Icon--Color:before {
        font-family: "FluentRegular";
        content: "\E3BC";
    }
    .ms-Icon--SaveAs {
        // Fluent Name: Save Edit
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\EA48";
            // Needs 16px
        }
    }
    .ms-Icon--Undo:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Undo
        content: "\E126";
    }
    .ms-Icon--RedEye:before {
        font-family: "FluentRegular";
        // Fluent Name: Eye
        content: "\E5F1";
    }
    .ms-Icon--Warning:before {
        font-family: "FluentRegular";
        content: "\F868";
    }
    .ms-Icon--ShoppingCart:before {
        font-family: "FluentRegular";
        // Fluent Name: Cart
        content: "\E2AB";
    }
    .ms-Icon--Flag:before {
        font-family: "FluentRegular";
        content: "\F40A";
    }
    .ms-Icon--Page:before {
        font-family: "FluentRegular";
        // Fluent Name: Document
        content: "\E4D7";
    }
    .ms-Icon--Car:before {
        font-family: "FluentRegular";
        // Fluent Name: Vehicle Car
        content: "\F847";
    }
    .ms-Icon--EatDrink:before {
        font-family: "FluentRegular";
        // Fluent Name: Food
        content: "\E666";
    }
    .ms-Icon--Home:before {
        font-family: "FluentRegular";
        content: "\E70F";
    }
    .ms-Icon--SwitcherStartEnd:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Sort
        content: "\F1AB";
    }
    .ms-Icon--IncidentTriangle:before {
        // Fluent Name: Warning
        font-family: "FluentFilled";
        content: "\f880";
    }
    .ms-Icon--History:before,
    .ms-Icon--FullHistory:before {
        font-family: "FluentRegular";
        content: "\E705";
    }
    .ms-Icon--Work:before {
        font-family: "FluentRegular";
        // Fluent Name: Briefcase
        content: "\E1E9";
    }
    .ms-Icon--LocationDot {
        // Fluent Name: Circle Small
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentFilled";
            content: "\e353";
            // Needs 16px
        }
    }
    .ms-Icon--Dictionary:before {
        // Fluent Name: Book
        font-family: "FluentRegular";
        content: "\f0388";
    }
    .ms-Icon--RevToggleKey:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Hook Up Left
        content: "\F8DD";
    }
    .ms-Icon--View:before {
        font-family: "FluentRegular";
        // Fluent Name: Eye
        content: "\E5F1";
    }
    .ms-Icon--Previous:before {
        font-family: "FluentRegular";
        content: "\F627";
    }
    .ms-Icon--Next:before {
        font-family: "FluentRegular";
        content: "\F568";
    }
    .ms-Icon--Clear:before {
        font-family: "FluentRegular";
        // Fluent Name: Dismiss
        content: "\F368";
    }
    .ms-Icon--Download:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Download
        content: "\F14F";
    }
    .ms-Icon--Help:before {
        font-family: "FluentRegular";
        // Fluent Name: Question
        content: "\F637";
    }
    .ms-Icon--Upload:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Upload
        content: "\E131";
    }
    .ms-Icon--Emoji:before {
        font-family: "FluentRegular";
        // Fluent Name: Emoji Laugh
        content: "\E5D1";
    }
    .ms-Icon--ClosePane:before {
        font-family: "FluentRegular";
        // Fluent Name: Panel Right Contract
        content: "\E8C1";
    }
    .ms-Icon--OpenPane {
        // Fluent Name: Panel Right Expand
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E8C4";
            // Needs 16px
        }
    }
    .ms-Icon--PreviewLink:before {
        font-family: "FluentRegular";
        // Fluent Name: Preview Link
        content: "\F624";
    }
    .ms-Icon--ZoomIn:before {
        font-family: "FluentRegular";
        content: "\EE8E";
    }
    .ms-Icon--ViewAll:before {
        font-family: "FluentRegular";
        // Fluent Name: Border All
        content: "\E19B";
    }
    .ms-Icon--Switch:before {
        // Fluent Name: Arrow Swap
        font-family: "FluentRegular";
        content: "\f02a4";
    }
    .ms-Icon--Rename:before {
        font-family: "FluentRegular";
        content: "\F668";
    }
    .ms-Icon--Import:before {
        // Fluent Name: Arrow Import
        font-family: "FluentRegular";
        content: "\f0384";
    }
    .ms-Icon--Folder:before {
        font-family: "FluentRegular";
        content: "\E643";
    }
    .ms-Icon--ChromeClose:before {
        font-family: "FluentRegular";
        // Fluent Name: Dismiss
        content: "\F368";
    }
    .ms-Icon--ShowResults {
        // Fluent Name: Apps List Detail
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E064";
            // Needs 16px
        }
    }
    .ms-Icon--PaymentCard:before {
        font-family: "FluentRegular";
        // Fluent Name: Payment
        content: "\E8D4";
    }
    .ms-Icon--Copy:before {
        font-family: "FluentRegular";
        content: "\F32A";
    }
    .ms-Icon--FontColor:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Color
        content: "\ECF5";
    }
    .ms-Icon--Permissions:before {
        font-family: "FluentRegular";
        // Fluent Name: Key
        content: "\E740";
    }
    .ms-Icon--Italic:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Italic
        content: "\ED36";
    }
    .ms-Icon--Underline:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Underline
        content: "\ED67";
    }
    .ms-Icon--Bold:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Bold
        content: "\ECD2";
    }
    .ms-Icon--Like:before {
        font-family: "FluentRegular";
        // Fluent Name: Thumb Like
        content: "\ED78";
    }
    .ms-Icon--Dislike:before {
        font-family: "FluentRegular";
        // Fluent Name: Thumb Dislike
        content: "\ed77";
    }
    .ms-Icon--FontSize:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Font Size
        content: "\ED10";
    }
    .ms-Icon--Tag:before {
        font-family: "FluentRegular";
        content: "\EC70";
    }
    .ms-Icon--Library:before {
        font-family: "FluentRegular";
        content: "\E761";
    }
    .ms-Icon--BlockContact:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Prohibited
        content: "\E942";
    }
    .ms-Icon--AddFriend:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Add
        content: "\E921";
    }
    .ms-Icon--BulletedList:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Bullet List LTR
        content: "\ECD8";
    }
    // .ms-Icon--Preview:before {
    //     // TODO: Find replacement
    //     content: "\E8FF";
    // }
    .ms-Icon--Chat:before {
        font-family: "FluentRegular";
        content: "\E2E4";
    }
    .ms-Icon--Group:before {
        font-family: "FluentRegular";
        // Fluent Name: People Team
        content: "\F5B7";
    }
    .ms-Icon--World:before {
        font-family: "FluentRegular";
        // Fluent Name: Earth
        content: "\F3D9";
    }
    .ms-Icon--Comment:before {
        font-family: "FluentRegular";
        content: "\F2FE";
    }
    .ms-Icon--Repair:before {
        font-family: "FluentRegular";
        // Fluent Name: Wrench
        content: "\EE85";
    }
    .ms-Icon--Accounts:before {
        font-family: "FluentRegular";
        // Fluent Name: Mention
        content: "\F53B";
    }
    .ms-Icon--Stopwatch:before {
        font-family: "FluentRegular";
        // Fluent Name: Timer
        content: "\ED86";
    }
    .ms-Icon--Clock:before,
    .ms-Icon--Recent:before {
        font-family: "FluentRegular";
        content: "\F2DC";
    }
    .ms-Icon--WorldClock:before {
        font-family: "FluentRegular";
        // Fluent Name: Globe Clock
        content: "\E6B4";
    }
    .ms-Icon--Completed:before {
        font-family: "FluentRegular";
        // Fluent Name: Checkmark Circle
        content: "\F297";
    }
    .ms-Icon--MiniExpand:before {
        font-family: "FluentRegular";
        // Fluent Name: Expand Up Right
        content: "\F44F";
    }
    .ms-Icon--Code:before {
        font-family: "FluentRegular";
        // Fluent Name: Braces
        content: "\EE90";
    }
    .ms-Icon--Streaming {
        // Fluent Name: Live
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F4F0";
            // Needs 16px
        }
    }
    .ms-Icon--LightningBolt:before {
        font-family: "FluentRegular";
        // Fluent Name: Flash
        content: "\E617";
    }
    .ms-Icon--Info:before {
        font-family: "FluentRegular";
        // Fluent Name: Info
        content: "\F4A2";
    }
    .ms-Icon--MediaStorageTower:before {
        // Fluent Name: Server Surface
        font-family: "FluentRegular";
        content: "\f1dd";
    }
    .ms-Icon--PC1:before {
        font-family: "FluentRegular";
        // Fluent Name: Desktop
        content: "\F358";
    }
    .ms-Icon--Reply:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Reply
        content: "\F176";
    }
    .ms-Icon--Chart:before {
        font-family: "FluentRegular";
        // Fluent Name: Data Trending
        content: "\E45C";
    }
    .ms-Icon--LockSolid:before {
        // Fluent Name: Lock Closed
        font-family: "FluentFilled";
        content: "\e79c";
    }
    .ms-Icon--DashKey:before {
        font-family: "FluentRegular";
        // Fluent Name: Subtract
        content: "\EBCF";
    }
    .ms-Icon--CloudWeather:before {
        font-family: "FluentRegular";
        // Fluent Name: Cloud
        content: "\E382";
    }
    .ms-Icon--Cloudy {
        // Fluent Name: Weather Cloudy
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F86E";
            // Needs 16px
        }
    }
    .ms-Icon--Unknown:before {
        font-family: "FluentRegular";
        // Fluent Name: Question Circle
        content: "\F63C";
    }
    .ms-Icon--SortLines:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Sort Down Lines
        content: "\F1AD";
    }
    .ms-Icon--Ribbon:before {
        font-family: "FluentRegular";
        content: "\EA26";
    }
    .ms-Icon--Assign:before {
        font-family: "FluentRegular";
        // Fluent Name: Clipboard Arrow Right
        content: "\E344";
    }
    .ms-Icon--FlowChart:before {
        // Fluent Name: Flowchart
        font-family: "FluentRegular";
        content: "\f04c8";
    }
    .ms-Icon--CheckList {
        // Fluent Name: Task List LTR
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\EC92";
            // Needs 16px
        }
    }
    .ms-Icon--Diagnostic {
        // Fluent Name: Pulse Square
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E9E0";
            // Needs 16px
        }
    }
    .ms-Icon--Equalizer:before {
        font-family: "FluentRegular";
        // Fluent Name: Options
        content: "\F586";
    }
    .ms-Icon--Processing {
        // Fluent Name: Settings Cog Multiple
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\f013c";
            // Needs 16px
        }
    }
    .ms-Icon--WorkFlow:before {
        // Fluent Name: Arrow Clockwise Dashes
        font-family: "FluentRegular";
        content: "\f0462";
    }
    .ms-Icon--Diamond2Solid:before {
        // Fluent Name: Diamond
        font-family: "FluentFilled";
        content: "\e4c6";
    }
    .ms-Icon--Teamwork:before {
        font-family: "FluentRegular";
        // Fluent Name: People Team
        content: "\F5B7";
    }
    .ms-Icon--PeopleAdd:before {
        font-family: "FluentRegular";
        content: "\F5AB";
    }
    .ms-Icon--DateTime2:before {
        font-family: "FluentRegular";
        // Fluent Name: Calendar Clock
        content: "\E243";
    }
    .ms-Icon--Shield:before {
        font-family: "FluentRegular";
        content: "\EAC3";
    }
    .ms-Icon--PageAdd:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Add
        content: "\E4DA";
    }
    .ms-Icon--NumberedList:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Number List LTR
        content: "\ED3A";
    }
    // .ms-Icon--PowerBILogo:before {
    //     // TODO: Product Icon
    //     content: "\EA1E";
    // }
    .ms-Icon--MusicInCollectionFill:before {
        // Fluent Name: Music Note 2
        font-family: "FluentFilled";
        content: "\e861";
    }
    .ms-Icon--List:before {
        font-family: "FluentRegular";
        content: "\E779";
    }
    .ms-Icon--ErrorBadge:before {
        font-family: "FluentRegular";
        // Fluent Name: Dismiss Circle
        content: "\F36C";
    }
    .ms-Icon--CircleRing:before {
        font-family: "FluentRegular";
        // Fluent Name: Circle
        content: "\F2BA";
    }
    .ms-Icon--CircleFill:before {
        // Fluent Name: Circle
        font-family: "FluentFilled";
        content: "\F2BA";
    }
    .ms-Icon--Lightbulb:before {
        font-family: "FluentRegular";
        content: "\F4D5";
    }
    .ms-Icon--Puzzle:before {
        font-family: "FluentRegular";
        // Fluent Name: Puzzle Piece
        content: "\E9E8";
    }
    .ms-Icon--Ringer:before {
        font-family: "FluentRegular";
        // Fluent Name: Alert
        content: "\E014";
    }
    .ms-Icon--PDF:before {
        font-family: "FluentRegular";
        // Fluent Name: Document PDF
        content: "\F3AB";
    }
    .ms-Icon--StockDown:before {
        // Fluent Name: Triangle Down
        font-family: "FluentFilled";
        content: "\EDAA";
    }
    .ms-Icon--StockUp:before {
        // Fluent Name: Triangle Up
        font-family: "FluentFilled";
        content: "\EDA5";
    }
    .ms-Icon--MSNVideos:before {
        font-family: "FluentRegular";
        // Fluent Name: PLay Circle
        content: "\E993";
    }
    .ms-Icon--Soccer:before {
        font-family: "FluentRegular";
        // Fluent Name: Sport Soccer
        content: "\EB70";
    }
    .ms-Icon--CollegeFootball,
    .ms-Icon--ProFootball {
        // Fluent Name: Sport American Football
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\EB68";
            // Needs 16px
        }
    }
    .ms-Icon--Snowflake {
        // Fluent Name: Weather Snowflake
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\f89b";
            // Needs 16px
        }
    }
    .ms-Icon--AirplaneSolid:before {
        // Fluent Name: Airplane
        font-family: "FluentFilled";
        content: "\f0708";
    }
    .ms-Icon--Heart:before {
        font-family: "FluentRegular";
        content: "\F478";
    }
    .ms-Icon--HeartFill:before {
        font-family: "FluentFilled";
        content: "\f47c";
    }
    // .ms-Icon--AzureLogo:before {
    //     // TODO: Product Icon
    //     content: "\EB6A";
    // }
    // .ms-Icon--OfficeLogo:before {
    //     // TODO: Product Icon
    //     content: "\EB6E";
    // }
    // .ms-Icon--SkypeLogo:before {
    //     // TODO: Product Icon
    //     content: "\EB6F";
    // }
    .ms-Icon--StatusErrorFull:before {
        // Fluent Name: Dismiss Circle
        font-family: "FluentFilled";
        content: "\F36C";
    }
    .ms-Icon--Certificate:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Ribbon
        content: "\E539";
    }
    .ms-Icon--Rewind:before {
        font-family: "FluentRegular";
        content: "\EA1D";
    }
    .ms-Icon--Photo2:before {
        font-family: "FluentRegular";
        // Fluent Name: Image
        content: "\EF61";
    }
    .ms-Icon--OpenSource:before {
        font-family: "FluentRegular";
        // Fluent Name: Branch Fork
        content: "\E1DD";
    }
    .ms-Icon--Project:before {
        // Fluent Name: Share Screen Start
        font-family: "FluentRegular";
        content: "\f07e7";
    }
    .ms-Icon--CloudDownload:before {
        font-family: "FluentRegular";
        // Fluent Name: Cloud Arrow Down
        content: "\E38C";
    }
    .ms-Icon--CityNext:before {
        font-family: "FluentRegular";
        // Fluent Name: City
        content: "\F2C1";
    }   
    .ms-Icon--Documentation:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Multiple
        content: "\E51F";
    }
    .ms-Icon--Giftbox:before {
        font-family: "FluentRegular";
        // Fluent Name: Gift
        content: "\E69B";
    }
    // .ms-Icon--VisualStudioLogo:before {
    //     // TODO: Product Icon
    //     content: "\EC22";
    // }
    .ms-Icon--CompletedSolid:before {
        // Fluent Name: Checkmark Circle
        font-family: "FluentFilled";
        content: "\F297";
    }
    // .ms-Icon--MicrosoftLogo:before {
        // TODO: Product icon
    //     content: "\EC6A";
    // }
    .ms-Icon--CloudUpload:before {
        font-family: "FluentRegular";
        // Fluent Name: Cloud Arrow Up
        content: "\E392";
    }
    .ms-Icon--ScrollUpDown:before {
        font-family: "FluentRegular";
        // Fluent Name: Chevron Up Down
        content: "\E32E";
    }
    .ms-Icon--Tiles:before {
        font-family: "FluentRegular";
        // Fluent Name: Glance Horizontal
        content: "\F071";
    }
    .ms-Icon--Org:before {
        font-family: "FluentRegular";
        // Fluent Name: Organization
        content: "\E89B";
    }
    .ms-Icon--PartyLeader:before {
        // Fluent Name: Person Ribbon
        font-family: "FluentRegular";
        content: "\ECA7";
    }
    .ms-Icon--AppIconDefault:before {
        font-family: "FluentRegular";
        // Fluent Name: Apps
        content: "\F132";
    }
    .ms-Icon--POI:before {
        font-family: "FluentRegular";
        // Fluent Name: Location
        content: "\F4F7";
    }
    .ms-Icon--AddTo:before,
    .ms-Icon--CirclePlus:before {
        font-family: "FluentRegular";
        // Fluent Name: Add Circle
        content: "\E005";
    }
    .ms-Icon--RadioBtnOff:before {
        font-family: "FluentRegular";
        // Fluent Name: Radio Button
        content: "\F153";
    }
    .ms-Icon--RadioBtnOn:before {
        // Fluent Name: Radio Button
        font-family: "FluentFilled";
        content: "\F153";
    }
    .ms-Icon--ExploreContent:before {
        font-family: "FluentRegular";
        // Fluent Name: Add Square Multiple
        content: "\E008";
    }
    .ms-Icon--Embed:before {
        font-family: "FluentRegular";
        // Fluent Name: Code
        content: "\F339";
    }
    .ms-Icon--Product:before {
        font-family: "FluentRegular";
        // Fluent Name: Box
        content: "\E1BA";
    }
    .ms-Icon--ProgressLoopOuter:before {
        // Fluent Name: Circle Hint
        font-family: "FluentRegular";
        content: "\f0110";
    }
    .ms-Icon--Blocked2:before {
        font-family: "FluentRegular";
        // Fluent Name: Subtract Circle
        content: "\F7A7";
    }
    .ms-Icon--FangBody:before {
        font-family: "FluentRegular";
        // Fluent Name: Animal Dog
        content: "\E04F";
    }
    .ms-Icon--ChatInviteFriend:before {
        font-family: "FluentRegular";
        // Fluent Name: Chat Add
        content: "\EF51";
    }
    .ms-Icon--Feedback:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Feedback
        content: "\E930";
    }
    // .ms-Icon--YammerLogo:before {
        // TODO: Product Icon
    //     content: "\ED19";
    // }
    // .ms-Icon--AADLogo:before {
        // TODO: Product Icon
    //     content: "\ED68";
    // }
    // .ms-Icon--AccessLogo:before {
        // TODO: Product Icon
    //     content: "\ED69";
    // }
    .ms-Icon--SecurityGroup {
        // Fluent Name: People Lock
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E8FF";
            // Needs 16px
        }
    }
    .ms-Icon--Table:before {
        font-family: "FluentRegular";
        content: "\EBF4";
    }
    .ms-Icon--Waffle,
    .ms-Icon--WaffleOffice365 {
        // Fluent Name: Grid Dots
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E6C4";
            // Needs 16px
        }
    }
    .ms-Icon--RemoveLink:before {
        font-family: "FluentRegular";
        // Fluent Name: Link Dismiss
        content: "\E772";
    }
    .ms-Icon--EditNote {
        // Fluent Name: Note Edit
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E86E";
            // Needs 16px
        }
    }
    .ms-Icon--DoubleChevronUp:before {
        font-family: "FluentRegular";
        // Fluent Name: Chevron Double Up
        content: "\E32C";
    }
    .ms-Icon--DoubleChevronLeft:before {
        font-family: "FluentRegular";
        // Fluent Name: Chevron Double Left
        content: "\F285";
    }
    .ms-Icon--DoubleChevronRight:before {
        font-family: "FluentRegular";
        // Fluent Name: Chevron Double Right
        content: "\F2A7";
    }
    .ms-Icon--Ascending:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Sort Ascending
        content: "\ED5A";
    }
    .ms-Icon--Descending:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Sort Descending
        content: "\ED5C";
    }
    .ms-Icon--TextField:before {
        font-family: "FluentRegular";
        content: "\F7DE";
    }
    // .ms-Icon--Dynamics365Logo:before {
        // TODO: Product Icon
    //     content: "\EDCC";
    // }
    .ms-Icon--ClearFormatting:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Clear Formatting
        content: "\ECF3";
    }
    .ms-Icon--Strikethrough:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Strikethrough
        content: "\ED5E";
    }
    .ms-Icon--Export:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Export LTR
        content: "\E0C6";
    }
    .ms-Icon--ExportMirrored:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Export RTL
        content: "\E0C9";
    }
    .ms-Icon--DoubleChevronDown:before {
        font-family: "FluentRegular";
        // Fluent Name: Chevron Double Down
        content: "\F284";
    }
    .ms-Icon--ReplyMirrored:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Hook Up Right
        content: "\F8E1";
    }
    .ms-Icon--AddGroup {
        // Fluent Name: People Team Add
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E911";
            // Needs 16px
        }
    }
    .ms-Icon--SortUp:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Sort Up
        content: "\F1B3";
    }
    .ms-Icon--SortDown:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Sort Down
        content: "\F1AC";
    }
    .ms-Icon--AwayStatus:before {
        // Fluent Name: Clock
        font-family: "FluentFilled";
        content: "\f2dc";
    }
    .ms-Icon--MyMoviesTV:before {
        font-family: "FluentRegular";
        // Fluent Name: Movies and TV
        content: "\E82B";
    }
    .ms-Icon--CPU:before {
        font-family: "FluentRegular";
        // Fluent Name: Developer Board
        content: "\F0D9";
    }
    .ms-Icon--ContactCard:before {
        font-family: "FluentRegular";
        // Fluent Name: Contact Card
        content: "\F362";
    }
    .ms-Icon--CustomList:before {
        // Fluent Name: Text Bullet List Square
        font-family: "FluentRegular";
        content: "\f01ad";
    }
    // .ms-Icon--OfflineOneDriveParachute:before {
        // TODO: Product Icon
    //     content: "\EEC8";
    // }
    // .ms-Icon--OfflineOneDriveParachuteDisabled:before {
        // TODO: Product Icon
    //     content: "\EEC9";
    // }
    .ms-Icon--TriangleSolidUp12:before {
        // Fluent Name: Triangle
        font-family: "FluentFilled";
        content: "\EDA4"; // 12px
    }
    .ms-Icon--TriangleSolidDown12:before {
        // Fluent Name: Triangle Down
        font-family: "FluentFilled";
        content: "\EDA9"; // 12px
    }
    .ms-Icon--TriangleSolidRight12:before {
        // Fluent Name: Triangle Right
        font-family: "FluentFilled";
        content: "\EDB3"; // 12px
    }
    .ms-Icon--TriangleRight12:before {
        font-family: "FluentRegular";
        // Fluent Name: Triangle Right
        content: "\EDB3"; // 12px
    }
    .ms-Icon--DocumentSet:before {
        // Fluent Name: Document Folder
        font-family: "FluentRegular";
        content: "\F0022";
    }
    .ms-Icon--ArrowDownRightMirrored8:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Down Left
        content: "\F8D1";
    }
    // .ms-Icon--ViewAll2:before {
    //     // TODO: Find replacement
    //     // TODO: Not used. Possibly remove?
    //     content: "\EF56";
    // }
    .ms-Icon--PlayerSettings:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Settings
        content: "\E945";
    }
    .ms-Icon--EditStyle:before {
        // Fluent Name: Text Edit Style
        font-family: "FluentRegular";
        content: "\f03a3";
    }
    // .ms-Icon--Lifesaver:before {
    //     // TODO: Find replacement
    //     // TODO: Not used. Possibly remove?
    //     content: "\EF62";
    // }
    .ms-Icon--DocumentSearch:before {
        font-family: "FluentRegular";
        content: "\E541";
    }
    // .ms-Icon--ExcelDocument:before {
        // TODO: Product icon
    //     content: "\EF73";
    // }
    .ms-Icon--Starburst:before {
        font-family: "FluentRegular";
        // Fluent Name: Checkmark Starburst
        content: "\F283";
    }
    // .ms-Icon--SkypeCircleCheck:before {
        // TODO: Product icon
    //     content: "\EF7D";
    // }
    .ms-Icon--SkypeCircleMinus:before {
        // Fluent Name: Subtract Circle
        font-family: "FluentFilled";
        content: "\f7bf";
    }
    // .ms-Icon--SkypeMinus:before {
        // TODO: Product icon
    //     content: "\EF82";
    // }
    .ms-Icon--Hide2:before {
        font-family: "FluentRegular";
        // Fluent Name: Eye Off
        content: "\E5F4";
    }
    .ms-Icon--EyeShow:before {
        font-family: "FluentRegular";
        // Fluent Name: Eye Show
        content: "\E5F8";
    }
    .ms-Icon--EyeHide:before {
        font-family: "FluentRegular";
        // Fluent Name: Eye Hide
        content: "\E5FB";
    }
    .ms-Icon--ClearFilter:before {
        font-family: "FluentRegular";
        // Fluent Name: Filter Dismiss
        content: "\E60C";
    }
    .ms-Icon--TimeEntry {
        // Fluent Name: Document Text Clock
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E559";
            // Needs 16px
        }
    }
    .ms-Icon--PageEdit:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Edit
        content: "\F385";
    }
    .ms-Icon--PageArrowRight:before {
        // Fluent Name: Document Arrow Right
        font-family: "FluentRegular";
        content: "\f084b";
    }
    .ms-Icon--Database:before {
        font-family: "FluentRegular";
        content: "\F0D7";
    }
    .ms-Icon--ConnectContacts:before {
        // Fluent Name: People Link
        font-family: "FluentRegular";
        content: "\f0708";
    }
    .ms-Icon--ActivateOrders:before {
        // Fluent Name: Document Checkmark
        font-family: "FluentRegular";
        content: "\f011c";
    }
    .ms-Icon--ZipFolder:before {
        font-family: "FluentRegular";
        // Fluent Name: Folder Zip
        content: "\F434";
    }
    .ms-Icon--Configuration:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Settings
        content: "\F422";
    }
    .ms-Icon--TextDocument:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Text
        content: "\EEED";
    }
    .ms-Icon--Script:before {
        font-family: "FluentRegular";
        // Fluent Name: Script
        content: "\F1DB";
    }
    .ms-Icon--ActivityFeed:before {
        font-family: "FluentRegular";
        // Fluent Name: Chat Multiple*/
        content: "\F8A9";
    }
    .ms-Icon--CaretSolidDown:before {
        // Fluent Name: Caret Down
        font-family: "FluentFilled";
        content: "\F260";
    }
    .ms-Icon--FabricFolder:before {
        font-family: "FluentRegular";
        // Fluent Name: Folder
        content: "\E643";
    }
    .ms-Icon--FabricFolderFill:before {
        // Fluent Name: Folder
        font-family: "FluentFilled";
        content: "\E650";
    }
    .ms-Icon--FabricNewFolder:before {
        font-family: "FluentRegular";
        // Fluent Name: Folder Add
        content: "\E645";
    }
    .ms-Icon--PublishContent:before {
        // Fluent Name: Arrow Export Up
        font-family: "FluentRegular";
        content: "\f0383";
    }
    .ms-Icon--CannedChat:before {
        font-family: "FluentRegular";
        // Fluent Name: Chat
        content: "\E2E4";
    }
    .ms-Icon--SettingsApp:before {
        font-family: "FluentRegular";
        // Fluent Name: Settings
        content: "\F129";
    }
    .ms-Icon--FolderHorizontal:before {
        font-family: "FluentRegular";
        // Fluent Name: Folder
        content: "\E643";
    }
    // .ms-Icon--GiftboxOpen:before {
    //     // TODO: Find replacement
    //     // TODO: Not used. Possibly remove?
    //     content: "\F133";
    // }
    .ms-Icon--StatusCircleInner:before {
        // Fluent Name: Circle
        font-family: "FluentFilled";
        content: "\F2BA";
    }
    .ms-Icon--StatusCircleRing:before {
        font-family: "FluentRegular";
        // Fluent Name: Circle
        content: "\F2BA";
    }
    .ms-Icon--StatusCircleErrorX:before {
        font-family: "FluentRegular";
        // Fluent Name: Dismiss
        content: "\F368";
    }
    .ms-Icon--InfoSolid:before {
        // Fluent Name: Info
        font-family: "FluentFilled";
        content: "\f4a9";
    }
    // .ms-Icon--ProgressRingDots:before {
        // TODO: Find replacement
    //  // TODO: Not used. Possibly remove?
    //     content: "\F16A";
    // }
    // .ms-Icon--WordLogo:before {
        // TODO: Product icon
    //     content: "\F1E3";
    // }
    // .ms-Icon--ExcelLogo:before {
        // TODO: Product icon
    //     content: "\F1E5";
    // }
    // .ms-Icon--OneNoteLogo:before {
        // TODO: Product icon
    //     content: "\F1E7";
    // }
    // .ms-Icon--OutlookLogo:before {
        // TODO: Product icon
    //     content: "\F1E9";
    // }
    // .ms-Icon--PowerPointLogo:before {
        // TODO: Product icon
    //     content: "\F1EB";
    // }
    .ms-Icon--ScheduleEventAction:before {
        font-family: "FluentRegular";
        // Fluent Name: Calendar Assistant
        content: "\E23F";
    }
    .ms-Icon--FlameSolid:before {
        // Fluent Name: Fire
        font-family: "FluentFilled";
        content: "\EF68";
    }
    .ms-Icon--ServerProcesses {
        // Fluent Name: Window Settings
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\EE7D";
            // Needs 16px
        }
    }
    .ms-Icon--Server:before {
        font-family: "FluentRegular";
        content: "\F1DC";
    }
    .ms-Icon--SaveAll:before {
        font-family: "FluentRegular";
        // Fluent Name: Save Multiple
        content: "\F1D2";
    }
    .ms-Icon--TwoKeys:before {
        // Fluent Name: Key Multiple
        font-family: "FluentRegular";
        content: "\f0274";
    }
    .ms-Icon--GridViewSmall:before {
        font-family: "FluentRegular";
        // Fluent Name: Table
        content: "\EBF4";
    }
    .ms-Icon--ViewDashboard:before {
        // Fluent Name: Content View Gallery
        font-family: "FluentRegular";
        content: "\f02fd";
    }
    .ms-Icon--ViewList:before {
        // Fluent Name: List Bar
        font-family: "FluentRegular";
        content: "\f0191";
    }
    .ms-Icon--ViewListGroup:before {
        // Fluent Name: List Bar Tree
        font-family: "FluentRegular";
        content: "\f0193";
    }
    .ms-Icon--ViewListTree:before {
        // Fluent Name: List Bar Tree Offset
        font-family: "FluentRegular";
        content: "\f0195";
    }
    .ms-Icon--TriggerAuto {
        // Fluent Name: Flash Settings
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E626";
            // Needs 16px
        }
    }
    // .ms-Icon--TriggerUser:before {
    //     // TODO: Find replacement
    //     // TODO: Not used. Possibly remove?
    //     content: "\F24B";
    // }
    .ms-Icon--StackedBarChart {
        // Fluent Name: Data Bar Horizontal
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F39B";
            // Needs 16px
        }
    }
    .ms-Icon--StackedLineChart {
        // Fluent Name: Data Area
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E453";
            // Needs 16px
        }
    }
    .ms-Icon--BuildQueue:before {
        font-family: "FluentRegular";
        // Fluent Name: Stack
        content: "\F78D";
    }
    .ms-Icon--BuildQueueNew:before {
        // Fluent Name: Stack Add
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\f0144";
            // Needs 16px
        }
    }
    .ms-Icon--UserFollowed:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Available
        content: "\F5C9";
    }
    .ms-Icon--Clicked {
        // Fluent Name: Cursor Click
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E445";
            // Needs 16px
        }
    }
    .ms-Icon--Signin:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Key
        // TODO: Not used. Possibly remove?
        content: "\E933";
    }
    .ms-Icon--CloneToDesktop:before {
        // Fluent Name: Desktop Arrow Down
        font-family: "FluentRegular";
        content: "\f0117";
    }
    // .ms-Icon--Build:before {
        // TODO: Find replacement
    //     content: "\F28F";
    // }
    .ms-Icon--BranchFork2:before {
        // Fluent Name: Branch Fork
        font-family: "FluentRegular";
            content: "\e1dd";
    }
    // .ms-Icon--BranchCommit:before {
        // TODO: Find replacement
    //     content: "\F293";
    // }
    .ms-Icon--BranchMerge:before {
        font-family: "FluentRegular";
        // Fluent Name: Branch
        content: "\E1DD";
    }
    .ms-Icon--BranchPullRequest:before {
        // Fluent Name: Branch Request
        font-family: "FluentRegular";
        content: "\f038a";
    }
    .ms-Icon--BranchRequestClosed:before {
        // Fluent Name: Branch Request Closed
        font-family: "FluentRegular";
        content: "\f0808";
    }
    .ms-Icon--BranchRequestDraft:before {
        // Fluent Name: Branch Request Draft
        font-family: "FluentRegular";
        content: "\f080a";
    }
    .ms-Icon--BranchMerged:before {
        // Fluent Name: Branch Merged
        font-family: "FluentRegular";
        content: "\f0a6";
    }
    // .ms-Icon--BranchShelveset:before {
        // TODO: Find replacement
    //     content: "\F298";
    // }
    .ms-Icon--RawSource:before {
        font-family: "FluentRegular";
        // Fluent Name: Code Text
        content: "\EF64";
    }
    .ms-Icon--RowsGroup:before {
        // Fluent Name: Group List
        font-family: "FluentRegular";
        content: "\e6ca";
    }
    // .ms-Icon--Deploy:before {
    //     content: "\F29D";
    // }
    .ms-Icon--ServerEnviroment:before {
        font-family: "FluentRegular";
        // Fluent Name: Server Surface
        content: "\F1DD";
    }
    // .ms-Icon--VisioLogo:before {
        // TODO: Product icon
    //     content: "\F2A7";
    // }
    .ms-Icon--Backlog:before,
    .ms-Icon--BacklogBoard:before {
        // Fluent Name: Grid Kanban
        font-family: "FluentRegular";
        content: "\f018c";
    }
    .ms-Icon--TeamFavorite:before {
        font-family: "FluentRegular";
        // Fluent Name: People Star
        content: "\F0F6";
    }
    // .ms-Icon--TaskGroup:before {
        // TODO: Find replacement
    // // TODO: Not used. Possibly remove?
    //     content: "\F2AE";
    // }
    .ms-Icon--CommentAdd:before {
        font-family: "FluentRegular";
        // Fluent Name: Comment Add
        content: "\E3D7";
    }
    .ms-Icon--ShopServer {
        // Fluent Name: Receipt Bag
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F715";
            // Needs 16px
        }
    }
    .ms-Icon--QueryList:before {
        // Fluent Name: Line Horizontal 4 Search
        font-family: "FluentRegular";
        content: "\f012c";
    }
    .ms-Icon--StreamingOff {
        // Fluent Name: Live Off
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E7AA";
            // Needs 16px
        }
    }
    .ms-Icon--MoreVertical:before {
        font-family: "FluentRegular";
        content: "\E829";
    }
    .ms-Icon--ArrowTallUpRight:before,
    .ms-Icon--ArrowUpRight8:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Up Right
        content: "\F8EB";
    }
    .ms-Icon--RingerOff:before {
        font-family: "FluentRegular";
        // Fluent Name: Alert Off
        content: "\F117";
    }
    .ms-Icon--PlayResume {
        // Fluent Name: Video Play Pause
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\EE1A";
            // Needs 16px
        }
    }
    .ms-Icon--Repo:before,
    .ms-Icon--Package:before {
        font-family: "FluentRegular";
        // Fluent Name: Archive
        content: "\F8CC";
    }
    .ms-Icon--FolderQuery:before {
        // Fluent Name: Folder Link
        font-family: "FluentRegular";
        content: "\f0215";
    }
    .ms-Icon--FolderList:before {
        // Fluent Name: Folder List
        font-family: "FluentRegular";
        content: "\f0128";
    }
    .ms-Icon--CirclePauseSolid:before {
        // Fluent Name: Pause Circle
        font-family: "FluentFilled";
        content: "\f07e9";
    }
    .ms-Icon--CirclePause:before {
        // Fluent Name: Pause Circle
        font-family: "FluentRegular";
        content: "\f076c";
    }
    .ms-Icon--MSNVideosSolid:before {
        // Fluent Name: Play Circle
        font-family: "FluentFilled";
        content: "\e9a5";
    }
    .ms-Icon--CircleStopSolid:before {
        // Fluent Name: Record Stop
        font-family: "FluentFilled";
        content: "\f771";
    }
    .ms-Icon--CircleStop:before {
        font-family: "FluentRegular";
        // Fluent Name: Record Stop
        content: "\F759";
    }
    .ms-Icon--Stop:before {
        font-family: "FluentRegular";
        // Fluent Name: Stop
        content: "\F729";
    }
    .ms-Icon--NavigateForward:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Circle Right
        content: "\E09A";
    }
    .ms-Icon--FileTemplate:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Split Hint
        content: "\E543";
    }
    .ms-Icon--FileJAVA:before {
        // Fluent Name: Document Java
        font-family: "FluentRegular";
        content: "\f0177";
    }
    .ms-Icon--FileCSS:before {
        font-family: "FluentRegular";
        // Fluent Name: Document CSS
        content: "\F0DC";
    }
    .ms-Icon--FileSass:before {
        // Fluent Name: Document Sass
        font-family: "FluentRegular";
        content: "\f017d";
    }
    .ms-Icon--FileHTML,
    .ms-Icon--FileCode {
        // Fluent Name: Document Chevron Double
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E4F3";
            // Needs 16px
        }
    }
    .ms-Icon--JavaScriptLanguage:before {
        font-family: "FluentRegular";
        // Fluent Name: Code JS
        content: "\F0D0";
    }
    .ms-Icon--CSharpLanguage:before {
        font-family: "FluentRegular";
        // Fluent Name: Code CS
        content: "\F0C5";
    }
    .ms-Icon--TypeScriptLanguage:before {
        font-family: "FluentRegular";
        // Fluent Name: Code TS
        content: "\F0D0";
    }
    .ms-Icon--MarkDownLanguage {
        // Fluent Name: Markdown
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }

        &:before {
            font-family: "FluentRegular";
            content: "\E7DB";
            // Needs 16px
        }
    }
    .ms-Icon--PlugConnected:before {
        // Fluent Name: Plug Connected 
        font-family: "FluentRegular";
        content: "\f0393";
    }
    .ms-Icon--PlugDisconnected:before {
        // Fluent Name: Plug Disconnected
        font-family: "FluentRegular";
        content: "\f0394";
    }
    .ms-Icon--UnlockSolid:before {
        // Fluent Name: Lock Open
        font-family: "FluentFilled";
        content: "\e7a2";
    }
    .ms-Icon--Variable:before {
        font-family: "FluentRegular";
        // Fluent Name: Math Formula
        content: "\E7E1";
    }
    .ms-Icon--FileBug:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Error
        content: "\F38A";
    }
    .ms-Icon--FileImage:before {
        // Fluent Name: Document Image
        font-family: "FluentRegular";
        content: "\f0175";
    }
    // .ms-Icon--AutoFillTemplate:before {
        // TODO: Find replacement
    //     content: "\F313";
    // }
    .ms-Icon--WorkItem:before {
        font-family: "FluentRegular";
        // Fluent Name: Clipboard Checkmark
        content: "\F7F3";
    }
    .ms-Icon--TripleColumnEdit {
        // Fluent Name: Column Triple Edit
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E3CF";
            // Needs 16px
        }
    }
    .ms-Icon--AlertSolid:before {
        // Fluent Name: Error Circle
        font-family: "FluentFilled";
        content: "\f3ef";
    }
    .ms-Icon--MegaphoneSolid:before {
        // Fluent Name: Megaphone
        font-family: "FluentFilled";
        content: "\f540";
    }
    .ms-Icon--TaskSolid:before {
        // Fluent Name: Clipboard Task
        font-family: "FluentFilled";
        content: "\F0BF";
    }
    .ms-Icon--CrownSolid:before {
        // Fluent Name: Crown
        font-family: "FluentFilled";
        content: "\F06E";
    }
    .ms-Icon--Trophy2Solid:before {
        // Fluent Name: Trophy
        font-family: "FluentFilled";
        content: "\f84d";
    }
    .ms-Icon--QuickNoteSolid:before {
        // Fluent Name: Note
        font-family: "FluentFilled";
        content: "\f66d";
    }
    .ms-Icon--ConstructionConeSolid:before {
        // Fluent Name: Road Cone
        font-family: "FluentFilled";
        content: "\ea39";
    }
    .ms-Icon--PageListSolid:before {
        // Fluent Name: Document Bullet List
        font-family: "FluentFilled";
        content: "\f0018";
    }
    .ms-Icon--StarburstSolid:before {
        // Fluent Name: Checkmark Starburst
        font-family: "FluentFilled";
        content: "\F283";
    }
    .ms-Icon--ReadingModeSolid {
        // Fluent Name: Reading Mode Mobile
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentFilled";
            content: "\f665";
            // Needs 16px
        }
    }
    .ms-Icon--ShieldSolid:before {
        // Fluent Name: Shield
        font-family: "FluentFilled";
        content: "\eacc";
    }
    .ms-Icon--GiftBoxSolid:before {
        // Fluent Name: Gift
        font-family: "FluentFilled";
        content: "\e6a8";
    }
    .ms-Icon--RibbonSolid:before {
        // Fluent Name: Ribbon
        font-family: "FluentFilled";
        content: "\ea2e";
    }
    .ms-Icon--FinancialSolid {
        // Fluent Name: Arrow Trending Lines
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentFilled";
            content: "\E11C";
            // Needs 16px
        }
    }
    .ms-Icon--HeadsetSolid:before {
        // Fluent Name: Headset
        font-family: "FluentFilled";
        content: "\e703";
    }
    .ms-Icon--PermissionsSolid:before {
        // Fluent Name: Key
        font-family: "FluentFilled";
        content: "\e74e";
    }
    .ms-Icon--ParkingSolid:before {
        // Fluent Name: Vehicle Car Profile RTL
        font-family: "FluentFilled";
        content: "\f7e6";
    }
    .ms-Icon--DiamondSolid:before {
        // Fluent Name: Premium
        font-family: "FluentFilled";
        content: "\f61c";
    }
    .ms-Icon--AsteriskSolid:before {
        // Fluent Name: Text Asterisk
        font-family: "FluentFilled";
        content: "\f03ba";
    }
    .ms-Icon--OfflineStorageSolid:before {
        // Fluent Name: Database Stack
        font-family: "FluentFilled";
        content: "\F0D8";
    }
    .ms-Icon--BankSolid:before {
        // Fluent Name: Building Bank
        font-family: "FluentFilled";
        content: "\e220";
    }
    .ms-Icon--DecisionSolid:before {
        // Fluent Name: Gavel
        font-family: "FluentFilled";
        content: "\f0185";
    }
    // .ms-Icon--ParachuteSolid:before {
    // // TODO: Find replacement
    // // TODO: Not used. Possibly remove?
    //     content: "\F352";
    // }
    .ms-Icon--FiltersSolid:before {
        // Fluent Name: Paint Brush
        font-family: "FluentFilled";
        content: "\f59b";
    }
    .ms-Icon--ColorSolid:before {
        // Fluent Name: Color
        font-family: "FluentFilled";
        content: "\e3d1";
    }
    .ms-Icon--ReviewSolid:before {
        // Fluent Name: Chat Multiple
        font-family: "FluentFilled";
        content: "\f8c1";
    }
    // .ms-Icon--ReviewRequestSolid:before {
    //     // TODO: Find replacement
    //     content: "\F356";
    // }
    // .ms-Icon--ReviewResponseSolid:before {
    //     // TODO: Find replacement
    //     content: "\F358";
    // }
    .ms-Icon--FeedbackRequestSolid {
        // Fluent Name: Chat Help
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentFilled";
            content: "\F220";
            // Needs 16px
        }
    }
    // .ms-Icon--FeedbackResponseSolid:before {
        // Fluent Name: Comment Checkmark
        // TODO: Not used. Possibly remove?
    //     content: "\E3E9";
    //      Needs 16px
    // }
    .ms-Icon--NavigateExternalInline:before {
        font-family: "FluentRegular";
        // Fluent Name: Open
        content: "\F581";
    }
    .ms-Icon--PlanView:before {
        font-family: "FluentRegular";
        // Fluent Name: Calendar LTR
        content: "\E24D";
    }
    // .ms-Icon--EngineeringGroup:before {
        // TODO: Find replacement
    //     content: "\F362";
    // }
    .ms-Icon--ProjectCollection:before {
        font-family: "FluentRegular";
        // Fluent Name: Folder Multiple
        content: "\F0E7";
    }
    .ms-Icon--ChevronUnfold10:before {
        font-family: "FluentRegular";
        // Fluent Name: Chevron Up Down
        content: "\E32E";
    }
    .ms-Icon--ChevronFold10:before {
        // Fluent Name: Chevron Down Up
        font-family: "FluentRegular";
        content: "\f016b";
    }
    // .ms-Icon--VSTSLogo:before {
    //     // TODO: Product icon
    //     content: "\F381";
    // }
    .ms-Icon--TestBeaker:before {
        font-family: "FluentRegular";
        // Fluent Name: Beaker
        content: "\F1D6";
    }
    .ms-Icon--TestBeakerSolid:before {
        // Fluent Name: Beaker
        font-family: "FluentFilled";
        content: "\F1D6";
    }
    .ms-Icon--TestAutoSolid:before {
        // Fluent Name: Beaker Settings
        font-family: "FluentRegular";
        content: "\f0162";
    }
    .ms-Icon--TestPlan:before {
        // Fluent Name: Document One Page Beaker
        font-family: "FluentRegular";
        content: "\f0179";
    }
    // .ms-Icon--TestStep:before {
        // TODO: Find replacement
        // TODO: Remove? Not used.
    //     content: "\F3AC";
    // }
    // .ms-Icon--TestParameter:before {
        // TODO: Find replacement
        // TODO: Remove? Not used.
    //     content: "\F3AD";
    // }
    // .ms-Icon--TestSuite:before {
        // TODO: Find replacement
        // TODO: Remove? Not used.
    //     content: "\F3AE";
    // }
    // .ms-Icon--TestCase:before {
        // TODO: Find replacement
        // TODO: Remove? Not used.
    //     content: "\F3AF";
    // }
    .ms-Icon--Sprint:before {
        // Fluent Name: Arrow Sprint
        font-family: "FluentRegular";
        content: "\f0160";
    }
    .ms-Icon--TriggerApproval:before {
        // Fluent Name: Flash Checkmark
        font-family: "FluentRegular";
        content: "\E61D";
    }
    .ms-Icon--Rocket:before {
        font-family: "FluentRegular";
        content: "\F676";
    }
    // .ms-Icon--AzureKeyVault:before {
        // TODO: Product icon
    //     content: "\F3B4";
    // }
    .ms-Icon--LikeSolid:before {
        // Fluent Name: Thumb Like
        font-family: "FluentFilled";
        content: "\ED78";
    }
    // .ms-Icon--CRMCustomerInsightsApp:before {
        // TODO: Find replacement; not in iconcloud
    //     content: "\F3C8";
    // }
    .ms-Icon--FilterSolid:before {
        // Fluent Name: Filter
        font-family: "FluentRegular";
        content: "\e60a";
    }
    .ms-Icon--Inbox:before {
        font-family: "FluentRegular";
        // Fluent Name: Mail Inbox
        content: "\F513";
    }
    .ms-Icon--NotExecuted:before {
        // Fluent Name: Cursor Prohibited
        font-family: "FluentRegular";
        content: "\f0172";
    }
    .ms-Icon--NotImpactedSolid:before {
        // Fluent Name: Gavel Prohibited
        font-family: "FluentFilled";
        content: "\f0186";
    }
    .ms-Icon--IssueSolid:before {
        // Fluent Name: Clipboard Error
        font-family: "FluentFilled";
        content: "\F0BC";
    }
    // .ms-Icon--DefectSolid:before {
        // TODO: Find replacement
        // TODO: Remove? Not used.
    //     content: "\F449";
    // }
    // .ms-Icon--LadybugSolid:before {
        // TODO: Find replacement; could be Fluent Name: Bug
        // TODO: Remove? Not used.
    //     content: "\F44A";
    // }
    // .ms-Icon--NugetLogo:before {
        // TODO: Product icon
    //     content: "\F44C";
    // }
    // .ms-Icon--TFVCLogo:before {
        // TODO: Product icon
    //     content: "\F44D";
    // }
    // .ms-Icon--ProjectLogo32:before {
        // TODO: Product icon
    //     content: "\F47E";
    // }
    .ms-Icon--FontColorA:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Color
        content: "\ECF5";
    }
    // .ms-Icon--FontColorSwatch:before {
    //     // TODO: Replace with react component; not in font
    //     // Fluent Name: Text Color Accent
    //     content: "\F4ED";
    // }
    .ms-Icon--SemiboldWeight:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Bold
        content: "\ECD2";
    }
    .ms-Icon--ChartSeries:before {
        // Fluent Name: Data Histogram
        font-family: "FluentRegular";
        content: "\f0174";
    }
    .ms-Icon--AlignJustify {
        // Fluent Name: Text Align Justify
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F79D";
            // Needs 16px
        }
    }
    .ms-Icon--BlockedSolid:before {
        // Fluent Name: Prohibited
        font-family: "FluentFilled";
        content: "\f70e";
    }
    .ms-Icon--Prohibited:before {
        // Fluent Name: Prohibited
        font-family: "FluentRegular";
        content: "\f705";
    }
    .ms-Icon--DownloadDocument:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Arrow Down
        content: "\E4DF";
    }
    .ms-Icon--WaitlistConfirm {
        // Fluent Name: Tasks App
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\EC9F";
            // Needs 16px
        }
    }
    .ms-Icon--LaptopSecure:before {
        // Fluent Name: Laptop Secure
        font-family: "FluentRegular";
        content: "\f018f";
    }
    .ms-Icon--EntryView {
        // Fluent Name: Notebook Eye
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E876";
            // Needs 16px
        }
    }
    .ms-Icon--AccountManagement {
        // Fluent Name: Person Accounts
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E920";
            // Needs 16px
        }
    }
    .ms-Icon--ExploreData:before {
        // Fluent Name: Data Usage
        font-family: "FluentRegular";
        content: "\f0564";
    }
    // .ms-Icon--BitbucketLogo32:before {
        // TODO: Product icon
    //     content: "\F5D2";
    // }
    // .ms-Icon--GradleLogo32:before {
        // TODO: Product icon
    //     content: "\F5D4";
    // }
    .ms-Icon--PasteAsCode:before {
        font-family: "FluentRegular";
        // Fluent Name: Clipboard Code
        content: "\F2CB";
    }
    .ms-Icon--FileYML:before {
        // Fluent Name: Document YML
        font-family: "FluentRegular";
        content: "\f017f";
    }
    .ms-Icon--ClipboardSolid:before {
        // Fluent Name: Clipboard
        font-family: "FluentFilled";
        content: "\E342";
    }
    .ms-Icon--AnalyticsView:before {
        // Fluent Name: Calendar Data Bar
        font-family: "FluentRegular";
        content: "\EE95";
    }
    .ms-Icon--Trending12:before {
        font-family: "FluentRegular";
        // Fluent Name: Arrow Trending
        content: "\F196";
    }
    .ms-Icon--CircleShapeSolid:before {
        // Fluent Name: Circle
        font-family: "FluentFilled";
        content: "\F2BA";
    }
    // .ms-Icon--GitLogo:before {
        // TODO: Product icon
    //     content: "\F65D";
    // }
    // .ms-Icon--GitHubLogo:before {
        // TODO: Product icon
    //     content: "\F65E";
    // }
    // .ms-Icon--ApacheMavenLogo:before {
        // TODO: Product icon
    //     content: "\F65F";
    // }
    // .ms-Icon--NPMLogo:before {
        // TODO: Product icon
    //     content: "\F660";
    // }
    // .ms-Icon--GitFork:before {
        // TODO: Find replacement
    //     content: "\F661";
    // }
    // .ms-Icon--SVNLogo:before {
        // TODO: Product icon
    //     content: "\F662";
    // }
    // .ms-Icon--JenkinsLogo:before {
        // TODO: Product icon
    //     content: "\F663";
    // }
    // .ms-Icon--ExternalGit:before {
        // TODO: Find replacement
    //     content: "\F665";
    // }
    // .ms-Icon--QuadColumn:before {
    //     // Fluent Name: Column Quadruple
    //      Not in font yet.
    //     font-family: "FluentRegular";
    //     content: "\F66F";
    // }
    .ms-Icon--DictionaryRemove:before {
        // Fluent Name: Book Remove
        font-family: "FluentRegular";
        content: "\f0165";
    }
    .ms-Icon--UserRemove:before {
        font-family: "FluentRegular";
        // Fluent Name: Person Delete
        content: "\F5D0";
    }
    .ms-Icon--OpenInNewTab:before {
        font-family: "FluentRegular";
        // Fluent Name: Open
        content: "\F581";
    }
    .ms-Icon--VerifiedBrandSolid:before {
        // Fluent Name: Checkmark Starburst
        // Duplicate
        font-family: "FluentFilled";
        content: "\F283";
    }
    // .ms-Icon--AuthenticatorApp:before {
        // TODO: Product icon
    //     content: "\F6B1";
    // }
    .ms-Icon--BacklogList:before {
        // Fluent Name: List RTL
        font-family: "FluentRegular";
        content: "\f0197";
    }
    // .ms-Icon--ButtonControl:before {
        // TODO: Find replacement
    //     content: "\F6C0";
    // }
    // .ms-Icon--UserGauge:before {
        // TODO: Remove? Not used.
        // TODO: Find replacement; could just use Fluent Name: Gauge
    //     content: "\F6ED";
    // }
    .ms-Icon--PeopleSettings {
        // Fluent Name: People Settings
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F5B6";
            // Needs 16px
        }
    }
    .ms-Icon--Blocked2Solid:before {
        // Fluent Name: Subtract Circle
        font-family: "FluentFilled";
        content: "\f7bf";
    }
    // .ms-Icon--BulletedListText:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F792";
    // }
    // .ms-Icon--BulletedListBullet:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F793";
    // }
    // .ms-Icon--NumberedListText:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F796";
    // }
    // .ms-Icon--NumberedListNumber:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F797";
    // }
    // .ms-Icon--RemoveLinkChain:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F79A";
    // }
    // .ms-Icon--RemoveLinkX:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F79B";
    // }
    // .ms-Icon--FabricTextHighlight:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F79C";
    // }
    // .ms-Icon--ClearFormattingA:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F79D";
    // }
    // .ms-Icon--ClearFormattingEraser:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F79E";
    // }
    // .ms-Icon--Photo2Fill:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F79F";
    // }
    // .ms-Icon--IncreaseIndentText:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F7A0";
    // }
    // .ms-Icon--IncreaseIndentArrow:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F7A1";
    // }
    // .ms-Icon--DecreaseIndentText:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F7A2";
    // }
    // .ms-Icon--DecreaseIndentArrow:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F7A3";
    // }
    // .ms-Icon--CheckListText:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F7A8";
    // }
    // .ms-Icon--CheckListCheck:before {
        // TODO: Determine if fragment icons are needed; find replacement
    //     content: "\F7A9";
    // }
    .ms-Icon--NumberSymbol:before {
        font-family: "FluentRegular";
        // Fluent Name: Number Symbol
        content: "\F57C";
    }
    .ms-Icon--VerifiedBrand:before {
        font-family: "FluentRegular";
        // Fluent Name: Checkmark Starburst
        // Duplicate
        content: "\F283";
    }
    .ms-Icon--ReleaseGate:before {
        // Fluent Name: Arrow Enter
        font-family: "FluentRegular";
            content: "\f015f";
    }
    // .ms-Icon--ReleaseGateCheck:before {
        // TODO: Find replacement
    //     content: "\F7BF";
    // }
    // .ms-Icon--ReleaseGateError:before {
        // TODO: Find replacement
    //     content: "\F7C0";
    // }
    .ms-Icon--FabricTextHighlightComposite:before {
        font-family: "FluentRegular";
        // Fluent Name: Text Color
        content: "\ECF5";
    }
    // .ms-Icon--SkypeCircleSlash:before {
        // TODO: Product icon
    //     content: "\F825";
    // }
    // .ms-Icon--PythonLogoBlue:before {
        // TODO: Product icon
    //     content: "\F84D";
    // }
    // .ms-Icon--PythonLogoYellow:before {
        // TODO: Product icon
    //     content: "\F84E";
    // }
    // .ms-Icon--RustLanguageLogo:before {
        // TODO: Product icon
    //     content: "\F84F";
    // }
    // .ms-Icon--RubyGemsLogo:before {
        // TODO: Product icon
    //     content: "\F850";
    // }
    .ms-Icon--AddReaction:before {
        font-family: "FluentRegular";
        // Fluent Name: Emoji Add
        content: "\E5C7";
    }
    .ms-Icon--SurveyQuestions:before {
        font-family: "FluentRegular";
        // Fluent Name: Document Question Mark
        content: "\E530";
    }
    .ms-Icon--BranchCompare:before {
        // Fluent Name: Branch Compare
        font-family: "FluentRegular";
        content: "\e1da";
    }
    .ms-Icon--DiffInline:before {
        // Fluent Name: Column Single Compare
        font-family: "FluentRegular";
        content: "\f016e";
    }
    .ms-Icon--DiffSideBySide {
        // Fluent Name: Column Double Compare
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\E3CB";
            // Needs 16px
        }
    }
    // .ms-Icon--ImageDiff:before {
    //     // Fluent Name: Image Compare (not in font yet)
    //     content: "\F30B";
    // }
    // .ms-Icon--GitGraph:before {
        // TODO: Find replacement
        // TODO: Not used. Remove?
    //     content: "\F2CA";
    // }
    // .ms-Icon--WordDocument:before {
        // TODO: Product icon
    //     content: "\EF71";
    // }
    // .ms-Icon--PowerPointDocument:before {
        // TODO: Product icon
    //     content: "\EF72";
    // }
    // .ms-Icon--PowerShell:before {
        // TODO: Product icon
    //     content: "\F1FD";
    // }
    .ms-Icon--FilePDB {
        // Fluent Name: Document Database
        &.medium {
            font-size: 1.25rem;
            line-height: 1rem;
        }
        &:before {
            font-family: "FluentRegular";
            content: "\F2E5";
            // Needs 16px
        }
    }
    // .ms-Icon--FileSQL:before {
        // TODO: Find Replacement
    //     content: "\F2E7";
    // }
    // .ms-Icon--FileASPX:before {
        // TODO: Find Replacement
    //     content: "\F2E9";
    // }
    // .ms-Icon--FileLess:before {
        // TODO: Find Replacement
    //     content: "\F2EC";
    // }
    .ms-Icon--VisualBasicLanguage:before {
        font-family: "FluentRegular";
        // Fluent Name: Code VB
        content: "\F0D2";
    }
    // .ms-Icon--CPlusPlusLanguage:before {
        // TODO: Find Replacement
    //     content: "\F2F3";
    // }
    .ms-Icon--FSharpLanguage:before {
        font-family: "FluentRegular";
        // Fluent Name: Code FS
        content: "\F0C7";
    }
    .ms-Icon--PythonLanguage:before {
        font-family: "FluentRegular";
        // Fluent Name: Code PY
        content: "\F0CB";
    }
    .ms-Icon--CoffeeScript:before {
        // Fluent Name: Drink Coffee
        font-family: "FluentRegular";
        content: "\e585";
    }
    // .ms-Icon--RowsChild:before {
        // TODO: Find Replacement
    //     content: "\F29C";
    // }
    .ms-Icon--SemanticZoom:before {
        // Fluent Name: Subtract Square
        font-family: "FluentRegular";
        content: "\f014b";
    }
    // .ms-Icon--FileTypeSolution:before {
        // TODO: Product icon
    //     content: "\F387";
    // }
    .ms-Icon--Camera:before {
        font-family: "FluentRegular";
        content: "\E299";
    }
    // .ms-Icon--GripperResize:before {
        // TODO: Find replacement
    //     content: "\E788";
    // }
    // .ms-Icon--UngroupList:before {
        // TODO: Find replacement
    //     content: "\E61C";
    // }
    .ms-Icon--GripperDotsVertical:before {
        font-family: "FluentRegular";
        // Fluent Name: Re Order Dots Vertical
        content: "\E9F7";
    }
    // .ms-Icon--BugWarning:before {
        // TODO: Find replacement
    //     content: "\E357";
    // }
    .ms-Icon--DockRight:before {
        font-family: "FluentRegular";
        // Fluent Name: Panel Right //
        content: "\E8BC";
    }

    .ms-Icon--FolderArrowRight:before {
        font-family: "FluentFilled";
        content: "\e658";
    }

    .ms-Icon--ChatWarning:before {
        font-family: "FluentRegular";
        content: "\e2f3";
    }
}