This beginner-friendly, step-by-step guide will show you how you can create a SVG file from any combination of text, points, lines, or polygons in the layout view that you can save in a style file in PRO or as a custom symbol in AGOL. Additionally, I will demonstrate how to troubleshoot a common problem that may occur during the process. This workflow requires ArcGIS Pro and Adobe Illustrator with the ArcGIS Maps extension.
There is no Documents page for this community, so I have it posted in the Questions forum for now.
My car symbol looks messed up and so does the asterisk in my speed limit sign.
This is because they were not set to scale proportionally.
Open the Layers tab on the top right to see all the elements in your layout.
You can see there a bunch of <Clipping Paths>. We don't want those.
Select and delete all the clipping paths.
Now all your symbols should be looking as they should.
(If you have a lot of symbols to do you can group each symbol, highlight all of them and select Collect For Export -> As Multiple Assets, to collect all the symbols at once)
You should see your selected symbol in the assets tab like in the picture below.
You can change the name of the asset by double clicking the name under the icon.
Set an output path and make sure you change the format to SVG. Then click Export Asset.
Now you can save it into a style in ArcPRO or upload it as a custom symbol in AGOL.
This document is an alternate/updated version of the walkthrough provided by RobertKrisher which can be found here.