diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 687b46c67..c210ac2ac 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -5,11 +5,7 @@
 />
 <link
   rel="stylesheet"
-  href="https://public.cdn.appfolio.com/public/icons/font-awesome/6.2.0/css/all.min.css"
-/>
-<link
-  rel="stylesheet"
-  href="https://public.cdn.appfolio.com/public/icons/font-awesome/6.2.0/css/sharp-solid.min.css"
+  href="https://public.cdn.appfolio.com/public/icons/font-awesome/5.14.0/css/all.min.css"
 />
 <link
   rel="stylesheet"
diff --git a/package.json b/package.json
index 5481dc3ce..123bd45d6 100644
--- a/package.json
+++ b/package.json
@@ -43,8 +43,6 @@
     "react-dom": ">= 16.8"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^6.2.0",
-    "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@popperjs/core": "^2.10.1",
     "classnames": "^2.2.6",
     "credit-card-type": "^5.0.1",
@@ -67,6 +65,7 @@
     "lodash.without": "^4.4.0",
     "memoize-one": "^5.1.1",
     "prop-types": "^15.7.2",
+    "react-fontawesome": "^1.7.1",
     "react-imask": "^6.2.2",
     "react-resize-detector": "^4.2.3",
     "react-select-plus": "1.2.0",
diff --git a/src/components/Alert/Alert.spec.js b/src/components/Alert/Alert.spec.js
index ed7bf48fd..85ee3f932 100644
--- a/src/components/Alert/Alert.spec.js
+++ b/src/components/Alert/Alert.spec.js
@@ -24,9 +24,9 @@ describe('<Alert />', () => {
   });
 
   describe('with icon', () => {
-    it('should show exclamation for warning', () => {
+    it('should show exclamation-circle for warning', () => {
       const icon = shallow(<Alert icon color="warning" />).find(Icon);
-      assert.equal(icon.prop('name'), 'exclamation');
+      assert.equal(icon.prop('name'), 'exclamation-circle');
     });
 
     it('should show ban for danger', () => {
@@ -36,7 +36,7 @@ describe('<Alert />', () => {
 
     it('should show info for info', () => {
       const icon = shallow(<Alert icon color="info" />).find(Icon);
-      assert.equal(icon.prop('name'), 'info');
+      assert.equal(icon.prop('name'), 'info-circle');
     });
 
     it('should show check for success', () => {
diff --git a/src/components/Alert/Alert.tsx b/src/components/Alert/Alert.tsx
index cd922fc0d..6d11edba2 100644
--- a/src/components/Alert/Alert.tsx
+++ b/src/components/Alert/Alert.tsx
@@ -5,9 +5,9 @@ import Icon from '../Icon/Icon';
 const noop = () => undefined;
 
 const ICON_MAP: { [key: string]: string } = {
-  warning: 'exclamation',
+  warning: 'exclamation-circle',
   success: 'check',
-  info: 'info',
+  info: 'info-circle',
   danger: 'ban',
 };
 
@@ -50,7 +50,7 @@ const Alert: FC<Props> = ({
       {...props}
     >
       <div className="d-flex align-items-start">
-        {icon ? <Icon name={ICON_MAP[color]} size="lg" className="me-3 mt-2" /> : null}
+        {icon ? <Icon name={ICON_MAP[color]} size="lg" className="me-3 mt-1" /> : null}
         {icon ? (
           <div className="w-100" style={{ overflow: 'hidden' }}>
             {children}
diff --git a/src/components/BlockPanel/BlockPanel.stories.js b/src/components/BlockPanel/BlockPanel.stories.js
index abecd7e0e..f7e4d7e3a 100644
--- a/src/components/BlockPanel/BlockPanel.stories.js
+++ b/src/components/BlockPanel/BlockPanel.stories.js
@@ -86,7 +86,7 @@ export const ComponentsForTitleAndControls = () => (
           <Icon name="list" />
         </Button>
         <Button>
-          <Icon name="table-list" />
+          <Icon name="th-list" />
         </Button>
       </ButtonGroup>,
     ]}
@@ -109,7 +109,7 @@ export const DropdownForControls = () => (
           role="button"
           title="More options"
         >
-          <Icon name="ellipsis" size="lg" />
+          <Icon name="ellipsis-h" size="lg" />
         </DropdownToggle>
         <DropdownMenu right>
           <DropdownItem>Eenie</DropdownItem>
diff --git a/src/components/Carousel/ImageCarousel.js b/src/components/Carousel/ImageCarousel.js
index b7ccff504..9a973fd67 100644
--- a/src/components/Carousel/ImageCarousel.js
+++ b/src/components/Carousel/ImageCarousel.js
@@ -82,7 +82,7 @@ export default class ImageCarousel extends React.Component {
         external={
           <div className="h-100">
             <Icon
-              name="xmark"
+              name="times"
               size="2x"
               className="text-white"
               style={{ position: 'fixed', top: '2rem', right: '2rem', zIndex: 15000 }}
diff --git a/src/components/Carousel/ImageCarousel.spec.js b/src/components/Carousel/ImageCarousel.spec.js
index 81cdaef63..d438cbf82 100644
--- a/src/components/Carousel/ImageCarousel.spec.js
+++ b/src/components/Carousel/ImageCarousel.spec.js
@@ -38,7 +38,7 @@ describe('<ImageCarousel />', () => {
     const external = shallow(component.prop('external'));
     const icon = external.find(Icon);
 
-    assert.strictEqual(icon.prop('name'), 'xmark');
+    assert.strictEqual(icon.prop('name'), 'times');
   });
 
   it('should render a carousel', () => {
diff --git a/src/components/CollapsableText/CollapsableText.stories.js b/src/components/CollapsableText/CollapsableText.stories.js
index a1c156562..ac49dd9c8 100644
--- a/src/components/CollapsableText/CollapsableText.stories.js
+++ b/src/components/CollapsableText/CollapsableText.stories.js
@@ -35,8 +35,8 @@ export const ShorterThanMaxLength = () => (
 export const CustomComponents = () => (
   <div>
     <CollapsableText
-      moreLabel={<Icon name="plus" className="text-success" />}
-      lessLabel={<Icon name="circle-minus" className="text-danger" />}
+      moreLabel={<Icon name="plus-circle" className="text-success" />}
+      lessLabel={<Icon name="minus-circle" className="text-danger" />}
     >
       {loremIpsum}
     </CollapsableText>
diff --git a/src/components/HasManyFields/HasManyFieldsAdd.js b/src/components/HasManyFields/HasManyFieldsAdd.js
index 275e134db..d20788bd9 100644
--- a/src/components/HasManyFields/HasManyFieldsAdd.js
+++ b/src/components/HasManyFields/HasManyFieldsAdd.js
@@ -9,7 +9,7 @@ const HasManyFieldsAdd = ({ children, className, ...props }) => {
 
   return (
     <Button color="success" block outline {...props} className={classes}>
-      <Icon name="plus" className="me-2" />
+      <Icon name="plus-circle" className="me-2" />
       <span>{children}</span>
     </Button>
   );
diff --git a/src/components/HasManyFields/HasManyFieldsAdd.spec.js b/src/components/HasManyFields/HasManyFieldsAdd.spec.js
index 5cb2fa681..ba2451ae9 100644
--- a/src/components/HasManyFields/HasManyFieldsAdd.spec.js
+++ b/src/components/HasManyFields/HasManyFieldsAdd.spec.js
@@ -25,7 +25,7 @@ describe('<HasManyFieldsAdd />', () => {
 
   it('should have an icon', () => {
     const icon = component.find(Icon);
-    assert.equal(icon.prop('name'), 'plus');
+    assert.equal(icon.prop('name'), 'plus-circle');
   });
 
   it('should be a disabled button when disabled', () => {
diff --git a/src/components/HasManyFields/HasManyFieldsRow.tsx b/src/components/HasManyFields/HasManyFieldsRow.tsx
index 06729526a..c1337c1f7 100644
--- a/src/components/HasManyFields/HasManyFieldsRow.tsx
+++ b/src/components/HasManyFields/HasManyFieldsRow.tsx
@@ -57,7 +57,7 @@ const HasManyFieldsRow = ({
       outline
       className="p-2 disabled align-self-stretch"
     >
-      <Icon name="circle-xmark" size="lg" />
+      <Icon name="times-circle-o" size="lg" />
     </Button>
   ) : (
     <ConfirmationButton
@@ -69,7 +69,7 @@ const HasManyFieldsRow = ({
       className="p-2 align-self-stretch"
       {...deleteProps}
     >
-      <Icon name="circle-xmark" size="lg" />
+      <Icon name="times-circle-o" size="lg" />
     </ConfirmationButton>
   );
 
diff --git a/src/components/HelpBubble/HelpBubble.spec.tsx b/src/components/HelpBubble/HelpBubble.spec.tsx
index 1fd9c1d08..5647f42c8 100644
--- a/src/components/HelpBubble/HelpBubble.spec.tsx
+++ b/src/components/HelpBubble/HelpBubble.spec.tsx
@@ -25,7 +25,7 @@ describe('<HelpBubble />', () => {
 
   it('should have a question mark', () => {
     const icon = mount(<HelpBubble title="hello" />, { attachTo: div }).find(Icon);
-    assert.equal(icon.prop('name'), 'circle-question');
+    assert.equal(icon.prop('name'), 'question-circle');
   });
 
   it('should link popover and icon trigger', () => {
diff --git a/src/components/HelpBubble/HelpBubble.tsx b/src/components/HelpBubble/HelpBubble.tsx
index 7f31cb599..f7f06dbf8 100644
--- a/src/components/HelpBubble/HelpBubble.tsx
+++ b/src/components/HelpBubble/HelpBubble.tsx
@@ -41,7 +41,7 @@ function HelpBubble(props: HelpBubbleProps) {
   return (
     <span className={className} style={style}>
       <Button color="link" className="p-0" aria-label="More Info" onClick={toggle}>
-        <Icon name="circle-question" id={id} className="text-primary" />
+        <Icon name="question-circle" id={id} className="text-primary" />
       </Button>
       <Popover isOpen={isOpen} toggle={toggle} target={id} {...other}>
         <div aria-live="polite">
diff --git a/src/components/Icon/FontAwesomeAPM.tsx b/src/components/Icon/FontAwesomeAPM.tsx
index acde83754..689ad657f 100644
--- a/src/components/Icon/FontAwesomeAPM.tsx
+++ b/src/components/Icon/FontAwesomeAPM.tsx
@@ -28,7 +28,7 @@ export interface FontAwesomeAPMProps extends React.HTMLAttributes<any> {
   spin?: boolean;
   stack?: '1x' | '2x';
   tag?: keyof JSX.IntrinsicElements;
-  iconStyle?: 'regular' | 'solid' | 'thin' | 'light' | 'duotone';
+  isSolid?: boolean;
 }
 
 /**
@@ -49,7 +49,7 @@ export interface FontAwesomeAPMProps extends React.HTMLAttributes<any> {
  * @param {Boolean} [spin=false] Spin the icon
  * @param {String} [stack] Stack an icon on top of another
  * @param {String} [tag=span] The HTML tag to use as a string (eg 'i' or 'em')
- * @param {String} [iconStyle] Font Awesome classic family with multiple icon styles to choose from
+ * @param {Boolean} [isSolid] FontAwesome 5 to use solid icons if true
  * @module FontAwesome
  * @type {ReactClass}
  */
@@ -69,7 +69,7 @@ export default class FontAwesomeAPM extends React.Component<FontAwesomeAPMProps>
       spin,
       stack,
       tag: Tag = 'i',
-      iconStyle,
+      isSolid,
       ariaLabel,
       ...props
     } = this.props;
@@ -101,7 +101,7 @@ export default class FontAwesomeAPM extends React.Component<FontAwesomeAPMProps>
       inverse && classNames.push('inverse');
 
       const fa = classNames.map((iconName) => `fa-${iconName}`);
-      iconStyle ? fa.unshift(`fa-${iconStyle}`) : fa.unshift(`fa-solid`);
+      isSolid ? fa.unshift('fas') : fa.unshift('fa');
 
       classNames = fa;
     }
diff --git a/src/components/Icon/Icon.stories.js b/src/components/Icon/Icon.stories.js
index fe426aac6..a1bbbe7c8 100644
--- a/src/components/Icon/Icon.stories.js
+++ b/src/components/Icon/Icon.stories.js
@@ -11,7 +11,7 @@ export default {
   component: Icon,
 };
 
-// React component for font awesome v6
+// React component for font awesome v5
 export const LiveExample = () => (
   <Icon
     name={text('name', 'motorcycle')}
@@ -21,7 +21,7 @@ export const LiveExample = () => (
     rotate={select('rotate', ['', '90', '180', '270'], '')}
     flip={select('flip', ['', 'horizontal', 'vertical'], '')}
     border={boolean('border', false)}
-    iconStyle={select('iconStyle', ['regular', 'solid', 'thin', 'light', 'duotone'], 'solid')}
+    isSolid={boolean('isSolid', false)}
   />
 );
 
@@ -50,7 +50,7 @@ export const InlineText = () => (
       <Icon name="print" /> Print
     </p>
     <p>
-      <Icon name="plus" /> Add Item
+      <Icon name="plus-circle" /> Add Item
     </p>
     <p>
       <Icon name="pencil" /> Edit
@@ -65,7 +65,7 @@ export const Buttons = () => (
   <div>
     <p>
       <Button>
-        <Icon name="plus" fixedWidth /> Add Item
+        <Icon name="plus-circle" fixedWidth /> Add Item
       </Button>
     </p>
     <p>
@@ -108,7 +108,7 @@ export const Size = () => (
 export const Animation = () => (
   <div>
     <Icon name="spinner" spin size="3x" />
-    <Icon name="circle-notch" spin size="3x" />
+    <Icon name="circle-o-notch" spin size="3x" />
     <Icon name="refresh" spin size="3x" />
     <Icon name="cog" spin size="3x" />
     <Icon name="spinner" pulse size="3x" />
diff --git a/src/components/Icon/icons.js b/src/components/Icon/icons.js
index a2a324120..c825073ce 100644
--- a/src/components/Icon/icons.js
+++ b/src/components/Icon/icons.js
@@ -1,7 +1,6 @@
 export default [
-  'accessible-icon',
-  'address-book',
-  'address-card',
+  'address-book-o',
+  'address-card-o',
   'adjust',
   'adn',
   'align-justify',
@@ -21,24 +20,23 @@ export default [
   'angle-up',
   'apple',
   'archive',
+  'area-chart',
+  'arrow-circle-down',
+  'arrow-circle-left',
+  'arrow-circle-o-down',
+  'arrow-circle-o-left',
+  'arrow-circle-o-right',
+  'arrow-circle-o-up',
+  'arrow-circle-right',
+  'arrow-circle-up',
   'arrow-down',
-  'arrow-down-1-9',
-  'arrow-down-9-1',
-  'arrow-down-short-wide',
-  'arrow-down-wide-short',
-  'arrow-down-a-z',
-  'arrow-down-z-a',
   'arrow-left',
   'arrow-right',
-  'arrow-right-from-bracket',
-  'arrow-right-to-bracket',
-  'arrow-rotate-right',
   'arrow-up',
   'arrows',
-  'arrows-left-right',
-  'arrows-rotate',
-  'arrows-up-down',
-  'arrow-up-right-from-square',
+  'arrows-alt',
+  'arrows-h',
+  'arrows-v',
   'assistive-listening-systems',
   'asterisk',
   'at',
@@ -47,6 +45,7 @@ export default [
   'balance-scale',
   'ban',
   'bandcamp',
+  'bar-chart',
   'barcode',
   'bars',
   'bath',
@@ -60,7 +59,9 @@ export default [
   'behance',
   'behance-square',
   'bell',
+  'bell-o',
   'bell-slash',
+  'bell-slash-o',
   'bicycle',
   'binoculars',
   'birthday-cake',
@@ -75,30 +76,34 @@ export default [
   'bomb',
   'book',
   'bookmark',
+  'bookmark-o',
   'braille',
   'briefcase',
   'btc',
   'bug',
   'building',
+  'building-o',
   'bullhorn',
   'bullseye',
   'bus',
   'buysellads',
   'calculator',
   'calendar',
-  'calendar-minus',
-  'calendar-plus',
-  'calendar-xmark',
+  'calendar-check-o',
+  'calendar-minus-o',
+  'calendar-o',
+  'calendar-plus-o',
+  'calendar-times-o',
   'camera',
   'camera-retro',
   'car',
   'caret-down',
   'caret-left',
   'caret-right',
-  'caret-square-down',
-  'caret-square-left',
-  'caret-square-right',
-  'caret-square-up',
+  'caret-square-o-down',
+  'caret-square-o-left',
+  'caret-square-o-right',
+  'caret-square-o-up',
   'caret-up',
   'cart-arrow-down',
   'cart-plus',
@@ -112,10 +117,12 @@ export default [
   'cc-stripe',
   'cc-visa',
   'certificate',
-  'chart-area',
-  'chart-bar',
-  'chart-pie',
+  'chain-broken',
   'check',
+  'check-circle',
+  'check-circle-o',
+  'check-square',
+  'check-square-o',
   'chevron-circle-down',
   'chevron-circle-left',
   'chevron-circle-right',
@@ -127,26 +134,15 @@ export default [
   'child',
   'chrome',
   'circle',
-  'circle-arrow-up',
-  'circle-check',
-  'circle-dot',
-  'circle-down',
-  'circle-left',
-  'circle-notch',
-  'circle-pause',
-  'circle-play',
-  'circle-question',
-  'circle-right',
-  'circle-up',
-  'circle-stop',
-  'circle-user',
-  'circle-xmark',
+  'circle-o',
+  'circle-o-notch',
+  'circle-thin',
   'clipboard',
-  'clock',
+  'clock-o',
   'clone',
   'cloud',
-  'cloud-arrow-down',
-  'cloud-arrow-up',
+  'cloud-download',
+  'cloud-upload',
   'code',
   'code-fork',
   'codepen',
@@ -156,57 +152,66 @@ export default [
   'cogs',
   'columns',
   'comment',
+  'comment-o',
   'commenting',
+  'commenting-o',
   'comments',
+  'comments-o',
   'compass',
   'compress',
   'connectdevelop',
   'contao',
-  'copy',
   'copyright',
   'creative-commons',
   'credit-card',
+  'credit-card-alt',
   'crop',
   'crosshairs',
   'css3',
   'cube',
   'cubes',
+  'cutlery',
   'dashcube',
   'database',
   'deaf',
   'delicious',
   'desktop',
   'deviantart',
+  'diamond',
   'digg',
-  'dollar-sign',
-  'down-long',
+  'dot-circle-o',
   'download',
   'dribbble',
   'dropbox',
   'drupal',
   'edge',
+  'eercast',
   'eject',
-  'ellipsis',
-  'ellipsis-vertical',
+  'ellipsis-h',
+  'ellipsis-v',
   'empire',
   'envelope',
+  'envelope-o',
   'envelope-open',
+  'envelope-open-o',
   'envelope-square',
   'envira',
   'eraser',
   'etsy',
-  'eur-sign',
+  'eur',
+  'exchange',
   'exclamation',
+  'exclamation-circle',
+  'exclamation-triangle',
   'expand',
   'expeditedssl',
+  'external-link',
+  'external-link-square',
   'eye',
   'eye-slash',
-  'eye-dropper',
-  'face-frown',
-  'face-meh',
-  'face-smile',
+  'eyedropper',
   'facebook',
-  'facebook-f',
+  'facebook-official',
   'facebook-square',
   'fast-backward',
   'fast-forward',
@@ -214,17 +219,19 @@ export default [
   'female',
   'fighter-jet',
   'file',
-  'file-zipper',
-  'file-audio',
-  'file-code',
-  'file-excel',
-  'file-image',
-  'file',
-  'file-pdf',
-  'file-powerpoint',
+  'file-archive-o',
+  'file-audio-o',
+  'file-code-o',
+  'file-excel-o',
+  'file-image-o',
+  'file-o',
+  'file-pdf-o',
+  'file-powerpoint-o',
   'file-text',
-  'file-video',
-  'file-word',
+  'file-text-o',
+  'file-video-o',
+  'file-word-o',
+  'files-o',
   'film',
   'filter',
   'fire',
@@ -233,11 +240,14 @@ export default [
   'first-order',
   'flag',
   'flag-checkered',
+  'flag-o',
   'flask',
   'flickr',
-  'floppy-disk',
+  'floppy-o',
   'folder',
+  'folder-o',
   'folder-open',
+  'folder-open-o',
   'font',
   'font-awesome',
   'fonticons',
@@ -246,12 +256,11 @@ export default [
   'forward',
   'foursquare',
   'free-code-camp',
-  'futbol',
+  'frown-o',
+  'futbol-o',
   'gamepad',
-  'gauge',
   'gavel',
   'gbp',
-  'gem',
   'get-pocket',
   'gg',
   'gg-circle',
@@ -262,12 +271,12 @@ export default [
   'github-alt',
   'github-square',
   'gitlab',
+  'glass',
   'glide',
   'glide-g',
   'globe',
   'google',
   'google-plus',
-  'google-plus-g',
   'google-plus-official',
   'google-plus-square',
   'google-wallet',
@@ -277,80 +286,91 @@ export default [
   'grip-vertical',
   'h-square',
   'hacker-news',
-  'hand',
-  'hand-lizard',
-  'hand-point-down',
-  'hand-point-left',
-  'hand-point-right',
-  'hand-point-up',
-  'hand-peace',
-  'hand-pointer',
-  'hand-back-fist',
-  'hand-scissors',
-  'hand-spock',
-  'handshake',
+  'hand-lizard-o',
+  'hand-o-down',
+  'hand-o-left',
+  'hand-o-right',
+  'hand-o-up',
+  'hand-paper-o',
+  'hand-peace-o',
+  'hand-pointer-o',
+  'hand-rock-o',
+  'hand-scissors-o',
+  'hand-spock-o',
+  'handshake-o',
   'hashtag',
-  'hdd-druve',
-  'heading',
+  'hdd-o',
+  'header',
   'headphones',
   'heart',
+  'heart-o',
   'heartbeat',
   'history',
   'home',
-  'hospital',
+  'hospital-o',
   'hourglass',
   'hourglass-end',
   'hourglass-half',
+  'hourglass-o',
   'hourglass-start',
   'houzz',
   'html5',
   'i-cursor',
   'id-badge',
   'id-card',
-  'image',
+  'id-card-o',
+  'ils',
   'imdb',
   'inbox',
   'indent',
   'industry',
   'info',
+  'info-circle',
+  'inr',
   'instagram',
   'internet-explorer',
   'ioxhost',
   'italic',
   'joomla',
+  'jpy',
   'jsfiddle',
   'key',
-  'keyboard',
+  'keyboard-o',
+  'krw',
   'language',
   'laptop',
   'lastfm',
   'lastfm-square',
   'leaf',
   'leanpub',
-  'left-right',
-  'lemon',
+  'lemon-o',
+  'level-down',
+  'level-up',
   'life-ring',
-  'lightbulb',
+  'lightbulb-o',
   'line-chart',
   'link',
-  'link-slash',
   'linkedin',
-  'linkedin-in',
+  'linkedin-square',
   'linode',
   'linux',
-  'lira-sign',
   'list',
+  'list-alt',
   'list-ol',
   'list-ul',
   'location-arrow',
-  'location-dot',
   'lock',
+  'long-arrow-down',
+  'long-arrow-left',
+  'long-arrow-right',
+  'long-arrow-up',
   'low-vision',
   'magic',
   'magnet',
   'male',
   'map',
-  'map',
+  'map-marker',
+  'map-o',
   'map-pin',
   'map-signs',
   'mars',
@@ -358,30 +378,30 @@ export default [
   'mars-stroke',
   'mars-stroke-h',
   'mars-stroke-v',
-  'martini-glass-empty',
   'maxcdn',
-  'maximize',
+  'meanpath',
   'medium',
   'medkit',
   'meetup',
+  'meh-o',
   'mercury',
   'microchip',
   'microphone',
   'microphone-slash',
   'minus',
-  'circle-minus',
+  'minus-circle',
   'minus-square',
+  'minus-square-o',
   'mixcloud',
-  'mobile-screen-button',
+  'mobile',
   'modx',
-  'money-bill-1',
-  'moon',
+  'money',
+  'moon-o',
   'motorcycle',
   'mouse-pointer',
   'music',
   'neuter',
-  'newspaper',
-  'note-sticky',
+  'newspaper-o',
   'object-group',
   'object-ungroup',
   'odnoklassniki',
@@ -394,19 +414,22 @@ export default [
   'pagelines',
   'paint-brush',
   'paper-plane',
-  'paper-plane',
+  'paper-plane-o',
   'paperclip',
   'paragraph',
   'pause',
   'pause-circle',
+  'pause-circle-o',
   'paw',
   'paypal',
   'pencil',
-  'pen-to-square',
+  'pencil-square',
+  'pencil-square-o',
   'percent',
   'phone',
   'phone-square',
-  'phone-volume	',
+  'picture-o',
+  'pie-chart',
   'pied-piper',
   'pied-piper-alt',
   'pied-piper-pp',
@@ -416,10 +439,12 @@ export default [
   'plane',
   'play',
   'play-circle',
+  'play-circle-o',
   'plug',
   'plus',
   'plus-circle',
   'plus-square',
+  'plus-square-o',
   'podcast',
   'power-off',
   'print',
@@ -428,31 +453,30 @@ export default [
   'qq',
   'qrcode',
   'question',
+  'question-circle',
+  'question-circle-o',
   'quora',
   'quote-left',
   'quote-right',
   'random',
   'ravelry',
   'rebel',
-  'rectangle-list',
-  'rectangle-xmark',
   'recycle',
   'reddit',
   'reddit-alien',
   'reddit-square',
+  'refresh',
   'registered',
   'renren',
+  'repeat',
   'reply',
   'reply-all',
   'retweet',
-  'right-left',
-  'right-long',
   'road',
   'rocket',
   'rss',
   'rss-square',
-  'rub-sign',
-  'rupee-sign',
+  'rub',
   'safari',
   'scissors',
   'scribd',
@@ -460,18 +484,13 @@ export default [
   'search-minus',
   'search-plus',
   'sellsy',
-  'sellcast',
-  'square-minus',
-  'square-pen',
-  'square-plus',
   'server',
-  'shekel-sign',
   'share',
   'share-alt',
   'share-alt-square',
   'share-square',
-  'share-from-square',
-  'shield-blank',
+  'share-square-o',
+  'shield',
   'ship',
   'shirtsinbulk',
   'shopping-bag',
@@ -480,6 +499,7 @@ export default [
   'shower',
   'sign-in',
   'sign-language',
+  'sign-out',
   'signal',
   'simplybuilt',
   'sitemap',
@@ -488,33 +508,43 @@ export default [
   'slack',
   'sliders',
   'slideshare',
+  'smile-o',
   'snapchat',
-  'snapchat',
+  'snapchat-ghost',
   'snapchat-square',
-  'snowflake',
+  'snowflake-o',
   'sort',
   'sort-alpha-asc',
-  'sort-up',
-  'sort-down',
+  'sort-alpha-desc',
+  'sort-amount-asc',
+  'sort-amount-desc',
+  'sort-asc',
+  'sort-desc',
+  'sort-numeric-asc',
+  'sort-numeric-desc',
   'soundcloud',
   'space-shuttle',
   'spinner',
   'spoon',
   'spotify',
   'square',
-  'square-check',
+  'square-o',
   'stack-exchange',
   'stack-overflow',
   'star',
   'star-half',
+  'star-half-o',
+  'star-o',
   'steam',
   'steam-square',
   'step-backward',
   'step-forward',
   'stethoscope',
   'sticky-note',
+  'sticky-note-o',
   'stop',
   'stop-circle',
+  'stop-circle-o',
   'street-view',
   'strikethrough',
   'stumbleupon',
@@ -522,35 +552,40 @@ export default [
   'subscript',
   'subway',
   'suitcase',
-  'sun',
+  'sun-o',
   'superpowers',
   'superscript',
   'table',
-  'table-cells-large',
-  'table-list',
-  'tablet-screen-button',
+  'tablet',
+  'tachometer',
   'tag',
   'tags',
   'tasks',
   'taxi',
   'telegram',
-  'tv',
+  'television',
   'tencent-weibo',
   'terminal',
   'text-height',
   'text-width',
+  'th',
+  'th-large',
+  'th-list',
   'themeisle',
   'thermometer-empty',
   'thermometer-full',
   'thermometer-half',
   'thermometer-quarter',
   'thermometer-three-quarters',
-  'thumbtack',
+  'thumb-tack',
   'thumbs-down',
+  'thumbs-o-down',
+  'thumbs-o-up',
   'thumbs-up',
-  'ticket-simple',
-  'xmark',
-  'circle-xmark',
+  'ticket',
+  'times',
+  'times-circle',
+  'times-circle-o',
   'tint',
   'toggle-off',
   'toggle-on',
@@ -558,18 +593,17 @@ export default [
   'train',
   'transgender',
   'transgender-alt',
-  'trash-can',
+  'trash',
+  'trash-o',
   'tree',
   'trello',
-  'triangle-exclamation',
   'tripadvisor',
   'trophy',
   'truck',
+  'try',
   'tty',
   'tumblr',
   'tumblr-square',
-  'turn-down',
-  'turn-up',
   'twitch',
   'twitter',
   'twitter-square',
@@ -580,30 +614,30 @@ export default [
   'university',
   'unlock',
   'unlock-alt',
-  'up-down',
-  'up-long',
-  'up-right-from-square',
   'upload',
   'usb',
+  'usd',
   'user',
   'user-circle',
+  'user-circle-o',
   'user-md',
+  'user-o',
   'user-plus',
   'user-secret',
   'user-times',
-  'user-headset',
   'users',
-  'utensils',
   'venus',
   'venus-double',
   'venus-mars',
   'viacoin',
   'viadeo',
   'viadeo-square',
-  'vimeo-v',
+  'video-camera',
+  'vimeo',
   'vimeo-square',
   'vine',
   'vk',
+  'volume-control-phone',
   'volume-down',
   'volume-off',
   'volume-up',
@@ -611,15 +645,16 @@ export default [
   'weixin',
   'whatsapp',
   'wheelchair',
+  'wheelchair-alt',
   'wifi',
   'wikipedia-w',
   'window-close',
+  'window-close-o',
   'window-maximize',
   'window-minimize',
   'window-restore',
   'windows',
   'wordpress',
-  'won-sign',
   'wpbeginner',
   'wpexplorer',
   'wpforms',
@@ -629,8 +664,8 @@ export default [
   'y-combinator',
   'yahoo',
   'yelp',
-  'yen-sign',
   'yoast',
   'youtube',
+  'youtube-play',
   'youtube-square',
 ];
diff --git a/src/components/Input/CreditCardNumber.tsx b/src/components/Input/CreditCardNumber.tsx
index f09389f3e..a08763ba2 100644
--- a/src/components/Input/CreditCardNumber.tsx
+++ b/src/components/Input/CreditCardNumber.tsx
@@ -94,7 +94,7 @@ const CreditCardNumber: FC<CreditCardNumberProps> = ({
     <InputGroup className={className}>
       <Input value={value || ''} onChange={onChangeHandler} {...inputProps} />
       <InputGroupText className="p-0 px-2">
-        <Icon iconStyle="regular" name={typeToIconName(ccType)} fixedWidth size="lg" />
+        <Icon name={typeToIconName(ccType)} fixedWidth size="lg" />
       </InputGroupText>
     </InputGroup>
   );
diff --git a/src/components/Input/DateInput.js b/src/components/Input/DateInput.js
index ad5ab7a48..1af1d2971 100644
--- a/src/components/Input/DateInput.js
+++ b/src/components/Input/DateInput.js
@@ -346,7 +346,7 @@ export default class DateInput extends React.Component {
                 tabIndex={-1}
                 onClick={this.toggle}
               >
-                <Icon iconStyle="regular" name="calendar" fixedWidth />
+                <Icon name="calendar" fixedWidth />
                 <span className="visually-hidden">Open Calendar</span>
               </Button>
             </InputGroup>
diff --git a/src/components/Input/MonthInput.js b/src/components/Input/MonthInput.js
index ddcd4e864..29501b907 100644
--- a/src/components/Input/MonthInput.js
+++ b/src/components/Input/MonthInput.js
@@ -291,7 +291,7 @@ export default class MonthInput extends React.Component {
                 type="button"
                 tabIndex={-1}
               >
-                <Icon iconStyle="regular" name="calendar" fixedWidth />
+                <Icon name="calendar-o" fixedWidth />
                 <span className="visually-hidden">Open Calendar</span>
               </Button>
             </InputGroup>
diff --git a/src/components/Input/TimeInput.js b/src/components/Input/TimeInput.js
index c37311864..f42e9bf69 100644
--- a/src/components/Input/TimeInput.js
+++ b/src/components/Input/TimeInput.js
@@ -76,7 +76,7 @@ function userInputProgress(input, time) {
   return [!!hasTypedTens, !!hasTypedMin];
 }
 
-const ClockIcon = () => <Icon name="clock" />;
+const ClockIcon = () => <Icon name="clock-o" />;
 
 export default class TimeInput extends React.Component {
   static propTypes = {
diff --git a/src/components/Select/SelectMultiValue.js b/src/components/Select/SelectMultiValue.js
index bb5fb59f1..b399a4009 100644
--- a/src/components/Select/SelectMultiValue.js
+++ b/src/components/Select/SelectMultiValue.js
@@ -55,7 +55,7 @@ export default class SelectMultiValue extends React.Component {
           className="ms-1"
           style={{ opacity: 0.5 }}
           role="button"
-          name="xmark"
+          name="times"
           onClick={() => {
             if (!disabled) {
               onRemove(value);
diff --git a/src/components/Status/Status.spec.tsx b/src/components/Status/Status.spec.tsx
index b9ea41099..df9826b1a 100644
--- a/src/components/Status/Status.spec.tsx
+++ b/src/components/Status/Status.spec.tsx
@@ -12,7 +12,7 @@ describe('<Status />', () => {
 
   it('should take a type option', () => {
     const icon = shallow(<Status type="info" />).find(Icon);
-    assert.strictEqual(icon.prop('name'), 'circle-info');
+    assert.strictEqual(icon.prop('name'), 'info-circle');
     assert.strictEqual(icon.prop('className'), 'text-info');
   });
 
diff --git a/src/components/Status/Status.tsx b/src/components/Status/Status.tsx
index d9ee0c2c3..5592dcc1e 100644
--- a/src/components/Status/Status.tsx
+++ b/src/components/Status/Status.tsx
@@ -12,19 +12,19 @@ const Status = ({ type = 'none', className, ...props }: StatusProps) => {
   let name = '';
   switch (type) {
     case 'info':
-      name = 'circle-info';
+      name = 'info-circle';
       break;
     case 'muted':
-      name = 'circle';
+      name = 'circle-thin';
       break;
     case 'success':
-      name = 'circle-check';
+      name = 'check-circle';
       break;
     case 'danger':
       name = 'warning';
       break;
     case 'warning':
-      name = 'circle-exclamation';
+      name = 'exclamation-circle';
       break;
     case 'none':
       name = 'circle';
diff --git a/src/components/Waiting/Waiting.stories.js b/src/components/Waiting/Waiting.stories.js
index 699fb7e87..fa01022e7 100644
--- a/src/components/Waiting/Waiting.stories.js
+++ b/src/components/Waiting/Waiting.stories.js
@@ -22,6 +22,6 @@ export const CustomTitle = () => (
 
 export const Children = () => (
   <Waiting isOpen={boolean('isOpen', true)} backdrop={boolean('backdrop', true)}>
-    <Icon name="clock" size="4x" />
+    <Icon name="clock-o" size="4x" />
   </Waiting>
 );
diff --git a/yarn.lock b/yarn.lock
index 64bad7c95..0d7dbd48e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -57,8 +57,6 @@ __metadata:
     "@babel/preset-env": ^7.16.11
     "@babel/preset-react": ^7.16.7
     "@babel/preset-typescript": ^7.16.7
-    "@fortawesome/fontawesome-free": ^6.2.0
-    "@fortawesome/fontawesome-svg-core": ^6.2.0
     "@jest/types": ^27.5.1
     "@popperjs/core": ^2.10.1
     "@storybook/addon-a11y": ^6.3.11
@@ -140,6 +138,7 @@ __metadata:
     raf-stub: ^3.0.0
     react: ^16.14.0
     react-dom: ^16.14.0
+    react-fontawesome: ^1.7.1
     react-imask: ^6.2.2
     react-resize-detector: ^4.2.3
     react-select-plus: 1.2.0
@@ -1926,29 +1925,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@fortawesome/fontawesome-common-types@npm:6.2.0":
-  version: 6.2.0
-  resolution: "@fortawesome/fontawesome-common-types@npm:6.2.0"
-  checksum: 1d0a3340dc2d2798609195cf77f1b0db98f0d87144044eb7cd3d78745baac8509705c6ebc7cce3d9bb36c7d7358ca064f77f39d86478ab1e7aa7aadc344cfd91
-  languageName: node
-  linkType: hard
-
-"@fortawesome/fontawesome-free@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "@fortawesome/fontawesome-free@npm:6.2.0"
-  checksum: fd3fcc0a963b907110922b5ac0ca67633aea20b5034102a1f5d285830f7f7a27f9c9de0c4a30228ccd2579bd8f95581a1bbef9519c7b74632e7012d60dd57bb7
-  languageName: node
-  linkType: hard
-
-"@fortawesome/fontawesome-svg-core@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "@fortawesome/fontawesome-svg-core@npm:6.2.0"
-  dependencies:
-    "@fortawesome/fontawesome-common-types": 6.2.0
-  checksum: 3bae680cba4098bc3a6aee04e655e0c6b6bab2d78e6709dc0a44d106f57a09bc2fd979310108777a373df301273a2a276739056f8984cd8bc5a50d37338c5380
-  languageName: node
-  linkType: hard
-
 "@gar/promisify@npm:^1.0.1, @gar/promisify@npm:^1.1.3":
   version: 1.1.3
   resolution: "@gar/promisify@npm:1.1.3"
@@ -14718,6 +14694,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-fontawesome@npm:^1.7.1":
+  version: 1.7.1
+  resolution: "react-fontawesome@npm:1.7.1"
+  dependencies:
+    prop-types: ^15.5.6
+  peerDependencies:
+    react: ">=0.12.0"
+  checksum: 0b4ff66aac939b0fb288c68466b1702f7e2c51238bec0ca0899cea968c7bebe74a6f6a8dfe23d0771986fca83b32a1c7af7b706caee4b739a216ced48bf3f6bb
+  languageName: node
+  linkType: hard
+
 "react-imask@npm:^6.2.2":
   version: 6.4.2
   resolution: "react-imask@npm:6.4.2"