Semantic Search

Semantic Search allows to search for SVGs in SVGStud.io that best match a text-query. Note that this checks for similarity of search query to the SVG's actual content, not only its prompt. For instance, searching for "chimpanzee" will also return SVGs that have been generated from prompts such as "monkey", "gibbon", or "orangutan" By increasing the "Aesthetics Weight", one can get results in a different order such that top-ranked results are considered more aesthetic according to the internal aesthetics heuristic of SVGStud.io. Near duplicate removal can optionally be activated by checking "deduplication". By selecting one of the search results, this SVG gets loaded in the results panel on the right side. Once loaded into this pane, the SVG can be converted to DXF and EPS format. Moreover, the SVG's preview can be changed to display the SVG on a t-shirt, mug, or pillow. The SVG can also be used as an image-query as follows: click on "Use as Image Query", toggle the search panel to "Image-based Search", and "Search". Note that Image-based search can be based on any image (not necessarily an SVG) and also be based on sketches. For instance, a rough sketch of an "arrow through a heart" is sufficient to find corresponding SVGs:

AI SVG Generator

If you do not find an SVG that matches your needs in the database of SVGStud.io, give our AI SVG Generator a try.

Text Prompting

The simplest way to use the AI SVG Generator is to instruct it with a text prompt such as "friendly alien with smartphone": The number of generated SVGs can be controlled by the "Number of Samples" slider.

Note that the generated SVGs contain a medium level of details. The detail level can be controlled manually, ranging from "minimal" over "low", "standard", "high" to "maximal". Some exemplary results for the different levels of detail:

Similar to the detail level, the AI SVG Generator also allows selecting different styles for the generated SVGs:

• default
• cartoon style
• contour
• icon
• line art
• logo
• manga style
• paper cut
• silhouette

Once prompt, detail level and style have been chosen, a number of SVGs are generated. By selecting one of these generated SVGs, this SVG gets loaded in the results panel on the right side. Once loaded into this pane, the SVG can be converted to DXF and EPS format. Moreover, the SVG's preview can be changed to display the SVG on a t-shirt, mug, or pillow. We provide some precomputed examples of text prompting in different styles at the bottom of the AI SVG Generator.

Image Prompting

By clicking on "Use as Image Guidance", the SVG can be loaded into the generator again and be further refined. For instance, if an SVG generated for the concept "angry robot" with standard detail level contains too many details but the overall structure is as desired, one can load the SVG as image guidance, set the detail level to minimal, and generate again. This will generate a similar SVG with less detail (original on the left, reduced detail SVG on the right): How close the new SVGs stays to the original one can be controlled by the "Flexibility" slider under the advanced options. We have set it to 0.95 for this example.

Another way of editing SVGs is to draw a mask directly into the image guidance. In this case, only the masked region will be regenerated while the rest remains unchanged. For instance, if a user is satisfied with the head of the "angry robot" but not with its body, they can draw a red mask over the body and regenerate the SVGs:

Prompting Guide

SVGStud.io's SVG Generator utilizes Stable Diffusion XL with CLIP text encoding to transform textual descriptions into vector art. While the generator functions similarly to Stable Diffusion XL, certain aspects like style and detail level are controlled through dedicated drop-down menus, allowing you to focus your prompt on the core content and composition. Follow these steps for effective prompting:

1. Start with the Subject:
   Identify the main subject of your SVG image. Be clear and specific. For instance, instead of "a dog," use "a golden retriever puppy" or "a majestic eagle in flight".
2. Add Context and Scene Elements:
   Describe the environment or scene where the subject is located. This can include background elements, weather, time of day, or other contextual details. Example: "A golden retriever puppy playing in a grassy park with a bright sky".
3. Specify Attributes and Actions:
   Include any specific attributes or actions of the subject. If the subject should be doing something, specify that clearly. Example: "A majestic eagle soaring above snow-capped mountains".
4. Avoid Unnecessary Styling Instructions:
   Do not include style or detail level in your prompt. These are managed through the drop-down menus on SVGStud.io, allowing you to adjust the artistic style and level of detail independently of your textual input.
5. Be Concise but Descriptive:
   Keep your prompt clear and to the point. Too many unnecessary details can lead to confusing or muddled results. Focus on what's important for the image.
6. Experiment and Iterate:
   Refine your prompts based on the output. Experiment with different wordings or additional details to achieve the desired result.

Example Prompts:

• Simple Subject: "A lighthouse on a rocky shore"

• Detailed Scene: "A cozy cabin surrounded by pine trees under a starry night sky"

• Action-Oriented: "A dolphin leaping out of the ocean"

Summary:

Remember, the SVG Generator's power lies in its ability to interpret concise, descriptive prompts and translate them into vector art. By focusing on the core elements of your desired scene and utilizing the drop-down menus for style and detail, you can create high-quality SVGs efficiently.

Gallery

SVGStud.io.'s gallery is an infinite-scroll view of all SVGs contained in SVGStud.io. Simply scroll through the SVGs, perfect for serendipity.
The gallery also allows to filter by style:

• Default style Gallery
• Cartoon style Gallery
• Contour style Gallery
• Icon style Gallery
• Line art style Gallery
• Logo style Gallery
• Manga style Gallery
• Paper cut style Gallery
• Silhouette style Gallery

Moreover, the gallery can also be filtered by prompt, such as filter for the prompt "pineapple and sunglasses": By clicking any of the displayed SVGs, you will get to a separate page showing information regarding this SVG. The SVG can be downloaded here as well as a PNG-rendered version of it. Users that are logged-in can also bookmark SVGs that they can then access later via their personal site. Moreover, the respective SVG can be used as starting point for searching similar SVGs via the semantic search, or as image prompt for the AI SVG Generator, where it can be further edited based on text prompts and (optional) image masks. At the bottom of the page, a preview of the 25 most similar SVGs is displayed.

Bundles

Browse through all SVG bundles contained in SVGStud.io. You can narrow down the bundles by providing a prefix for bundle names. The SVG bundles also can be filtered by style:

• Default style bundles
• Cartoon style bundles
• Contour style bundles
• Icon style bundles
• Line Art style bundles
• Logo style bundles
• Manga style bundles
• Paper Cut style bundles
• Silhouette style bundles

By clicking any of the displayed SVG Bundles, you will get to a separate information page showing information regarding the SVG Bundle.

Signing in

SVGStud.io allows usage of its core services for anonymous users. However, some premium features require creating a user via signing in via Huggingface. Signed-in users have a personal gallery containing all their prior SVG generations and their bookmarked SVGs. Moreover, their daily usage limit of the AI SVG Generator is increased compared to users that are not logged in.