Gentleface › Development › code-coverage

code-coverage icon

Code coverage: code coverage, test coverage, run with coverage. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.234 1.612C7.934 1.204 8.69 1 9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.111 13.881 6.697 13.642 7.259C13.403 7.821 13.064 8.314 12.625 8.738C12.523 8.836 12.405 8.884 12.268 8.881C12.132 8.879 12.016 8.827 11.918 8.726C11.888 8.695 11.863 8.663 11.842 8.629C11.822 8.541 11.799 8.454 11.775 8.367C11.778 8.232 11.829 8.116 11.93 8.019C12.272 7.689 12.536 7.305 12.721 6.868C12.907 6.431 13 5.975 13 5.5C13 5.055 12.918 4.625 12.754 4.212C12.576 3.762 12.317 3.367 11.975 3.025C11.633 2.683 11.238 2.424 10.788 2.246C10.375 2.082 9.945 2 9.5 2C8.87 2 8.282 2.159 7.737 2.476C7.193 2.794 6.765 3.227 6.455 3.775C6.392 3.886 6.301 3.961 6.183 4.001C6.123 3.999 6.061 3.998 6 3.998C5.95 3.998 5.901 3.999 5.851 4C5.825 3.99 5.799 3.978 5.773 3.964C5.653 3.896 5.574 3.795 5.538 3.662C5.501 3.529 5.516 3.402 5.584 3.282C5.984 2.577 6.534 2.02 7.234 1.612ZM1.351 8.159C1.605 7.517 1.976 6.952 2.464 6.464C2.952 5.975 3.517 5.604 4.159 5.35C4.75 5.116 5.364 4.998 6 4.998C6.636 4.998 7.25 5.116 7.841 5.35C8.483 5.604 9.048 5.975 9.536 6.464C10.024 6.952 10.395 7.517 10.649 8.159C10.883 8.751 11 9.364 11 10C11 10.636 10.883 11.249 10.649 11.841C10.395 12.483 10.024 13.048 9.536 13.536C9.048 14.025 8.483 14.396 7.841 14.65C7.25 14.884 6.636 15.002 6 15.002C5.364 15.002 4.75 14.884 4.159 14.65C3.517 14.396 2.952 14.025 2.464 13.536C1.976 13.048 1.605 12.483 1.351 11.841C1.117 11.25 1 10.636 1 10L1 10L1 10C1 9.364 1.117 8.75 1.351 8.159ZM2.28 11.473C2.484 11.987 2.781 12.439 3.171 12.829C3.562 13.22 4.014 13.517 4.527 13.721C5 13.908 5.491 14.002 6 14.002C6.509 14.002 7 13.908 7.473 13.721C7.986 13.517 8.438 13.22 8.829 12.829C9.219 12.439 9.516 11.987 9.72 11.473C9.907 11 10 10.509 10 10C10 9.491 9.907 9 9.72 8.527C9.516 8.013 9.219 7.561 8.829 7.171C8.438 6.78 7.986 6.483 7.473 6.279C7 6.092 6.509 5.998 6 5.998C5.491 5.998 5 6.092 4.527 6.279C4.014 6.483 3.562 6.78 3.171 7.171C2.781 7.561 2.484 8.013 2.28 8.527C2.093 9 2 9.491 2 10L2 10L2 10C2 10.509 2.093 11 2.28 11.473ZM8.146 8.146C8.246 8.047 8.364 7.997 8.5 7.997C8.636 7.997 8.754 8.047 8.854 8.146C8.953 8.246 9.003 8.364 9.003 8.5C9.003 8.636 8.953 8.754 8.854 8.854L5.854 11.854C5.754 11.953 5.636 12.003 5.5 12.003C5.364 12.003 5.246 11.953 5.146 11.854L3.146 9.854C3.047 9.754 2.997 9.636 2.997 9.5C2.997 9.364 3.047 9.246 3.146 9.146C3.244 9.049 3.362 9 3.5 9C3.638 9 3.756 9.049 3.854 9.146L5.5 10.793L8.146 8.146Z"/></svg>

React

// Gentleface "code-coverage" (line-round), MIT. https://gentleface.com/icons/code-coverage
import type { SVGProps } from 'react';

