Welcome to the Onshape forum! Ask questions and join in the discussions about everything Onshape.
First time visiting? Here are some places to start:- Looking for a certain topic? Check out the categories filter or use Search (upper right).
- Need support? Ask a question to our Community Support category.
- Please submit support tickets for bugs but you can request improvements in the Product Feedback category.
- Be respectful, on topic and if you see a problem, Flag it.
If you would like to contact our Community Manager personally, feel free to send a private message or an email.
download high-res Onshape official icons
I'm looking for a way to download full-res versions of the icons used in the UI, everything from the folder icon to the extrude feature icon. I'm building out a best practices document for our internal use and would like to incorporate the same icons that everyone is used to seeing in Onshape.
Another reason I'd like to see them larger is to imitate the style for my own custom feature icons.
I know for many of them I can zoom in and screenshot, but I'm wondering if there's an easier/better way to get them that's less labor-intensive.
Another reason I'd like to see them larger is to imitate the style for my own custom feature icons.
I know for many of them I can zoom in and screenshot, but I'm wondering if there's an easier/better way to get them that's less labor-intensive.
Evan Reese
0
Best Answers
-
john_mcclary
Member, Developers Posts: 3,936 PRO
That's the problem with websites.. everything is exposed
Ctrl+Shift+I
Then start digging...
7 -
MBartlett21
Member, OS Professional, Developers Posts: 2,050 ✭✭✭✭✭
@Evan_Reese
All the Part Studio icons, etc are stored in a file called icons.min.svg. You can then view the source of the page and just copy the region (including <symbol> tags) pertaining to the specific icon that you want. You can then replace the <symbol> tags with <svg> tags, keeping the viewbox attribute on the opening tag and adding a width="200px" to the first tag to enlarge the icon.3
Answers
Ctrl+Shift+I
Then start digging...
Hope I don't get in trouble for pointing out browser tools (⊙_⊙;)
That's helpful. I see a number of icons, but am I being dense for not seeing ones like the Part Studio Icon or the feature icons? Are they maybe linked in from somewhere else or something? Let's just say that everything I know about JS I've learned by fumbling through featurescript, so the answer might be very basic.
All the Part Studio icons, etc are stored in a file called icons.min.svg. You can then view the source of the page and just copy the region (including <symbol> tags) pertaining to the specific icon that you want. You can then replace the <symbol> tags with <svg> tags, keeping the viewbox attribute on the opening tag and adding a width="200px" to the first tag to enlarge the icon.
IR for AS/NZS 1100
PhD, Mechanical Engineering, Stanford University
Learn more about the Gospel of Christ ( Here )
CADSharp - We make custom features and integrated Onshape apps! Learn How to FeatureScript Here 🔴
Learn more about the Gospel of Christ ( Here )
CADSharp - We make custom features and integrated Onshape apps! Learn How to FeatureScript Here 🔴
Only worked one at a time for me, probably due to my slow connection atm.
Learn more about the Gospel of Christ ( Here )
CADSharp - We make custom features and integrated Onshape apps! Learn How to FeatureScript Here 🔴
PhD, Mechanical Engineering, Stanford University
To get the url, the first element on an Onshape page under
<body os-application-fullframe>is<div ng-include="'/images/icons.v1.4.178.min.svg'" class="os-svgmin-container"></div>IR for AS/NZS 1100