Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Unrenderable Icons with FontAwesome Pro Duotone #495

@dhazelett

Description

@dhazelett

Describe the bug
When attempting to load @fortawesome/pro-duotone-svg-icons icons, only half the icon renders, and raises: Error: <path> attribute d: Expected path command, "….06 0 0 0 64 64z,M396.8 288h-8.3…". in the console

To Reproduce
Basic Vue2 install via vue create project & vue add chakra-ui

import Chakra from '@chakra-ui/vue';
import { faUsers } from '@fortawesome/pro-duotone-svg-icons';

Vue.use(Chakra, {
  iconPack: 'fa',
  iconSet: { faUsers },
})

<c-icon name="users" />

Expected behavior
Both parts of the svg should render

Screenshots
This is how it's currently rendering
image

This is what it should look like
image

Additional context
The error appears in utils/icons, specifically here: https://github.com/chakra-ui/chakra-ui-vue/blob/develop/packages/chakra-ui-core/src/utils/icons.js#L15

I've just discovered this and will fork and make a PR likely tomorrow morning, if someone doesn't beat me to it.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions