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/packages/grafana-icons
renovate[bot] d9812153dd
Update dependency typescript to v5.5.4 (#91678)
9 months ago
..
src React: Use new JSX transform (#88802) 11 months ago
svg Icon: Remove hardcoded color from `ai` icon (#87996) 1 year ago
templates React: Use new JSX transform (#88802) 11 months ago
.gitignore Grafana/icons: Add icons package (#82314) 1 year ago
.svgrrc.cjs Saga-icons: Switch to ESM (#84875) 1 year ago
CHANGELOG.md Grafana/icons: Add icons package (#82314) 1 year ago
LICENSE_APACHE2 Grafana/icons: Add icons package (#82314) 1 year ago
README.md Grafana/icons: Add icons package (#82314) 1 year ago
package.json Update dependency typescript to v5.5.4 (#91678) 9 months ago
rollup.config.ts Saga-icons: Add svgs (#85522) 1 year ago
tsconfig.build.json Grafana/icons: Add icons package (#82314) 1 year ago
tsconfig.json React: Use new JSX transform (#88802) 11 months ago

README.md

Grafana Saga Icons

This package contains the icon React components used in Grafana and Grafana plugins.

Uploading a new icon

To add a new icon to the library, open a PR which adds the SVG file for the icon into the svg directory. The file should be named with the icon name in kebab-case. For example, if the icon name is MyIcon, the file should be named my-icon.svg. Once the PR is merged, the icon will be automatically generated and added to the library.

Development

  1. Clone the repository
  2. Run yarn install
  3. After the installation, the icon components can be found in the src/icons-gen directory.
  4. To regenerate/update the components, run yarn generate.