Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Feature request] Support Fontawesome Duotone icons
See original GitHub issueEnvironment
Vuetify Version: 2.0.11 Vue Version: 2.6.10 Browsers: Chrome 76.0.3809.100, Mozilla Firefox OS: Windows 10, iOS, Mac OSX, Linux, Android, Windows
Steps to reproduce
Open the Codepen link.
Expected Behavior
The correct icon (the one with the fad prefix) should get rendered, and it should inherit the CSS custom properties (i.e. --fa-primary-color and --fa-secondary-color) from v-icon.
(Actually, it would be best if the primary color and secondary color could be specified in opts when Vuetify is being bootstrapped.)
Actual Behavior
You’ll see that the duotone icon works when used directly inside a regular HTML element, but the icon itself is not even recognized when used inside v-icon, much less colored correctly.
Reproduction Link
https://codepen.io/enraged_camel/pen/jONLbGN
Other comments
More info on Duotone icons: https://fontawesome.com/how-to-use/on-the-web/styling/duotone-icons
Issue Analytics
- State:
- Created 4 years ago
- Reactions:6
- Comments:20 (10 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Ah ok, definitely no problems there then 👍
TIL. If you’ve been using that with vue already then yeah dutone should work in v3.