Working with scalable vector graphics (SVGs) in Tinkercad just got a whole lot easier.
Last week, you may have seen our Send-to-Fusion for electronics release, which allows your students’ Circuits schematics can be exported with 1 click into a professional PCB design environment for further tooling, simulation, wiring, routing, and milling.
This week, as an extra huzzah before the holidays, we’re announcing major improvements to how SVG files can be imported and exported in Tinkercad! This means:
- More varieties of SVG files are supported by Tinkercad
- More robust and predictable imports
- New ability to send imported SVGs along with Scribble shapes incorporated into your Tinkercad designs into Fusion 360
To round out our knowledge, here’s our quick guide on everything you need to know about importing and exporting SVG files in Tinkercad:
Understanding SVG files
What is an SVG? SVG (Scalable Vector Graphics) is a vector image format for two-dimensional graphics. It is written in XML, so you can read it in any text editor. However, it is easier understood when viewed in your internet browser, as the SVG’s code is displayed as shapes!
What are the technical benefits to importing SVG files?
- SVGs are a common 2D vector format that can create unique shapes that might not be in Tinkercad—for example, your school logo.
- SVGs of all shapes and sizes can be found with a simple search on the internet, or drawn with software such as Inkscape (free), Google drawings (free), Adobe Illustrator, and many others.
- There are a variety of online image to SVG converters that can convert your images or photographs into SVG that can import into Tinkercad. Importing these can create unique, personalized shapes.
- Shapes that could be tricky to build with basic Tinkercad shapes are easier made with SVG imports.
What are the requirements for SVG imports? SVG files should only contain vectors or linework. Tinkercad does not support SVG import of image data, clipping paths, or fill data within the SVG. However, SVGs with fill color inside SVGs paths will be imported into Tinkercad. Also, the SVG must be under 4mb, as anything larger may be too complex to convert into 3D in one go.
When importing into Tinkercad, supported SVG elements include:
- Basic Shapes: <circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect>
- Symbols: <symbol>
- Variable definitions: <defs>
- Groups: <g>
- Markers: <marker>
- Paths: <path>
- Style definitions: <style>
When importing into Tinkercad, the following SVG elements will be discarded:
- Hyperlinks: <a>
- Animations: <animate>
- Clip paths: <clipPath>
- Filters: <filter>
- Texts: <text>, <title>, <tref>, <tspan>, <font>
- HTML tags: <foreignObject>
- Image: <image>
- Masks: <mask>
- Fill Patterns: <pattern>
- Scripts: <script>
- Dynamic attribute setting: <set>
- View: <view>
Note that SVG files with these tags can still be successfully imported into the 3D design space; the unsupported elements just won't be kept in Tinkercad. For example, if a path in the SVG contains a filter, the result of the filter will be not visible after the SVG is imported into the 3D design space.
Importing SVGs into Tinkercad
How do I import SVG files into Tinkercad? In the 3D design space, click on “Import” near the top right-hand corner of your screen.
This will bring up a window to drag and drop a file, or to import from a URL:
Adjust the import settings if necessary, then click “Import”.
If you have a specific size the for the SVG, then it can be adjusted with the Import settings to help match the intended dimensions in millimeters:
SVGs with closed paths will be a “solid” extruded 3D object for the outermost path, and alternate to a hole, solid, hole pattern for subsequent nested closed profiles within the outermost path:
Editing SVGs in Tinkercad
Imported SVGs will be extruded, and have “Height” and “Steps” parameters that can be adjusted in the Inspector:
Exporting SVGs from Tinkercad
Exporting a design from Tinkercad for viewing, making, or sharing is easy. When you click “Export”, you have several options for the format in which you will export your design.
What are the file types that can be exported from Tinkercad? Tinkercad export options include: STL, OBJ, GLTF, USDZ (iPad app only), and SVG. To learn more about these different file types, read the Zendesk article here.
How do I export SVG files from Tinkercad? Simply go to the top right-hand corner of your screen and click “Export” to reveal all export options, then click SVG:
The 2D profile of your design will be exported as lines where it intersects with the default workplane:
💡 Tinkertip: The SVG line-weight by default is exported from Tinkercad as .001mm, so it will be very hard to see if you open it on your web browser. We make the “stroke” parameter this thin, so a laser cutter will know to cut it with a vector cut by default (for most laser cutters). You may edit the stroke value at the end of the generated SVG in a text editor to something larger like .1mm, to be able to better visualize the result.
Importing and exporting SVG files are the same across the web and iPad app.
Share your feedback
Tinkercad was created to empower anyone in the world to learn how to design and make things, and shape the world around them. Educators make this all possible, and if there’s anything we can to improve the Tinkercad experience for the classroom, don’t hesitate to send your suggestions to firstname.lastname@example.org.
Thank you for choosing Tinkercad!