Google Git
Sign in
chromium / devtools / devtools-frontend / main / . / front_end / Images
tree: e915a20edbdce8fcf593e0eff360e615a4d11394 [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. gdp-logo-dark.png
  12. gdp-logo-light.png
  13. generate-css-vars.js
  14. navigationControls.png
  15. navigationControls_2x.png
  16. nodeIcon.avif
  17. OWNERS
  18. popoverArrows.png
  19. readme.md
  20. rollup.config.mjs
  21. toolbarResizerVertical.png
  22. touchCursor.png
  23. 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_bundled_sources list in config/gni/devtools_grd_files.gni.

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