Vue Icons are not displayed

When i try to implement some components from mdbvue-pro in my laravel project, it works fine.

Excepted the icons. They are shown as an little error-symbol:

Its like one of the mdb-docs-examples: https://mdbootstrap.com/docs/vue/modals/additional/ (scroll down to the bottom)

i allready implemented import "@fortawesome/fontawesome-free/css/all.min.css"; to my app.js.

My component:

<template>
  <mdb-card class="card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Others/gradient1.jpg)">
    <div class="text-white text-center py-5 px-4 my-5">
      <div>
        <h2 class="card-title h1-responsive pt-3 mb-5 font-bold"><strong>Create your beautiful website with MDBootstrap</strong></h2>
        <p class="mx-5 mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem,
          optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum!
        </p>
        <mdb-btn outline="white" size="md" icon="clone">View project</mdb-btn>
      </div>
    </div>
    <mdb-icon fab icon="accusoft" />
  </mdb-card>
</template>

<script>
  import { mdbCard, mdbBtn, mdbIcon } from 'mdbvue';

  export default {
    name: 'JumbotronPage',
    components: {
      mdbCard,
      mdbBtn,
      mdbIcon
    }
  }
</script>

Has anyone an idea to solve this problem?

Some Greets