Three Directions color filled icon
Arrow branching into three arrowheads pointing up, left and right inside a double circle
Related tags
About the Three Directions color filled icon
A single vertical line rises from the bottom of a double-ringed circle and branches into three arrowheads: one straight up and two curving outward to the left and right. It expresses a fork in the road, branching paths and a choice between options. Use it in navigation and routing apps, workflow or decision diagrams, strategy slides, onboarding screens with multiple tracks and site maps.
The two side arrows mirror each other in a shallow curve, keeping the shape symmetrical, while the inner and outer rings frame it as a badge. It pairs with single arrow, crossroads and compass icons in the same set. Center it optically on the vertical stem when placing it in a button.
This is the colour filled version of the three directions icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
