Face Id Error Icon SVG
Face Id Error
Face id error SVG Icon Code | Customize color
You can get svg icon face id error in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-face-id-error" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" /> <path d="M4 16v2a2 2 0 0 0 2 2h2" /> <path d="M16 4h2a2 2 0 0 1 2 2v2" /> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" /> <path d="M9 10h.01" /> <path d="M15 10h.01" /> <path d="M9.5 15.05a3.5 3.5 0 0 1 5 0" /> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-face-id-error" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="white"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="white"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="white"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="white"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="white"></path> <path d="M9 10h.01" fill="white"></path> <path d="M15 10h.01" fill="white"></path> <path d="M9.5 15.05a3.5 3.5 0 0 1 5 0" fill="white"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-face-id-error" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="red"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="red"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="red"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="red"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="red"></path> <path d="M9 10h.01" fill="red"></path> <path d="M15 10h.01" fill="red"></path> <path d="M9.5 15.05a3.5 3.5 0 0 1 5 0" fill="red"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-face-id-error" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="blue"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="blue"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="blue"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="blue"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="blue"></path> <path d="M9 10h.01" fill="blue"></path> <path d="M15 10h.01" fill="blue"></path> <path d="M9.5 15.05a3.5 3.5 0 0 1 5 0" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-face-id-error" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="#f3da35"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="#f3da35"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="#f3da35"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="#f3da35"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="#f3da35"></path> <path d="M9 10h.01" fill="#f3da35"></path> <path d="M15 10h.01" fill="#f3da35"></path> <path d="M9.5 15.05a3.5 3.5 0 0 1 5 0" fill="#f3da35"></path> </svg> Advance Editor
You can edit face id error as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements