I justed started trying to make my own SF symbols today and am having a little trouble getting it to work correctly. I downloaded a variable template, made a few edits (putting a circle around a music note, nothing crazy), and exported and validated the template (no problems). But when I finally import the custom symbol into the SF Symbols app, it just appears as a filled circle. I reviewed the Apple documentation and WWDC video on this and don't know what I'm doing wrong. The template of my custom symbol should be styled and organized just like the ones that are exported from the app—groups named with the font weight and curves within those groups.
My exported SVG template is here; what I see in SF Symbols is here. Any help would be appreciated. This is driving me crazy!