Not sure if duo tones are officially supported

[fev4]

Hey there,

Haven't seen this question asked nor have I seen it directly referenced in the docs. Would it be safe to assume that duo tones are not supported?

[RobBrazier]

I don't have fontawesome pro, so I can't test - have you tried using the duotone @fortawesome/fontawesome-* package yet?

[fev4]

Here's how I'm using it (example):

<script>
  import Icon from 'svelte-awesome';
  import { faHouse } from '@fortawesome/pro-duotone-svg-icons/faHouse';
  import { faGift } from '@fortawesome/pro-duotone-svg-icons/faGift';
  const options = [
    { name: 'Hogar', value: 'house', icon: 'house', data: faHouse },
    { name: 'Regalo', value: 'gift', icon: 'gift', data: faGift },
  ]
</script>

<div class="radiogroup">
  {#each options as opt}
    <input
      type="radio"
      value={opt.value}
    />
    <label>
      <Icon
        data={opt.data}
        scale={2}
      />
      <span>{opt.name}</span>
    </label>
  {/each}
</div>

This is how it ends up looking:

I was hoping it could look like this:

Or maybe there's additional setup I need to do?

[RobBrazier]

Unfortunately as mentioned I can't test duotone icons as it requires font awesome pro - closing until further requirement for this feature surface