Need a universal “approved” symbol that still reads at tiny sizes? Grab a crisp tick from check mark and ship UI states that feel clear, fast, and consistent across platforms.
What’s in the set
You get a wide range of ticks: solid, outline, rounded, heavy‑weight, circle‑enclosed, badge variants, and minimal glyphs for toolbars. Each icon is available as SVG for infinite scaling and PNG with a transparent background. Popular pixel sizes include 16, 20, 24, 32, 48, 64, 128, 256, and 512, so you can match density buckets for web, iOS, and Android without manual resizing. Colors include neutral monochrome, success green, and UI‑friendly tones designed to stay legible on light and dark surfaces.
Where to use it
Use a tick to confirm form submissions, mark steps as complete, flag verified profiles, label passed checks in audit tables, or signal success in toast messages. Product teams inline SVG in React, Vue, or Angular to keep requests low and rendering pixel‑perfect on Retina. Designers drop vectors into Figma or Sketch to tweak color, corner radius, and stroke weight in seconds. For decks and email banners, a 256 or 512 PNG is quick to place and renders reliably across clients.
Download and licensing
Pick the style, choose a size, then download SVG or PNG. Use is free with attribution, or select a commercial license to remove credit for client or enterprise work. Predictable file names and clean exports slide straight into CMS libraries, sprites, and CI pipelines with no renaming ritual.
Accessibility and performance
Give files descriptive names like check-mark.svg or tick-24.png. Add alt text such as “check mark icon” so screen readers announce the symbol correctly. When inlining SVGs, include a <title> element and a relevant role. Cache vectors, compress PNGs, and lazy‑load non‑critical media to keep Core Web Vitals healthy on icon‑heavy pages.
Design tips
At very small sizes, prefer filled ticks over thin outlines to prevent shimmer. Keep color contrast high against the background; if you use green for success, check the contrast ratio over light gray surfaces. Maintain generous padding so the tick doesn’t collide with labels. For avatars or compact UI, use the circle‑enclosed variant to create a clear hit area.
Keywords to target naturally
check mark icon, checkmark, tick icon, done icon, success icon, approval icon, verified badge, checkbox icon, check icon PNG, check mark SVG, green checkmark, white check mark, vector tick, rounded check, UI status icons, completion icon.
