apitech
/
grafana
mirror of https://github.com/grafana/grafana
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
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.
48435 Commits
5918 Branches
582 Tags
1.7 GiB
 
 
 
 
 
 
Tag: Branch: Tree: 80e58f98a7
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '80e58f98a7'
${ noResults }
grafana/public/img/icons
History
Ashley Harrison cca3bb0917
Chore: Expose icons and add icon documentation (#81371) 		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
…
solid
…
unicons Chore: Expose icons and add icon documentation (#81371) 1 year ago
README.md Chore: Expose icons and add icon documentation (#81371) 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 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
      • 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