What is the orange tick called? - briefly
The orange symbol is a checkmark, often referred to as an orange checkmark. It indicates a selected or approved item in the interface.
What is the orange tick called? - in detail
The symbol is a check mark rendered in orange. In design terminology it is simply an “orange checkmark” or “orange tick icon.” The underlying glyph is the standard check mark (Unicode U+2713 ✔ or U+2714 ✅), with the orange hue applied through CSS, SVG styling, or a graphic asset.
Typical applications of the orange‑colored check include:
- Warning or caution status – orange conveys a non‑critical issue that still requires attention, so the check indicates a completed step that may need review.
- Progress indication – in task‑tracking tools, an orange check often marks tasks that are finished but not yet verified as final.
- User‑interface feedback – forms or dialogs may replace the default green success indicator with orange to differentiate between standard success and a conditional or provisional success state.
From a UI‑pattern perspective, the element belongs to the “status icon” family. Its name in design systems (e.g., Material Design, Fluent UI) is usually “status‑check” with a color modifier, such as statusCheckOrange or iconCheckWarning. The color is not part of the semantic name; it is a styling attribute that can be altered without changing the underlying component name.
In code, the orange check is often implemented as:
<span class="icon-check" style="color:#FFA500;"></span>or, using an SVG:
<svg fill="#FFA500" viewBox="0 0 24 24">
<path d="M9 16.2l-3.5-3.5L4 14l5 5L20 8l-1.5-1.5z"/>
</svg>Thus, the orange tick is identified as an orange‑styled checkmark, a visual cue that combines the universal check symbol with a warning‑oriented color.