Eye Crossed Icon SVG
Eye Crossed
Eye crossed SVG Icon Code | Customize color
You can get svg icon eye crossed in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeEye crossed
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="eyeCrossedIconTitle"> <title id="eyeCrossedIconTitle">Hidden (crossed eye)</title> <path d="M22 12C22 12 19 18 12 18C5 18 2 12 2 12C2 12 5 6 12 6C19 6 22 12 22 12Z"/> <circle cx="12" cy="12" r="3"/> <path d="M3 21L20 4"/> </svg> Eye crossed
DownloadSvg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="eyeCrossedIconTitle"> <title id="eyeCrossedIconTitle">Hidden (crossed eye)</title> <path d="M22 12C22 12 19 18 12 18C5 18 2 12 2 12C2 12 5 6 12 6C19 6 22 12 22 12Z"/> <circle cx="12" cy="12" r="3"/> <path d="M3 21L20 4"/> </svg> Eye crossed
DownloadSvg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="eyeCrossedIconTitle"> <title id="eyeCrossedIconTitle">Hidden (crossed eye)</title> <path d="M22 12C22 12 19 18 12 18C5 18 2 12 2 12C2 12 5 6 12 6C19 6 22 12 22 12Z"/> <circle cx="12" cy="12" r="3"/> <path d="M3 21L20 4"/> </svg> Eye crossed
DownloadSvg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="eyeCrossedIconTitle"> <title id="eyeCrossedIconTitle">Hidden (crossed eye)</title> <path d="M22 12C22 12 19 18 12 18C5 18 2 12 2 12C2 12 5 6 12 6C19 6 22 12 22 12Z"/> <circle cx="12" cy="12" r="3"/> <path d="M3 21L20 4"/> </svg> Eye crossed
DownloadSvg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="eyeCrossedIconTitle"> <title id="eyeCrossedIconTitle">Hidden (crossed eye)</title> <path d="M22 12C22 12 19 18 12 18C5 18 2 12 2 12C2 12 5 6 12 6C19 6 22 12 22 12Z"/> <circle cx="12" cy="12" r="3"/> <path d="M3 21L20 4"/> </svg> Advance Editor
You can edit eye crossed as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements