heroicons + sidekickicons

Face Id icon

face-id

A face inside scanning corners, for Face ID, facial recognition and biometric sign-in.

Component
FaceIdIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
face recognition, facial recognition, biometric, scan, unlock, login, authentication, security, identity

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 7.5V6A2.25 2.25 0 0 1 6 3.75h1.5M20.25 7.5V6A2.25 2.25 0 0 0 18 3.75h-1.5M3.75 16.5V18A2.25 2.25 0 0 0 6 20.25h1.5m12.75-3.75V18A2.25 2.25 0 0 1 18 20.25h-1.5m-8.25-12v2.25m7.5-2.25v2.25M12 8.25v5.25h-1.125m-2.25 2.625a4.773 4.773 0 0 0 6.75 0" />
</svg>

Download

face-id icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Face Id icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Face ID on Face ID on

Badges · Micro

History

  1. Added in Sidekickicons 0.21.0 .

Related icons

More Sidekickicons