shinydashboard 一些 Font Awesome 图标不工作

Question

When using shinydashboard I find that some icons seem to work while some don't. In the below example, the battery-full icon doesn't work while the clock-o icon works fine. I'm unable to figure out why this should happen.

library(shiny)
library(shinydashboard)

header <- dashboardHeader(title="Some Icons Not Working?")

# No sidebar --------------------------------------------------------------

sm <- sidebarMenu(

  sm <- sidebarMenu(
    menuItem(
      text="asdf",
      tabName="asdfasdf",
      icon=icon("battery-full")),
    menuItem(
      text="qwer",
      tabName="qwerqwer",
      icon=icon("clock-o"))
  )
)

sidebar <- dashboardSidebar(sm)

# Compose dashboard body --------------------------------------------------

body <- dashboardBody(

  tabItems(

  )
)

# Setup Shiny app UI components -------------------------------------------

ui <- dashboardPage(header, sidebar, body, skin="black")

# Setup Shiny app back-end components -------------------------------------

server <- function(input, output) {


}

# Render Shiny app --------------------------------------------------------

shinyApp(ui, server)

Answer 1

Ok, I think the new ones in version 4.4 are not updated. You can probably request shiny team to update them and they will do it very easily. Alternatively you can do it yourself by downloading them and replacing the previous content...

1. Go to the Font Awesome download page and get it

2. Locate your font awesome folder where you installed shiny package. This should be somewhere like here ~\\Documents\\R\\win-library\\3.1\\shiny\\www\\shared\\font-awesome

3. Replace the content of this folder with new contents (you can delete the previous content if you want). Below is what I put in there

4. Now your app should work fine with new fonts

Answer 2

This is an older question, but the issue remains for me in July 2020. I found the solution in the github issues page . The trick is to make sure you are looking at the library of icons in the version of Font Awesome Shiny is calling. Currently (again, July 2020) the version is 4.7. All of these icons currently work.

Another option is to call the version of fontawesome you want using the following code within your app's ui function (this solution originally posted here ):

tags$style("@import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css);")

Answer 3

Now that shiny::icon is powered by the fontawesome r package, you can use fontawesome:::fa_tbl to help you find the names that are expected from the function. fontawesome:::fa_version also tells you what fontawesome version is currently in the R package.

Answer 4

对我来说，在 2020 年 10 月，解决方案是在第一个“fa”之后添加一个“s”，就像在fa fa-caret-up到fas fa-caret-up因为它是字体真棒图标的新语法。

Answer 5

For those newcomers in 2021, this icon ... does not exist error is due to the Font Awesome changing names to their icons between 4 and 5 (see background here ). Below are solutions that do not require tag styles.

If you are getting this error message,

This Font Awesome icon ('{youriconname}') does not exist:

* if providing a custom html_dependency these name checks can be deactivated with verify_fa = FALSE

then, you can either:

1. Embrace the change and rename your icon, looking at the library, link to 5.1.5 for example , to find a new name for your match. In my case it was changing icon('dashboard') to icon('tachometer-alt'). Search with your old name, and look at the free, not grayed out, icons for an alternative.

2. Use this useful workaround by @samssann from shinydashboard issue 373 :

   1. add verify_fa = FALSE argument to shiny::icon()
   2. use shiny::icon("clock") or fontawesome::fa("clock")

PS You might find the icon still shows on your app despite the error as there is a shim to plug 4 to 5. See @jcheng's answer here from shiny issue #1966.