stufflog/svelte-ui/src/components/ActivityIcon.svelte

<script context="module">
  import { faQuestion } from "@fortawesome/free-solid-svg-icons/faQuestion";
  import { faPlus } from "@fortawesome/free-solid-svg-icons/faPlus";
  import { faCubes } from "@fortawesome/free-solid-svg-icons/faCubes";
  import { faBook } from "@fortawesome/free-solid-svg-icons/faBook";
  import { faBookDead } from "@fortawesome/free-solid-svg-icons/faBookDead";
  import { faPen } from "@fortawesome/free-solid-svg-icons/faPen";
  import { faDiceD20 } from "@fortawesome/free-solid-svg-icons/faDiceD20";
  import { faDiceD6 } from "@fortawesome/free-solid-svg-icons/faDiceD6";
  import { faDungeon } from "@fortawesome/free-solid-svg-icons/faDungeon";
  import { faGamepad } from "@fortawesome/free-solid-svg-icons/faGamepad";
  import { faLanguage } from "@fortawesome/free-solid-svg-icons/faLanguage";
  import { faCode } from "@fortawesome/free-solid-svg-icons/faCode";
  import { faCodeBranch } from "@fortawesome/free-solid-svg-icons/faCodeBranch";
  import { faGuitar } from "@fortawesome/free-solid-svg-icons/faGuitar";
  import { faMusic } from "@fortawesome/free-solid-svg-icons/faMusic";

  const icons = {
    "plus": faPlus,
    "cubes": faCubes,
    "book": faBook,
    "book_dead": faBookDead,
    "pen": faPen,
    "dice_d20": faDiceD20,
    "dice_d6": faDiceD6,
    "dungeon": faDungeon,
    "gamepad": faGamepad,
    "language": faLanguage,
    "code": faCode,
    "code_branch": faCodeBranch,
    "guitar": faGuitar,
  };

  export const iconNames = Object.keys(icons);
</script>

<script>
  import Icon from "fa-svelte"

  export let name = "";
</script>

<Icon class="activity-icon" icon={icons[name] || faQuestion} />

<style></style>