eyedropper off icon
eyedropper-off from Material Design Icons by Pictogrammers · Filled · Science · Apache-2.0 Free for personal and commercial use.
- Name
- eyedropper-off
- Set
- Material Design Icons
- Style
- Filled
- Category
- Science
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More science icons from Material Design Icons
Use the eyedropper off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 7.24l-1.92 1.92l-4.24-4.24L16.76 3c1.17-1.17 3.07-1.17 4.24 0s1.17 3.07 0 4.24M10.94 8.82l1.42 1.42l.64-.64l1.4 1.4l-.64.64l1.42 1.42l.63-.63l1.41 1.42l2.13-2.13l-7.07-7.07l-2.13 2.13l1.42 1.41zm8.92 11.47l-1.28 1.28l-5.95-5.96l-4.53 4.53L3.5 22L2 20.5l1.86-4.6l4.53-4.53l-6.53-6.52l1.28-1.28zm-8.65-6.09l-1.4-1.41l-4.25 4.24L4.5 19.5l2.47-1.06z"/></svg>
React
import type { SVGProps } from "react";
export function MdiEyedropperOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 7.24l-1.92 1.92l-4.24-4.24L16.76 3c1.17-1.17 3.07-1.17 4.24 0s1.17 3.07 0 4.24M10.94 8.82l1.42 1.42l.64-.64l1.4 1.4l-.64.64l1.42 1.42l.63-.63l1.41 1.42l2.13-2.13l-7.07-7.07l-2.13 2.13l1.42 1.41zm8.92 11.47l-1.28 1.28l-5.95-5.96l-4.53 4.53L3.5 22L2 20.5l1.86-4.6l4.53-4.53l-6.53-6.52l1.28-1.28zm-8.65-6.09l-1.4-1.41l-4.25 4.24L4.5 19.5l2.47-1.06z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 7.24l-1.92 1.92l-4.24-4.24L16.76 3c1.17-1.17 3.07-1.17 4.24 0s1.17 3.07 0 4.24M10.94 8.82l1.42 1.42l.64-.64l1.4 1.4l-.64.64l1.42 1.42l.63-.63l1.41 1.42l2.13-2.13l-7.07-7.07l-2.13 2.13l1.42 1.41zm8.92 11.47l-1.28 1.28l-5.95-5.96l-4.53 4.53L3.5 22L2 20.5l1.86-4.6l4.53-4.53l-6.53-6.52l1.28-1.28zm-8.65-6.09l-1.4-1.41l-4.25 4.24L4.5 19.5l2.47-1.06z"/></svg> </template>
CSS
.icon-eyedropper-off {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21%207.24l-1.92%201.92l-4.24-4.24L16.76%203c1.17-1.17%203.07-1.17%204.24%200s1.17%203.07%200%204.24M10.94%208.82l1.42%201.42l.64-.64l1.4%201.4l-.64.64l1.42%201.42l.63-.63l1.41%201.42l2.13-2.13l-7.07-7.07l-2.13%202.13l1.42%201.41zm8.92%2011.47l-1.28%201.28l-5.95-5.96l-4.53%204.53L3.5%2022L2%2020.5l1.86-4.6l4.53-4.53l-6.53-6.52l1.28-1.28zm-8.65-6.09l-1.4-1.41l-4.25%204.24L4.5%2019.5l2.47-1.06z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21%207.24l-1.92%201.92l-4.24-4.24L16.76%203c1.17-1.17%203.07-1.17%204.24%200s1.17%203.07%200%204.24M10.94%208.82l1.42%201.42l.64-.64l1.4%201.4l-.64.64l1.42%201.42l.63-.63l1.41%201.42l2.13-2.13l-7.07-7.07l-2.13%202.13l1.42%201.41zm8.92%2011.47l-1.28%201.28l-5.95-5.96l-4.53%204.53L3.5%2022L2%2020.5l1.86-4.6l4.53-4.53l-6.53-6.52l1.28-1.28zm-8.65-6.09l-1.4-1.41l-4.25%204.24L4.5%2019.5l2.47-1.06z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/eyedropper-off.svg?color=%231a73e8&size=48
