eye close icon
eye-close from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- eye-close
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
The same icon in other sets
Use the eye close icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="m15.398 7.23l1.472-1.472C18.749 6.842 20 8.34 20 10c0 3.314-4.958 5.993-10 6a14.7 14.7 0 0 1-3.053-.32l1.747-1.746q.64.067 1.303.066h.002c-.415 0-.815-.063-1.191-.18l1.981-1.982c.47-.202.847-.579 1.05-1.049l1.98-1.981A4 4 0 0 1 10.022 14C14.267 13.985 18 11.816 18 10c0-.943-1.022-1.986-2.602-2.77m-9.302 3.645A4 4 0 0 1 9.993 6C5.775 5.985 2 8.178 2 10c0 .896.904 1.877 2.327 2.644L2.869 14.1C1.134 13.028 0 11.585 0 10c0-3.314 4.984-6.017 10-6c.914.003 1.827.094 2.709.262l-1.777 1.776q-.435-.033-.88-.038q.424.007.823.096l-4.78 4.779zM19.092.707a1 1 0 0 1 0 1.414l-16.97 16.97a1 1 0 1 1-1.415-1.413L17.677.708a1 1 0 0 1 1.415 0z"/></svg>
React
import type { SVGProps } from "react";
export function JamEyeClose(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="m15.398 7.23l1.472-1.472C18.749 6.842 20 8.34 20 10c0 3.314-4.958 5.993-10 6a14.7 14.7 0 0 1-3.053-.32l1.747-1.746q.64.067 1.303.066h.002c-.415 0-.815-.063-1.191-.18l1.981-1.982c.47-.202.847-.579 1.05-1.049l1.98-1.981A4 4 0 0 1 10.022 14C14.267 13.985 18 11.816 18 10c0-.943-1.022-1.986-2.602-2.77m-9.302 3.645A4 4 0 0 1 9.993 6C5.775 5.985 2 8.178 2 10c0 .896.904 1.877 2.327 2.644L2.869 14.1C1.134 13.028 0 11.585 0 10c0-3.314 4.984-6.017 10-6c.914.003 1.827.094 2.709.262l-1.777 1.776q-.435-.033-.88-.038q.424.007.823.096l-4.78 4.779zM19.092.707a1 1 0 0 1 0 1.414l-16.97 16.97a1 1 0 1 1-1.415-1.413L17.677.708a1 1 0 0 1 1.415 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="m15.398 7.23l1.472-1.472C18.749 6.842 20 8.34 20 10c0 3.314-4.958 5.993-10 6a14.7 14.7 0 0 1-3.053-.32l1.747-1.746q.64.067 1.303.066h.002c-.415 0-.815-.063-1.191-.18l1.981-1.982c.47-.202.847-.579 1.05-1.049l1.98-1.981A4 4 0 0 1 10.022 14C14.267 13.985 18 11.816 18 10c0-.943-1.022-1.986-2.602-2.77m-9.302 3.645A4 4 0 0 1 9.993 6C5.775 5.985 2 8.178 2 10c0 .896.904 1.877 2.327 2.644L2.869 14.1C1.134 13.028 0 11.585 0 10c0-3.314 4.984-6.017 10-6c.914.003 1.827.094 2.709.262l-1.777 1.776q-.435-.033-.88-.038q.424.007.823.096l-4.78 4.779zM19.092.707a1 1 0 0 1 0 1.414l-16.97 16.97a1 1 0 1 1-1.415-1.413L17.677.708a1 1 0 0 1 1.415 0z"/></svg> </template>
CSS
.icon-eye-close {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-2%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.398%207.23l1.472-1.472C18.749%206.842%2020%208.34%2020%2010c0%203.314-4.958%205.993-10%206a14.7%2014.7%200%200%201-3.053-.32l1.747-1.746q.64.067%201.303.066h.002c-.415%200-.815-.063-1.191-.18l1.981-1.982c.47-.202.847-.579%201.05-1.049l1.98-1.981A4%204%200%200%201%2010.022%2014C14.267%2013.985%2018%2011.816%2018%2010c0-.943-1.022-1.986-2.602-2.77m-9.302%203.645A4%204%200%200%201%209.993%206C5.775%205.985%202%208.178%202%2010c0%20.896.904%201.877%202.327%202.644L2.869%2014.1C1.134%2013.028%200%2011.585%200%2010c0-3.314%204.984-6.017%2010-6c.914.003%201.827.094%202.709.262l-1.777%201.776q-.435-.033-.88-.038q.424.007.823.096l-4.78%204.779zM19.092.707a1%201%200%200%201%200%201.414l-16.97%2016.97a1%201%200%201%201-1.415-1.413L17.677.708a1%201%200%200%201%201.415%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-2%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.398%207.23l1.472-1.472C18.749%206.842%2020%208.34%2020%2010c0%203.314-4.958%205.993-10%206a14.7%2014.7%200%200%201-3.053-.32l1.747-1.746q.64.067%201.303.066h.002c-.415%200-.815-.063-1.191-.18l1.981-1.982c.47-.202.847-.579%201.05-1.049l1.98-1.981A4%204%200%200%201%2010.022%2014C14.267%2013.985%2018%2011.816%2018%2010c0-.943-1.022-1.986-2.602-2.77m-9.302%203.645A4%204%200%200%201%209.993%206C5.775%205.985%202%208.178%202%2010c0%20.896.904%201.877%202.327%202.644L2.869%2014.1C1.134%2013.028%200%2011.585%200%2010c0-3.314%204.984-6.017%2010-6c.914.003%201.827.094%202.709.262l-1.777%201.776q-.435-.033-.88-.038q.424.007.823.096l-4.78%204.779zM19.092.707a1%201%200%200%201%200%201.414l-16.97%2016.97a1%201%200%201%201-1.415-1.413L17.677.708a1%201%200%200%201%201.415%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/eye-close.svg?color=%231a73e8&size=48
