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.
59343 Commits
5917 Branches
582 Tags
1.7 GiB
 
 
 
 
 
 
Tag: Branch: Tree: aa0842a1e7
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'aa0842a1e7'
${ noResults }
grafana/public/img/icons
History
Michael Anderson eed048fc09
Navigation: Moving Machine-Learning out of IRM and into the top-level of the Navigation (#103822) 		4 weeks ago
..
custom Navigation: Moving Machine-Learning out of IRM and into the top-level of the Navigation (#103822) 4 weeks ago
iot Canvas add drone elements (#43122) 3 years ago
marker XYChart: Improve base options setup (#67878) 2 years ago
mono PanelChrome: Refactor and refine items next to title (#60514) 2 years ago
solid Icons: Move unicons icons to the repository and generate the iconsBundle.js with nodejs (#53766) 3 years ago
unicons AppChrome: Sidebar extensions button update (#103791) 1 month ago
README.md Chore: update `react-inlinesvg` and use new icon caching mechanism (#97725) 5 months 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
  • Add the new icon path to public/app/core/icons/cached.json
  • 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