eyedropper icon
eyedropper-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- eyedropper-bold
- Set
- Phosphor
- Style
- Bold
- 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="M228 67.24a39.77 39.77 0 0 0-12.51-28.52c-15.58-14.72-40.78-14.22-56.2 1.21l-16.81 16.91a28 28 0 0 0-35.64 3.29l-9 9a20 20 0 0 0-.73 27.49L48.9 144.84A43.76 43.76 0 0 0 37 185.28l-7.5 17.19a17.66 17.66 0 0 0 3.71 19.65a19.9 19.9 0 0 0 22.15 4.19l16.31-7.13a43.88 43.88 0 0 0 39.45-12.09l48.24-48.26a20 20 0 0 0 27.47-.73l9-9a28.06 28.06 0 0 0 3.26-35.72l17.23-17.33A39.7 39.7 0 0 0 228 67.24M94.15 190.11a20 20 0 0 1-20 5a11.93 11.93 0 0 0-8.32.47l-8.83 3.8l3.69-8.38a12 12 0 0 0 .37-8.64a19.92 19.92 0 0 1 4.81-20.55l48.2-48.22l28.28 28.3Zm105.14-111l-25.37 25.52a12 12 0 0 0 0 16.95l4.88 4.89a4 4 0 0 1 0 5.66l-6.14 6.15l-55-55.05l6.14-6.14a4 4 0 0 1 5.65 0l4.9 4.91a12 12 0 0 0 8.49 3.51a12 12 0 0 0 8.5-3.51l24.94-25.08c6.3-6.3 16.48-6.63 22.71-.74a16 16 0 0 1 .3 23Z"/></svg>
React
import type { SVGProps } from "react";
export function PhEyedropperBold(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="M228 67.24a39.77 39.77 0 0 0-12.51-28.52c-15.58-14.72-40.78-14.22-56.2 1.21l-16.81 16.91a28 28 0 0 0-35.64 3.29l-9 9a20 20 0 0 0-.73 27.49L48.9 144.84A43.76 43.76 0 0 0 37 185.28l-7.5 17.19a17.66 17.66 0 0 0 3.71 19.65a19.9 19.9 0 0 0 22.15 4.19l16.31-7.13a43.88 43.88 0 0 0 39.45-12.09l48.24-48.26a20 20 0 0 0 27.47-.73l9-9a28.06 28.06 0 0 0 3.26-35.72l17.23-17.33A39.7 39.7 0 0 0 228 67.24M94.15 190.11a20 20 0 0 1-20 5a11.93 11.93 0 0 0-8.32.47l-8.83 3.8l3.69-8.38a12 12 0 0 0 .37-8.64a19.92 19.92 0 0 1 4.81-20.55l48.2-48.22l28.28 28.3Zm105.14-111l-25.37 25.52a12 12 0 0 0 0 16.95l4.88 4.89a4 4 0 0 1 0 5.66l-6.14 6.15l-55-55.05l6.14-6.14a4 4 0 0 1 5.65 0l4.9 4.91a12 12 0 0 0 8.49 3.51a12 12 0 0 0 8.5-3.51l24.94-25.08c6.3-6.3 16.48-6.63 22.71-.74a16 16 0 0 1 .3 23Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 67.24a39.77 39.77 0 0 0-12.51-28.52c-15.58-14.72-40.78-14.22-56.2 1.21l-16.81 16.91a28 28 0 0 0-35.64 3.29l-9 9a20 20 0 0 0-.73 27.49L48.9 144.84A43.76 43.76 0 0 0 37 185.28l-7.5 17.19a17.66 17.66 0 0 0 3.71 19.65a19.9 19.9 0 0 0 22.15 4.19l16.31-7.13a43.88 43.88 0 0 0 39.45-12.09l48.24-48.26a20 20 0 0 0 27.47-.73l9-9a28.06 28.06 0 0 0 3.26-35.72l17.23-17.33A39.7 39.7 0 0 0 228 67.24M94.15 190.11a20 20 0 0 1-20 5a11.93 11.93 0 0 0-8.32.47l-8.83 3.8l3.69-8.38a12 12 0 0 0 .37-8.64a19.92 19.92 0 0 1 4.81-20.55l48.2-48.22l28.28 28.3Zm105.14-111l-25.37 25.52a12 12 0 0 0 0 16.95l4.88 4.89a4 4 0 0 1 0 5.66l-6.14 6.15l-55-55.05l6.14-6.14a4 4 0 0 1 5.65 0l4.9 4.91a12 12 0 0 0 8.49 3.51a12 12 0 0 0 8.5-3.51l24.94-25.08c6.3-6.3 16.48-6.63 22.71-.74a16 16 0 0 1 .3 23Z"/></svg> </template>
CSS
.icon-eyedropper-bold {
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%22M228%2067.24a39.77%2039.77%200%200%200-12.51-28.52c-15.58-14.72-40.78-14.22-56.2%201.21l-16.81%2016.91a28%2028%200%200%200-35.64%203.29l-9%209a20%2020%200%200%200-.73%2027.49L48.9%20144.84A43.76%2043.76%200%200%200%2037%20185.28l-7.5%2017.19a17.66%2017.66%200%200%200%203.71%2019.65a19.9%2019.9%200%200%200%2022.15%204.19l16.31-7.13a43.88%2043.88%200%200%200%2039.45-12.09l48.24-48.26a20%2020%200%200%200%2027.47-.73l9-9a28.06%2028.06%200%200%200%203.26-35.72l17.23-17.33A39.7%2039.7%200%200%200%20228%2067.24M94.15%20190.11a20%2020%200%200%201-20%205a11.93%2011.93%200%200%200-8.32.47l-8.83%203.8l3.69-8.38a12%2012%200%200%200%20.37-8.64a19.92%2019.92%200%200%201%204.81-20.55l48.2-48.22l28.28%2028.3Zm105.14-111l-25.37%2025.52a12%2012%200%200%200%200%2016.95l4.88%204.89a4%204%200%200%201%200%205.66l-6.14%206.15l-55-55.05l6.14-6.14a4%204%200%200%201%205.65%200l4.9%204.91a12%2012%200%200%200%208.49%203.51a12%2012%200%200%200%208.5-3.51l24.94-25.08c6.3-6.3%2016.48-6.63%2022.71-.74a16%2016%200%200%201%20.3%2023Z%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%22M228%2067.24a39.77%2039.77%200%200%200-12.51-28.52c-15.58-14.72-40.78-14.22-56.2%201.21l-16.81%2016.91a28%2028%200%200%200-35.64%203.29l-9%209a20%2020%200%200%200-.73%2027.49L48.9%20144.84A43.76%2043.76%200%200%200%2037%20185.28l-7.5%2017.19a17.66%2017.66%200%200%200%203.71%2019.65a19.9%2019.9%200%200%200%2022.15%204.19l16.31-7.13a43.88%2043.88%200%200%200%2039.45-12.09l48.24-48.26a20%2020%200%200%200%2027.47-.73l9-9a28.06%2028.06%200%200%200%203.26-35.72l17.23-17.33A39.7%2039.7%200%200%200%20228%2067.24M94.15%20190.11a20%2020%200%200%201-20%205a11.93%2011.93%200%200%200-8.32.47l-8.83%203.8l3.69-8.38a12%2012%200%200%200%20.37-8.64a19.92%2019.92%200%200%201%204.81-20.55l48.2-48.22l28.28%2028.3Zm105.14-111l-25.37%2025.52a12%2012%200%200%200%200%2016.95l4.88%204.89a4%204%200%200%201%200%205.66l-6.14%206.15l-55-55.05l6.14-6.14a4%204%200%200%201%205.65%200l4.9%204.91a12%2012%200%200%200%208.49%203.51a12%2012%200%200%200%208.5-3.51l24.94-25.08c6.3-6.3%2016.48-6.63%2022.71-.74a16%2016%200%200%201%20.3%2023Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/eyedropper-bold.svg?color=%231a73e8&size=48
