Google Git
Sign in
chromium / devtools / devtools-frontend.git / HEAD / . / front_end / Images
tree: 059ab862e092e31aa48bdffafad3221e79487c97 [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. geminiInDevTools.png
  14. geminiInDevTools_2x.png
  15. generate-css-vars.js
  16. navigationControls.png
  17. navigationControls_2x.png
  18. nodeIcon.avif
  19. OWNERS
  20. popoverArrows.png
  21. readme.md
  22. rollup.config.mjs
  23. toolbarResizerVertical.png
  24. touchCursor.png
  25. 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: