SVG Triangle Generator
Generate equilateral, isosceles or right-angled SVG triangles with custom size, direction and colours, and copy clean scalable code.
Last reviewed by the Radiatus Cloud team
Generate a triangle as clean, scalable SVG code.
Need this done properly for your business?
Radiatus delivers secure cloud, DevOps & compliance engineering.
Generate triangles as SVG
Triangles are among the most useful basic shapes, appearing in arrows, play buttons, dividers and decorative patterns. This generator produces equilateral, right-angled or isosceles triangles pointing up, down, left or right, with your chosen size and colours. The equilateral option uses the exact height ratio so all three sides are equal, while the other types give you right angles or a tall symmetric shape.
The direction control rotates the triangle so you can point it whichever way your design needs.
Working with triangle SVG
Because the output is a single polygon, the triangle scales cleanly to any size and can be recoloured or styled with CSS. Triangles made this way are handy for CSS-free play icons, dropdown carets, ribbon ends and section dividers. The viewBox is sized to fit the shape exactly, so it drops neatly into a layout without extra whitespace.
The generated code is standards-compliant and self-contained. Everything is produced locally in your browser.
Notes
This SVG Triangle Generator tool runs entirely in your browser, so nothing you enter is uploaded or stored on a server. The generated output is plain, standards-compliant code that you can copy, paste, edit and reuse freely in your own projects, documents and designs without any attribution or sign-up.
Related tools
- EXIF Viewer — Extract hidden EXIF data (Camera, GPS, Settings) from images.
- Favicon Generator — Generate favicons and app icons at every required size from one source image, with the exact HTML to reference them.
- Placeholder Image Generator — Generate placeholder images at any size with custom colours and label text. Produced in your browser as downloadable files, no external hotlinking.
- Image Resizer — Resize images in your browser with aspect ratio control and format conversion. Files are processed locally and never uploaded.
Frequently Asked Questions
What triangle types are available?
Equilateral with three equal sides, right-angled with a ninety-degree corner, and isosceles with a tall symmetric shape.
Can the triangle point in any direction?
Yes. You can point it up, down, left or right, which is useful for arrows, carets and play buttons.
Is the equilateral triangle exact?
Yes. It uses the precise height ratio so all three sides are equal in length.
How do I recolour the triangle?
Edit the fill and stroke attributes in the generated SVG, or style the polygon with CSS.
Privacy & Security
Everything runs in your browser; nothing is uploaded.
How to Use
Choose the triangle type, size, direction and colours, then generate.
Disclaimer: This tool is provided "as is" without warranty of any kind. Results are for educational and utility purposes.
Related Tools
EXIF Viewer
ImageExtract hidden EXIF data (Camera, GPS, Settings) from images.
Favicon Generator
ImageGenerate favicons and app icons at every required size from one source image, with the exact HTML to reference them.
Placeholder Image Generator
ImageGenerate placeholder images at any size with custom colours and label text. Produced in your browser as downloadable files, no external hotlinking.