This is a generator for seven segment displays with up to 10 segments. This tool will be helpful when you are working with documentation for seven segment related projects.
Display Settings
(1-10)
Enter characters for each display (0-9, A-F, space, -, _)
6px
15px
Appearance
Preview
How to Use This Tool
Basic Usage
Use the Number of Displays option to set how many seven-segment displays you want (1-10).
Type the characters you want to display in each input field (0-9, A-F, space, -, _).
Customize the look using the Appearance section options.
Download as SVG or PNG when satisfied with your design.
Custom Mode
Enable Custom Mode to create unique patterns not limited to standard characters.
Click directly on any segment (including decimal points) to toggle it on/off.
Create custom symbols, letters, or patterns by turning specific segments on or off.
You can create different patterns for each display.
Styling Options
Segment Thickness: Adjust how thick or thin each segment appears.
Display Gap: Control the spacing between multiple displays.
Active/Inactive Colors: Set different colors for active and inactive segments.
Background Color: Change the display's background.
Decimal Points: Toggle visibility and change color of decimal points.
Export Options
Download SVG: Get your design as a scalable vector graphic (best for web use and further editing).
Download PNG: Export as a high-quality raster image (best for presentations, documents, etc).
Copy SVG Code: Copy the raw SVG code to paste directly into your HTML or design tool.
Tips
Use custom mode to create unique symbols or letters not included in the standard set.
For clock displays, try using two displays with a colon (represented by two decimal points) in between.
When making displays for different purposes, adjust colors to match your project's design scheme.
SVG format is recommended for web projects as it scales perfectly to any size.