export function CodeCoverageIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.234 1.612C7.934 1.204 8.69 1 9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.111 13.881 6.697 13.642 7.259C13.403 7.821 13.064 8.314 12.625 8.738C12.523 8.836 12.405 8.884 12.268 8.881C12.132 8.879 12.016 8.827 11.918 8.726C11.888 8.695 11.863 8.663 11.842 8.629C11.822 8.541 11.799 8.454 11.775 8.367C11.778 8.232 11.829 8.116 11.93 8.019C12.272 7.689 12.536 7.305 12.721 6.868C12.907 6.431 13 5.975 13 5.5C13 5.055 12.918 4.625 12.754 4.212C12.576 3.762 12.317 3.367 11.975 3.025C11.633 2.683 11.238 2.424 10.788 2.246C10.375 2.082 9.945 2 9.5 2C8.87 2 8.282 2.159 7.737 2.476C7.193 2.794 6.765 3.227 6.455 3.775C6.392 3.886 6.301 3.961 6.183 4.001C6.123 3.999 6.061 3.998 6 3.998C5.95 3.998 5.901 3.999 5.851 4C5.825 3.99 5.799 3.978 5.773 3.964C5.653 3.896 5.574 3.795 5.538 3.662C5.501 3.529 5.516 3.402 5.584 3.282C5.984 2.577 6.534 2.02 7.234 1.612ZM1.351 8.159C1.605 7.517 1.976 6.952 2.464 6.464C2.952 5.975 3.517 5.604 4.159 5.35C4.75 5.116 5.364 4.998 6 4.998C6.636 4.998 7.25 5.116 7.841 5.35C8.483 5.604 9.048 5.975 9.536 6.464C10.024 6.952 10.395 7.517 10.649 8.159C10.883 8.751 11 9.364 11 10C11 10.636 10.883 11.249 10.649 11.841C10.395 12.483 10.024 13.048 9.536 13.536C9.048 14.025 8.483 14.396 7.841 14.65C7.25 14.884 6.636 15.002 6 15.002C5.364 15.002 4.75 14.884 4.159 14.65C3.517 14.396 2.952 14.025 2.464 13.536C1.976 13.048 1.605 12.483 1.351 11.841C1.117 11.25 1 10.636 1 10L1 10L1 10C1 9.364 1.117 8.75 1.351 8.159ZM2.28 11.473C2.484 11.987 2.781 12.439 3.171 12.829C3.562 13.22 4.014 13.517 4.527 13.721C5 13.908 5.491 14.002 6 14.002C6.509 14.002 7 13.908 7.473 13.721C7.986 13.517 8.438 13.22 8.829 12.829C9.219 12.439 9.516 11.987 9.72 11.473C9.907 11 10 10.509 10 10C10 9.491 9.907 9 9.72 8.527C9.516 8.013 9.219 7.561 8.829 7.171C8.438 6.78 7.986 6.483 7.473 6.279C7 6.092 6.509 5.998 6 5.998C5.491 5.998 5 6.092 4.527 6.279C4.014 6.483 3.562 6.78 3.171 7.171C2.781 7.561 2.484 8.013 2.28 8.527C2.093 9 2 9.491 2 10L2 10L2 10C2 10.509 2.093 11 2.28 11.473ZM8.146 8.146C8.246 8.047 8.364 7.997 8.5 7.997C8.636 7.997 8.754 8.047 8.854 8.146C8.953 8.246 9.003 8.364 9.003 8.5C9.003 8.636 8.953 8.754 8.854 8.854L5.854 11.854C5.754 11.953 5.636 12.003 5.5 12.003C5.364 12.003 5.246 11.953 5.146 11.854L3.146 9.854C3.047 9.754 2.997 9.636 2.997 9.5C2.997 9.364 3.047 9.246 3.146 9.146C3.244 9.049 3.362 9 3.5 9C3.638 9 3.756 9.049 3.854 9.146L5.5 10.793L8.146 8.146Z" />
    </svg>
  );
}

Vue

Vue: see /icons/code-coverage.md

Svelte

Svelte: see /icons/code-coverage.md

HTML img

HTML img: see /icons/code-coverage.md

CSS

CSS: see /icons/code-coverage.md

Data URL

Data URL: see /icons/code-coverage.md

Sprite

Sprite: see /icons/code-coverage.md

SwiftUI

SwiftUI: see /icons/code-coverage.md

Compose

Compose: see /icons/code-coverage.md

Android XML

Android XML: see /icons/code-coverage.md

Flutter

Flutter: see /icons/code-coverage.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

code coverage, test coverage, run with coverage

Tags

coverage, code-coverage, test, tests, covered, report, developer

Category

Development

Component name

CodeCoverageIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

More development icons

api api-gateway api-letters api-off api-sparkle binary binary-off braces braces-check braces-x brackets breakpoint breakpoint-conditional breakpoint-log bug bug-check · all development icons

For agents

Metadata: /icons/code-coverage.json · Markdown: /icons/code-coverage.md · SVG: https://gentleface.com/svg/{style}/16/code-coverage.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/code-coverage.png

code-coverage icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More development icons

For agents

code-coverage icon