Error Using Duotone icons
See original GitHub issueDescribe the bug We are trying to use the duotone icons ‘sortUp’ and ‘sortDown’, but our console is throwing errors when it appears to try to render the icon. We are running this in Storybook to build our components.
vue.esm.js:6790 Error: <path> attribute d: Expected path command, "…05-4.4-41 17-41z,M24.05 183.05l1…".
It does appear to render the darkened element, but not the lightened svg.
Reproducible test case Include a URL (codepen.io, jsfiddle.net, Git repository, codesandbox.io, stackblitz.com, etc.) that demonstrates the problem. Component:
<font-awesome-icon
:icon="['fad', 'sort-down' ]"
/>
config.js
import { library, dom } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { fas } from '@fortawesome/free-solid-svg-icons';
import { faShieldCheck } from '@fortawesome/pro-solid-svg-icons';
import { faSortUp, faSortDown } from '@fortawesome/pro-duotone-svg-icons';
library.add(fas,
faShieldCheck,
faSortUp,
faSortDown,
);
dom.watch();
Vue.component('font-awesome-icon', FontAwesomeIcon);
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Issue rendering Font Awesome Duotone icons #4524 - GitHub
When rendering html containing Font Awesome Duotone icon the :after css content (typically the lighter back layer using unicode U+10FXXX) ...
Read more >Duotone <i> tags display wrong with   - Drupal
When using Duotone icons in CKEditor with the "i" tag, the icon displays incorrectly or not at all. This is because CKEditor removes...
Read more >Duotone Icons | Font Awesome Docs
Duotone icons use the same syntax Font Awesome icons, and you can reference them like any other icon using their specific style prefix...
Read more >Fixed - Duotone icons | XenForo community
XF Bug Bot said: Thank you for reporting this issue. It has now been resolved and we are aiming to include it in...
Read more >angular - Uncaught Error: Property icon is required for fa-icon ...
Uncaught Error: Property icon is required for fa-icon/fa-duotone-icon ... my test case but still printing lots of logs in the console.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@Yodablues try upgrading those dependencies first, they are a tad old.
Fantastic. Glad it was an easy fix.