Questions tagged [font-awesome-6]
19 questions
22
votes
3 answers
How to use Font Awesome 6 icons?
I've used the Font Awesome icons before (previous version). Back then, I used a CDN like below in my HTML. But now I can't find it anymore. Is there any change on how to use them?
Rocky Barua
- 512
- 1
- 4
- 17
3
votes
0 answers
Problem with thickness when changing Font awesome text/icon color
I've been using Font awesome (6.1.0) without any problem in my app until I decided to introduce Dark theme option. Regarding icons the only style that I change is their color:
From:
To:
If you look closely enough you'll see the difference (its…
Ignacio Ara
- 2,476
- 2
- 26
- 37
2
votes
1 answer
How to import individual icons with FontAwesome v6
I have a Laravel web app which uses an NPM/Webpack build process, and currently importing the SCSS icon sheet versions of FontAwesome like this:
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import…
Hashim Aziz
- 4,074
- 5
- 38
- 68
2
votes
1 answer
Fontawesome 6 throwing errors in Vue 3
I'm trying to upgrade from fontawesome 5 to 6 in my vue 3 project but when I try to load an icon, it throws these errors:
Vue warn]: Unhandled error during execution of render function
at
at…
Artur Müller Romanov
- 4,417
- 10
- 73
- 132
1
vote
1 answer
How to use Font Awesome 6 icons in React.js, especially social icons?
I installed the below package from font awesome documentation and faCoffee icon was added but when I want to use the social icon the icon is not added.
npm i --save @fortawesome/fontawesome-svg-core
npm i --save…
Habid Hossen
- 11
- 2
0
votes
2 answers
Vuetify append-inner-icon with fontawesome
I am using vuetify 3 with typescript and fontawesome 6.4. Following is my vuetify and fontawesome setup
Vuetify:
import 'vuetify/styles'
import {createVuetify} from 'vuetify'
import * as components from 'vuetify/components'
import * as directives…
BEvo
- 357
- 6
- 18
0
votes
2 answers
when changing versions FontAwesome 4 to 6, how to specify correctly in css?
good day!
there is a static website in html, it has replaced Font Awesome 4 with 6, and there are no problems, however, one of the slider display classes that is missing, namely the left and right scrolling buttons:
previously, I had no problems…
Vision 10
- 13
- 5
0
votes
0 answers
HTML/CSS Why does my icons (fontawesome + IcoMoon) show up as blank squares sometimes on page load
I have a WordPress CMS website and for all the icons (fontawesome + IcoMoon) I am not using CDN, I have these icon fonts and CSS files uploaded to the server.
Below are in the font files I have for Fontawesome 6 (I've downloaded the fontawesome…
wish_18
- 1
- 2
0
votes
0 answers
Is it possible to upgrade font awesome 5 -> 6 without having to manually change every deprecated icon name?
Is it possible to upgrade font awesome 5 -> 6 without having to manually change every deprecated icon name?
I think you are able to do it on the pro version but in my case I am using the free version and my project has about 3000+ icons so it would…
HJP22
- 33
- 4
0
votes
1 answer
How to use Font Awesome 6 Pro icons in TinyMCE 6?
I want to use Font Awesome 6 Pro icons in TinyMCE 6, but I facing issues with this:
If I try to use free version of iconset it works with this code:
options = {
content_css: [
'https://use.fontawesome.com/releases/v6.2.0/css/all.css'
…
netdjw
- 5,419
- 21
- 88
- 162
0
votes
1 answer
How to dynamically render list of fontawesome icons in react that shows error "Could not find icon {prefix: 'fas', iconName: 'faChartLine'"
I have a list route with fontAwesome icon declared in it link this -
const navigationList = [
{
pageName: "Dashboard",
path: "/",
iconName: `faChartLine`
},
{
pageName: "Bus Information",
path: "/bus-info",
…
Htet
- 27
- 1
- 4
0
votes
3 answers
Fontawesome Icons take different widths
I'm using Tailwind CSS along with Font Awesome Icons. Here the icons show like this,
Is it not suitable to adjust every div's width. Here is my code (For an element),
…
Mishen Thakshana
- 1,050
- 1
- 14
- 38
0
votes
2 answers
Move fontAwesome 6 icon to the right
I am trying to move this icon to the top right of the file, but I can't, does anyone know how? (I got this icon for free from fontAwesome)
Here's the code
i {
text-align: center;
}