angular__angular/src/lib/checkbox/checkbox.html

<label class="md-checkbox-layout">
  <div class="md-checkbox-inner-container">
    <input class="md-checkbox-input md-visually-hidden" type="checkbox"
           [id]="inputId"
           [required]="required"
           [checked]="checked"
           [disabled]="disabled"
           [name]="name"
           [tabIndex]="tabindex"
           [indeterminate]="indeterminate"
           [attr.aria-label]="ariaLabel"
           [attr.aria-labelledby]="ariaLabelledby"
           (focus)="_onInputFocus()"
           (blur)="_onInputBlur()"
           (change)="_onInteractionEvent($event)"
           (click)="_onInputClick($event)">
    <div md-ripple *ngIf="!_isRippleDisabled()" class="md-checkbox-ripple"
         [md-ripple-trigger]="getHostElement()"
         [md-ripple-centered]="true"
         [md-ripple-speed-factor]="0.3"
         md-ripple-background-color="rgba(0, 0, 0, 0)"></div>
    <div class="md-checkbox-frame"></div>
    <div class="md-checkbox-background">
      <svg version="1.1"
           class="md-checkbox-checkmark"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 24 24"
           xml:space="preserve">
        <path class="md-checkbox-checkmark-path"
              fill="none"
              stroke="white"
              d="M4.1,12.7 9,17.6 20.3,6.3"/>
      </svg>
      <!-- Element for rendering the indeterminate state checkbox. -->
      <div class="md-checkbox-mixedmark"></div>
    </div>
  </div>
  <span class="md-checkbox-label">
    <ng-content></ng-content>
  </span>
</label>