Dynamic SVG Icons Generator

How to generate SVGs

Use the following URL format:

Example: /generate_svg?font_size=30&text=Hello+World&text_length=5&fill_color=%23ff0000&text_color=%23ffffff&shape=circle

This request would generate an SVG image with the text "HW" (shortened from "Hello World") in a font size of 30, with a red fill color and white text color, in a circle shape.

• text: The text to be displayed on the SVG. Mandatory. Max length: 20 characters.
• shape: The shape to use (circle/square/square_rounded/diamond). Default is circle.
• font_size: The size of the text in pixels. Default is 30 px.
• text_length: The maximum length of the text. Defines how many characters the image will contain at most, but it is the algorithm that ultimately decides how many letters to put. Default is 3.
  If the text you send is less than or equal to text_length, the text as you sent it will be used.
• fill_color: The color of the background shape. Hex encoded rgb color (#FF0000 -> %23FF0000)
• text_color: The color of the text. Hex encoded rgb color (#FFFFFF -> %23FFFFFF)

If you don't specify a fill_color or text_color, the script will generate a different random one that has sufficient contrast with the other color for every request.

If you omit both colors, the script will generate two different random colors with enough contrast for every request.