I've found most of Apple's native touchbar icons in "/System/Library/CoreServices/SystemAppearance.bundle/Contents/Resources/Assets.car" and exported all I could find with Releases · alexzielenski/ThemeEngine · GitHub.
I've also named and sorted them for your ease of use.
Vote this thread up if you support this work!
I can't seem to find them within /System/Library/CoreServices/SystemAppearance.bundle/Contents/Resources/Assets.car .
You may need to get these icons externally, or dig deeper into macOS to find some. I don't have an experience with AirPods, does macOS even display their icon somewhere? If not, then it's probably not in the system.
This is great - way better than grabbing them individually from the .car file every time. Thank you for doing this!
The True Tone icon, by the way, is custom-made. I took the inner circle from the iPhone's True Tone icon and the outer "rays" from Apple's Night Shift Touch Bar icon to get what I assume is an icon identical to the native Touch Bar True Tone button if it existed.
fwiw, I've been trimming Apple's to fit in squares, but I also have my own system for sizing icons that does not use the standard Apple margins but still follows the Apple sizing guidelines. BTT definitely does not handle icons exactly like the native Touch Bar does, so I don't think Apple's margins will produce accurate results here.
All Touch Bar icons are between 18-22pt, sized to look optically similar (so standard @2x icon will be 36-44px):
If the aspect ratio of the icon is close to square, make the canvas size a square
2a. If the aspect ratio of the icon is wide (a la the show desktop icon), keep the canvas rectangular.
In BTT, as long as you have "keep aspect ratio" enabled, the height and width can be the same value and it will fit the icon inside the square.
Drop your trimmed icon into BTT and set the size between 18x18px and 22x22px.
@GoldenChaos
i’ve expanded some of the icons in v2 to a square. Usually its the ones that have the PDF counterpart in the folder.
Apple seems to always have an icon height of 60px (the heigt of the touch bar) but crop the width to the icon, which never exceeds 60px as per the guidelines.
When i found the PDF icons, they where no rules regarding their size apart from their top and bottom padding. some where 50px width and height, some where 100+, but they still had the top and bottom padding.
My system was:
go through all the files and equalise (square) the canvas size for each PDF (e.g. make the biggest width or height same as the smaller width or height)
save as PNG
open with preview
batch resize all heights to 60px.
my plan for v3 is to resize all icons to 60x60px, as per what is stated in the apple guidelines, ( to make resizing easier)
but maybe keep the cropped-width ones for ‘pro’ BTT users who want to mess with widths.
also take a look into photoshop, missed that one and clean it all up a little. I think i’ll sort it by what the icon is instead of the app it was found it in.
so yeh, thats coming soon. no promises about how soon though, just to let everyone know