// base icon class definition // ------------------------- .@{fa-css-prefix} { font-family: ~"var(--@{fa-css-prefix}-style-family, '@{fa-style-family}')"; font-weight: ~'var(--@{fa-css-prefix}-style, @{fa-style})'; } .@{fa-css-prefix}, .fas, .@{fa-css-prefix}-solid, .fass, .@{fa-css-prefix}-sharp, .far, .@{fa-css-prefix}-regular, .fasr, .fal, .@{fa-css-prefix}-light, .fasl, .fat, .@{fa-css-prefix}-thin, .fad, .@{fa-css-prefix}-duotone, .fab, .@{fa-css-prefix}-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: ~'var(--@{fa-css-prefix}-display, @{fa-display})'; font-style: normal; font-variant: normal; text-rendering: auto; } .fas, .@{fa-css-prefix}-classic, .@{fa-css-prefix}-solid, .far, .@{fa-css-prefix}-regular, .fal, .@{fa-css-prefix}-light, .fat, .@{fa-css-prefix}-thin { font-family: 'Font Awesome 6 Pro'; } .fab, .@{fa-css-prefix}-brands { font-family: 'Font Awesome 6 Brands'; } .fad, .@{fa-css-prefix}-classic.@{fa-css-prefix}-duotone, .@{fa-css-prefix}-duotone { font-family: 'Font Awesome 6 Duotone'; } .fass, .fasr, .fasl, .@{fa-css-prefix}-sharp { font-family: 'Font Awesome 6 Sharp'; } .fass, .@{fa-css-prefix}-sharp { font-weight: 900; }