Google Git
Sign in
chromium / devtools / devtools-frontend / 251e2a06113d228b2022a07587ed2cf9f74a6a8c / . / front_end / Images
tree: 5f407667a2228c318ca9032fce75abe826fd1b79 [path history] [tgz]
  1. src/
  2. accelerometer-bottom.png
  3. accelerometer-left.png
  4. accelerometer-right.png
  5. accelerometer-top.png
  6. BUILD.gn
  7. chromeLeft.avif
  8. chromeMiddle.avif
  9. chromeRight.avif
  10. cssoverview_icons_2x.avif
  11. generate-css-vars.js
  12. navigationControls.png
  13. navigationControls_2x.png
  14. nodeIcon.avif
  15. OWNERS
  16. popoverArrows.png
  17. readme.md
  18. rollup.config.mjs
  19. toolbarResizerVertical.png
  20. touchCursor.png
  21. touchCursor_2x.png
front_end/Images/readme.md

Adding new icons:

  1. Copy the SVG file into front_end/Images/src, using hyphen-case, ideally just take the name that the icon has in the Material icon set.

  2. Add respective entries to .gni files.

    • Update the devtools_image_files list in config/gni/devtools_image_files.gni.
    • Update the grd_files_release_sources list in config/gni/devtools_grd_files.gni.

  3. Use Icon component in the DevTools front-end: