eyedropper sample icon

eyedropper-sample-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: eyedropper-sample-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eyedropper-sample eyedropper-sample-duotone eyedropper-sample-fill eyedropper-sample-light eyedropper-sample-thin

Use the eyedropper sample 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.89 43.89 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.25-35.71l17.24-17.34A39.7 39.7 0 0 0 228 67.24m-85.65 74.66l-6.06 6.1H79.73l34.34-34.36Zm-48.2 48.21a20 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.64a20 20 0 0 1-.65-10.36h51.88Zm105.14-111l-25.37 25.52a12 12 0 0 0 0 17l4.88 4.88a4 4 0 0 1 0 5.66l-6.14 6.15l-4.88-4.89l-45.23-45.29l-4.88-4.89l6.14-6.14a4 4 0 0 1 5.66 0l4.88 4.89a12 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 PhEyedropperSampleBold(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.89 43.89 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.25-35.71l17.24-17.34A39.7 39.7 0 0 0 228 67.24m-85.65 74.66l-6.06 6.1H79.73l34.34-34.36Zm-48.2 48.21a20 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.64a20 20 0 0 1-.65-10.36h51.88Zm105.14-111l-25.37 25.52a12 12 0 0 0 0 17l4.88 4.88a4 4 0 0 1 0 5.66l-6.14 6.15l-4.88-4.89l-45.23-45.29l-4.88-4.89l6.14-6.14a4 4 0 0 1 5.66 0l4.88 4.89a12 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.89 43.89 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.25-35.71l17.24-17.34A39.7 39.7 0 0 0 228 67.24m-85.65 74.66l-6.06 6.1H79.73l34.34-34.36Zm-48.2 48.21a20 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.64a20 20 0 0 1-.65-10.36h51.88Zm105.14-111l-25.37 25.52a12 12 0 0 0 0 17l4.88 4.88a4 4 0 0 1 0 5.66l-6.14 6.15l-4.88-4.89l-45.23-45.29l-4.88-4.89l6.14-6.14a4 4 0 0 1 5.66 0l4.88 4.89a12 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-sample-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.89%2043.89%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.25-35.71l17.24-17.34A39.7%2039.7%200%200%200%20228%2067.24m-85.65%2074.66l-6.06%206.1H79.73l34.34-34.36Zm-48.2%2048.21a20%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.64a20%2020%200%200%201-.65-10.36h51.88Zm105.14-111l-25.37%2025.52a12%2012%200%200%200%200%2017l4.88%204.88a4%204%200%200%201%200%205.66l-6.14%206.15l-4.88-4.89l-45.23-45.29l-4.88-4.89l6.14-6.14a4%204%200%200%201%205.66%200l4.88%204.89a12%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.89%2043.89%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.25-35.71l17.24-17.34A39.7%2039.7%200%200%200%20228%2067.24m-85.65%2074.66l-6.06%206.1H79.73l34.34-34.36Zm-48.2%2048.21a20%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.64a20%2020%200%200%201-.65-10.36h51.88Zm105.14-111l-25.37%2025.52a12%2012%200%200%200%200%2017l4.88%204.88a4%204%200%200%201%200%205.66l-6.14%206.15l-4.88-4.89l-45.23-45.29l-4.88-4.89l6.14-6.14a4%204%200%200%201%205.66%200l4.88%204.89a12%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-sample-bold.svg?color=%231a73e8&size=48