The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
grafana/public/img/icons
Josh Hunt 2210d5228f
Fix frontend-observability icon fill colour (#82326)
1 year ago
..
custom Fix Prometheus icon so it can work in light mode (#75120) 2 years ago
iot
marker XYChart: Improve base options setup (#67878) 2 years ago
mono PanelChrome: Refactor and refine items next to title (#60514) 2 years ago
solid
unicons Fix frontend-observability icon fill colour (#82326) 1 year ago
README.md Fix frontend-observability icon fill colour (#82326) 1 year ago

README.md

How to add a new icon

  • Add the new icon svg to the unicons/ directory
    • Yes, even if it's not a unicon icon or from IconScout
    • We will eventually condense all the separate folders into a single icons/ directory, and since unicons/ is the default it makes sense to add new icons there
  • Ensure the new icon source is formatted correctly:
    • Remove any width or height attributes
    • If the icon is a single color, ensure any explicitly defined fill or stroke colors are either removed (or set to currentColor if a color must be defined)
      • This allows the consumer to control the color of the Icon, which is useful for hover/focus states
  • Modify the availableIconsIndex map in @grafana/data and add the new icon
    • Note: the key must exactly match the icon filename, e.g. if your new icon is my-icon.svg, the key must be my-icon
  • Run yarn storybook and verify the new icon appears correctly in the Icon story