What is the pink tick called? - briefly
The pink tick is commonly called a pink checkmark. In interface design it is referred to as a checkmark icon rendered in pink.
What is the pink tick called? - in detail
The pink checkmark is a visual indicator styled with a pink hue. In design specifications it is referred to as a “pink checkmark icon” or “pink tick symbol.” Its purpose is to confirm completion, approval, or successful status.
Technical identification
- Unicode characters commonly used:
• U+2714 HEAVY CHECK MARK (✔)
• U+2705 WHITE HEAVY CHECK MARK (✅)
• U+2611 BALLOT BOX WITH CHECK (☑) - Color is applied via CSS, SVG fill, or platform theme (e.g.,
color: #ff69b4;
).
Platform usage
- iOS and Android UI kits include a pink‑colored variant for brand‑specific confirmations.
- Web frameworks (Bootstrap, Material‑UI) allow custom color classes such as
.text-pink
applied to the checkmark element. - Messaging services that offer premium features sometimes replace the standard blue check with a pink version to denote a paid verification badge.
Design considerations
- Maintain sufficient contrast (minimum 4.5:1 against background) to meet accessibility standards.
- Use the icon at a size of 16 px – 24 px for typical UI elements; larger sizes (32 px +) suit headings or status banners.
- Pair with concise text (e.g., “Completed,” “Verified”) to reinforce meaning.
Implementation example (HTML/CSS)
<span class="icon-check" aria-label="Success"></span>
.icon-check::before {
content: "\2714";
font-size: 20px;
color: #ff69b4; /* pink */
}
The term “pink checkmark” accurately describes the element across documentation, design systems, and codebases.