title: ant design pagination - How to change default arrows (Down, Left, Right)
body: <p>I am trying to change the ant design arrows in the pagination component to use FontAwesome Icons. After combing through the docs and scouring the internet, I have been unable to find a solution.</p>
  <pre><code>              &lt;Table
                  columns={columns}
                  dataSource={newData}
                  loading={historyPaymentsIsLoading}
                  showSorterTooltip={false}
                  rowKey={(record) =&gt; record.rowId}
                  scroll={{ x: 'max-content' }}
                  onChange={handlePaginationChange}
                  pagination={{
                      showSizeChanger: true,
                      showQuickJumper: true,
                      defaultPageSize: 25,
                      pageSizeOptions: ['25', '50', '100'],
                      position: ['bottomLeft'],
                      size: 'default',
                   
                  }}
  </code></pre>
  <p><a href="https://i.stack.imgur.com/8vRfC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8vRfC.png" alt="Pagination" /></a></p>