The goal of {feathericons} is to give access to feathericons svg icons in Shiny.
More about Feather Icons on https://feathericons.com/
You can install the dev version of feathericons from GitHub:
remotes::install_github("ColinFay/feathericons")
You’ll need to call use_feather_icons
in your Shiny UI. Then, an icon
is added with feather_icons
, which takes as arguments the name of the
icon.
library(shiny)
library(feathericons)
ui <- fluidPage(
use_feather_icons(),
tags$p(feather_icons("circle"), "Log in")
)
server <- function(input, output, session) {
}
shinyApp(ui, server)
The list is available as a vector:
feathericons::icons_list
#> [1] "activity" "airplay" "alert-circle"
#> [4] "alert-octagon" "alert-triangle" "align-center"
#> [7] "align-justify" "align-left" "align-right"
#> [10] "anchor" "aperture" "archive"
#> [13] "arrow-down-circle" "arrow-down-left" "arrow-down-right"
#> [16] "arrow-down" "arrow-left-circle" "arrow-left"
#> [19] "arrow-right-circle" "arrow-right" "arrow-up-circle"
#> [22] "arrow-up-left" "arrow-up-right" "arrow-up"
#> [25] "at-sign" "award" "bar-chart-2"
#> [28] "bar-chart" "battery-charging" "battery"
#> [31] "bell-off" "bell" "bluetooth"
#> [34] "bold" "book-open" "book"
#> [37] "bookmark" "box" "briefcase"
#> [40] "calendar" "camera-off" "camera"
#> [43] "cast" "check-circle" "check-square"
#> [46] "check" "chevron-down" "chevron-left"
#> [49] "chevron-right" "chevron-up" "chevrons-down"
#> [52] "chevrons-left" "chevrons-right" "chevrons-up"
#> [55] "chrome" "circle" "clipboard"
#> [58] "clock" "cloud-drizzle" "cloud-lightning"
#> [61] "cloud-off" "cloud-rain" "cloud-snow"
#> [64] "cloud" "code" "codepen"
#> [67] "command" "compass" "copy"
#> [70] "corner-down-left" "corner-down-right" "corner-left-down"
#> [73] "corner-left-up" "corner-right-down" "corner-right-up"
#> [76] "corner-up-left" "corner-up-right" "cpu"
#> [79] "credit-card" "crop" "crosshair"
#> [82] "database" "delete" "disc"
#> [85] "dollar-sign" "download-cloud" "download"
#> [88] "droplet" "edit-2" "edit-3"
#> [91] "edit" "external-link" "eye-off"
#> [94] "eye" "facebook" "fast-forward"
#> [97] "feather" "file-minus" "file-plus"
#> [100] "file-text" "file" "film"
#> [103] "filter" "flag" "folder-minus"
#> [106] "folder-plus" "folder" "gift"
#> [109] "git-branch" "git-commit" "git-merge"
#> [112] "git-pull-request" "github" "gitlab"
#> [115] "globe" "grid" "hard-drive"
#> [118] "hash" "headphones" "heart"
#> [121] "help-circle" "home" "image"
#> [124] "inbox" "info" "instagram"
#> [127] "italic" "layers" "layout"
#> [130] "life-buoy" "link-2" "link"
#> [133] "linkedin" "list" "loader"
#> [136] "lock" "log-in" "log-out"
#> [139] "mail" "map-pin" "map"
#> [142] "maximize-2" "maximize" "menu"
#> [145] "message-circle" "message-square" "mic-off"
#> [148] "mic" "minimize-2" "minimize"
#> [151] "minus-circle" "minus-square" "minus"
#> [154] "monitor" "moon" "more-horizontal"
#> [157] "more-vertical" "move" "music"
#> [160] "navigation-2" "navigation" "octagon"
#> [163] "package" "paperclip" "pause-circle"
#> [166] "pause" "percent" "phone-call"
#> [169] "phone-forwarded" "phone-incoming" "phone-missed"
#> [172] "phone-off" "phone-outgoing" "phone"
#> [175] "pie-chart" "play-circle" "play"
#> [178] "plus-circle" "plus-square" "plus"
#> [181] "pocket" "power" "printer"
#> [184] "radio" "refresh-ccw" "refresh-cw"
#> [187] "repeat" "rewind" "rotate-ccw"
#> [190] "rotate-cw" "rss" "save"
#> [193] "scissors" "search" "send"
#> [196] "server" "settings" "share-2"
#> [199] "share" "shield-off" "shield"
#> [202] "shopping-bag" "shopping-cart" "shuffle"
#> [205] "sidebar" "skip-back" "skip-forward"
#> [208] "slack" "slash" "sliders"
#> [211] "smartphone" "speaker" "square"
#> [214] "star" "stop-circle" "sun"
#> [217] "sunrise" "sunset" "tablet"
#> [220] "tag" "target" "terminal"
#> [223] "thermometer" "thumbs-down" "thumbs-up"
#> [226] "toggle-left" "toggle-right" "trash-2"
#> [229] "trash" "trending-down" "trending-up"
#> [232] "triangle" "truck" "tv"
#> [235] "twitter" "type" "umbrella"
#> [238] "underline" "unlock" "upload-cloud"
#> [241] "upload" "user-check" "user-minus"
#> [244] "user-plus" "user-x" "user"
#> [247] "users" "video-off" "video"
#> [250] "voicemail" "volume-1" "volume-2"
#> [253] "volume-x" "volume" "watch"
#> [256] "wifi-off" "wifi" "wind"
#> [259] "x-circle" "x-square" "x"
#> [262] "youtube" "zap-off" "zap"
#> [265] "zoom-in" "zoom-out"
Run this chunk to get all supported icons and the results:
library(shiny)
ui <- fluidPage(
use_feather_icons(),
lapply(icons_list, function(x){
HTML(feather_icons(x), ":", x)
}
)
)
server <- function(input, output, session) {
}
shinyApp(ui, server)
Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.