SVG Glyphs for Disclosure Triangle

If your browser supports SVG Fonts, the glyphs should look identical to the SVG images. Otherwise, your browser will use the fallback font.

SVG ImageSVG FontSystem FontCode PointName
(SVG image) test▸ test▸ testU+25B8BLACK RIGHT-POINTING SMALL TRIANGLE
(SVG image) test▾ test▾ testU+25BEBLACK DOWN-POINTING SMALL TRIANGLE
(SVG image) test◂ test◂ testU+25C2BLACK LEFT-POINTING SMALL TRIANGLE
(SVG image) test▶ test▶ testU+25B6BLACK RIGHT-POINTING TRIANGLE
(SVG image) test▼ test▼ testU+25BCBLACK DOWN-POINTING TRIANGLE
(SVG image) test◀ test◀ testU+25C0BLACK LEFT-POINTING TRIANGLE

The SVG glyphs are all equilateral triangles, positioned carefully with their centre point set at the same position as the others of the same size. This means that when the glyphs are swapped, they give the appearance of rotating around the center, instead of jumping strangely.

Triangle Point calculator

This script calculates the points for the triangles at the specified size, used for creating the SVG glyphs.