Eye Icon SVG

Eye SVG Icons refers one of the two organs of your body that you use to see with. the ability to see something. Eye SVG :- 1. with awareness or contemplation of with an eye to the future and 2. with the object of built the house with an eye to adding on later.

Get Free Eye Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the Eye Icon SVG file (HMTL/CSS) in different colors and sizes. Eye SVG icon white, black, red, green, blue, transparent, and other colors.

Eye Icon Svg Code | Path | Download

Download free Eye SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Eye Icon SVG code in HTML/Css from below.

Eye SVG Icon Code | Customize color

You can get svg icon eye in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Eye

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"> <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/> <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/> </svg>

Eye

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"> <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/> <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/> </svg>

Eye

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"> <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/> <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/> </svg>

Eye

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"> <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/> <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/> </svg>

Eye

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"> <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/> <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/> </svg>

Advance Editor

You can edit eye as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Tags

feeling,mind,taste,view,appreciation,belief,conviction,discernment,discrimination,perception,persuasion,recognition,scrutiny,sentiment,surveillance,

How to add Eye SVG Icon?

Here are the five important steps to add this SVG icon.

Customize your Eye SVG Icon color, size, and shape.
Click on the download Eye SVG Code File Button.
Now, SVG Eye Icon will be downloaded to your device.
Upload this Eye icon SVG file in your desired projects.
Eye SVG Icon uses - Websites, Apps, PPT, & Other Projects.

Advertisements

Eye SVG Related Icons

Here are some related svg icons matching to Eye.

emoji-heart-eyes

emoji-heart-eyes-fill

face-rolling-eyes

search-eye-fill

search-eye-line

eye-closed-bold

eyedropper-bold

eyedropper-sample-bold

eyeglasses-bold

smiley-x-eyes-bold

eye-closed-thin

eyedropper-sample-thin

eyedropper-thin

eyeglasses-thin

smiley-x-eyes-thin

eye-closed-light

eye-slash-light

eyedropper-light

eyedropper-sample-light

eyeglasses-light

smiley-x-eyes-light

eye-closed-fill

eyedropper-fill

eyedropper-sample-fill

eyeglasses-fill

smiley-x-eyes-fill

eye-closed-duotone

eye-slash-duotone

eyedropper-duotone

eyedropper-sample-duotone

eyeglasses-duotone

hand-eye-duotone

smiley-x-eyes-duotone

eye-off-outline

eyedrop-outline

eye-off-2-outline

face-with-smiling-open-eyes

grinning-face-with-squinting-eyes

grinning-face-with-tightly-closed-eyes-open-mouth

smiling-face-with-squinting-eyes

winking-face-with-open-eyes

Eye Icon SVG - Faq(s)?

⭐Can I get Free Eye Icon SVG?

Yes, you can get free Eye SVG icons.

⭐ How to download free Eye Icon SVG code?

To download free Eye icons in SVG code click on the copy code button.

⭐How to find the Eye Icon SVG path file?

You can get the Eye SVG file path from the above section.

⭐ What are the colors available for SVG Eye Icon?

You can check the Eye SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.

Advertisements

You may like these icons

Looking For More Icons?