eyedropper icon
eyedropper-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- eyedropper-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the eyedropper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220 67.37a31.82 31.82 0 0 0-10-22.82c-12.46-11.8-32.66-11.33-45 1.05l-22.18 22.26l-2-2a20 20 0 0 0-28.28 0l-9 9a12 12 0 0 0 0 17l4.89 4.89l-53.88 53.77A35.81 35.81 0 0 0 45.42 186l-8.6 19.7a9.7 9.7 0 0 0 2 10.79A12 12 0 0 0 52.15 219l18.72-8.18a35.9 35.9 0 0 0 34.59-9.37l53.86-53.87l4.88 4.89a12 12 0 0 0 17 0l9-9a20 20 0 0 0 0-28.3l-2.06-2.06l22.55-22.69A31.75 31.75 0 0 0 220 67.37M99.81 195.78a28 28 0 0 1-28 7a4 4 0 0 0-2.78.15l-20 8.75a4 4 0 0 1-4.43-.84a1.73 1.73 0 0 1-.36-1.93l9.19-21.06a4 4 0 0 0 .12-2.88a27.87 27.87 0 0 1 6.74-28.77l53.85-53.87l39.6 39.61Zm79.78-85.47a4 4 0 0 0 0 5.65l4.89 4.89a12 12 0 0 1 0 17l-9 9a4 4 0 0 1-5.66 0L109.18 86.1a4 4 0 0 1 0-5.66l9-9a12 12 0 0 1 17 0l4.82 4.92a4 4 0 0 0 2.83 1.17a4 4 0 0 0 2.83-1.18l25-25.1c9.33-9.34 24.52-9.73 33.87-.89a24 24 0 0 1 .47 34.43Z"/></svg>
React
import type { SVGProps } from "react";
export function PhEyedropperThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220 67.37a31.82 31.82 0 0 0-10-22.82c-12.46-11.8-32.66-11.33-45 1.05l-22.18 22.26l-2-2a20 20 0 0 0-28.28 0l-9 9a12 12 0 0 0 0 17l4.89 4.89l-53.88 53.77A35.81 35.81 0 0 0 45.42 186l-8.6 19.7a9.7 9.7 0 0 0 2 10.79A12 12 0 0 0 52.15 219l18.72-8.18a35.9 35.9 0 0 0 34.59-9.37l53.86-53.87l4.88 4.89a12 12 0 0 0 17 0l9-9a20 20 0 0 0 0-28.3l-2.06-2.06l22.55-22.69A31.75 31.75 0 0 0 220 67.37M99.81 195.78a28 28 0 0 1-28 7a4 4 0 0 0-2.78.15l-20 8.75a4 4 0 0 1-4.43-.84a1.73 1.73 0 0 1-.36-1.93l9.19-21.06a4 4 0 0 0 .12-2.88a27.87 27.87 0 0 1 6.74-28.77l53.85-53.87l39.6 39.61Zm79.78-85.47a4 4 0 0 0 0 5.65l4.89 4.89a12 12 0 0 1 0 17l-9 9a4 4 0 0 1-5.66 0L109.18 86.1a4 4 0 0 1 0-5.66l9-9a12 12 0 0 1 17 0l4.82 4.92a4 4 0 0 0 2.83 1.17a4 4 0 0 0 2.83-1.18l25-25.1c9.33-9.34 24.52-9.73 33.87-.89a24 24 0 0 1 .47 34.43Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220 67.37a31.82 31.82 0 0 0-10-22.82c-12.46-11.8-32.66-11.33-45 1.05l-22.18 22.26l-2-2a20 20 0 0 0-28.28 0l-9 9a12 12 0 0 0 0 17l4.89 4.89l-53.88 53.77A35.81 35.81 0 0 0 45.42 186l-8.6 19.7a9.7 9.7 0 0 0 2 10.79A12 12 0 0 0 52.15 219l18.72-8.18a35.9 35.9 0 0 0 34.59-9.37l53.86-53.87l4.88 4.89a12 12 0 0 0 17 0l9-9a20 20 0 0 0 0-28.3l-2.06-2.06l22.55-22.69A31.75 31.75 0 0 0 220 67.37M99.81 195.78a28 28 0 0 1-28 7a4 4 0 0 0-2.78.15l-20 8.75a4 4 0 0 1-4.43-.84a1.73 1.73 0 0 1-.36-1.93l9.19-21.06a4 4 0 0 0 .12-2.88a27.87 27.87 0 0 1 6.74-28.77l53.85-53.87l39.6 39.61Zm79.78-85.47a4 4 0 0 0 0 5.65l4.89 4.89a12 12 0 0 1 0 17l-9 9a4 4 0 0 1-5.66 0L109.18 86.1a4 4 0 0 1 0-5.66l9-9a12 12 0 0 1 17 0l4.82 4.92a4 4 0 0 0 2.83 1.17a4 4 0 0 0 2.83-1.18l25-25.1c9.33-9.34 24.52-9.73 33.87-.89a24 24 0 0 1 .47 34.43Z"/></svg> </template>
CSS
.icon-eyedropper-thin {
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%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M220%2067.37a31.82%2031.82%200%200%200-10-22.82c-12.46-11.8-32.66-11.33-45%201.05l-22.18%2022.26l-2-2a20%2020%200%200%200-28.28%200l-9%209a12%2012%200%200%200%200%2017l4.89%204.89l-53.88%2053.77A35.81%2035.81%200%200%200%2045.42%20186l-8.6%2019.7a9.7%209.7%200%200%200%202%2010.79A12%2012%200%200%200%2052.15%20219l18.72-8.18a35.9%2035.9%200%200%200%2034.59-9.37l53.86-53.87l4.88%204.89a12%2012%200%200%200%2017%200l9-9a20%2020%200%200%200%200-28.3l-2.06-2.06l22.55-22.69A31.75%2031.75%200%200%200%20220%2067.37M99.81%20195.78a28%2028%200%200%201-28%207a4%204%200%200%200-2.78.15l-20%208.75a4%204%200%200%201-4.43-.84a1.73%201.73%200%200%201-.36-1.93l9.19-21.06a4%204%200%200%200%20.12-2.88a27.87%2027.87%200%200%201%206.74-28.77l53.85-53.87l39.6%2039.61Zm79.78-85.47a4%204%200%200%200%200%205.65l4.89%204.89a12%2012%200%200%201%200%2017l-9%209a4%204%200%200%201-5.66%200L109.18%2086.1a4%204%200%200%201%200-5.66l9-9a12%2012%200%200%201%2017%200l4.82%204.92a4%204%200%200%200%202.83%201.17a4%204%200%200%200%202.83-1.18l25-25.1c9.33-9.34%2024.52-9.73%2033.87-.89a24%2024%200%200%201%20.47%2034.43Z%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%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M220%2067.37a31.82%2031.82%200%200%200-10-22.82c-12.46-11.8-32.66-11.33-45%201.05l-22.18%2022.26l-2-2a20%2020%200%200%200-28.28%200l-9%209a12%2012%200%200%200%200%2017l4.89%204.89l-53.88%2053.77A35.81%2035.81%200%200%200%2045.42%20186l-8.6%2019.7a9.7%209.7%200%200%200%202%2010.79A12%2012%200%200%200%2052.15%20219l18.72-8.18a35.9%2035.9%200%200%200%2034.59-9.37l53.86-53.87l4.88%204.89a12%2012%200%200%200%2017%200l9-9a20%2020%200%200%200%200-28.3l-2.06-2.06l22.55-22.69A31.75%2031.75%200%200%200%20220%2067.37M99.81%20195.78a28%2028%200%200%201-28%207a4%204%200%200%200-2.78.15l-20%208.75a4%204%200%200%201-4.43-.84a1.73%201.73%200%200%201-.36-1.93l9.19-21.06a4%204%200%200%200%20.12-2.88a27.87%2027.87%200%200%201%206.74-28.77l53.85-53.87l39.6%2039.61Zm79.78-85.47a4%204%200%200%200%200%205.65l4.89%204.89a12%2012%200%200%201%200%2017l-9%209a4%204%200%200%201-5.66%200L109.18%2086.1a4%204%200%200%201%200-5.66l9-9a12%2012%200%200%201%2017%200l4.82%204.92a4%204%200%200%200%202.83%201.17a4%204%200%200%200%202.83-1.18l25-25.1c9.33-9.34%2024.52-9.73%2033.87-.89a24%2024%200%200%201%20.47%2034.43Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/eyedropper-thin.svg?color=%231a73e8&size=48
