Eye Tracking Off icon

Use the Eye Tracking Off icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { EyeTrackingOff24Regular, EyeTrackingOff24Filled } from "@fluentui/react-icons";

export function Example() {
  return <EyeTrackingOff24Regular aria-label="Eye Tracking Off" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_eye_tracking_off_24_regular.svg" width="24" height="24" alt="Eye Tracking Off">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L2.3466 3.40726C2.12399 3.80438 1.99707 4.26237 1.99707 4.75001V8.25234L2.00392 8.35411C2.05358 8.72019 2.36737 9.00234 2.74707 9.00234C3.16128 9.00234 3.49707 8.66656 3.49707 8.25234V4.75001L3.50352 4.6222C3.50528 4.60488 3.5074 4.58765 3.50986 4.57054L7.1851 8.24586C6.87013 8.47849 6.5908 8.72357 6.34469 8.96968C5.79018 9.52418 5.40882 10.0786 5.16468 10.4971C5.04233 10.7068 4.95353 10.884 4.89398 11.0123C4.86418 11.0765 4.84162 11.1286 4.82577 11.1666C4.81785 11.1856 4.8116 11.2012 4.80696 11.2129L4.80118 11.2277C4.79905 11.2333 4.63944 11.9783 5.23667 12.2023C5.62356 12.3473 6.05472 12.1521 6.2012 11.7662L6.202 11.7641L6.21039 11.7435C6.21896 11.723 6.23351 11.6892 6.25449 11.644C6.2965 11.5535 6.36395 11.4182 6.46035 11.2529C6.65371 10.9214 6.95985 10.4758 7.40535 10.0303C7.64639 9.78929 7.92961 9.54664 8.26059 9.32137L9.75443 10.8152C8.98764 11.4573 8.5 12.4217 8.5 13.5C8.5 15.433 10.067 17 12 17C13.0783 17 14.0427 16.5124 14.6847 15.7456L19.4283 20.4893C19.3691 20.4979 19.3086 20.5023 19.2471 20.5023H15.7471L15.6453 20.5092C15.2792 20.5589 14.9971 20.8726 14.9971 21.2523C14.9971 21.6666 15.3329 22.0023 15.7471 22.0023H19.2471L19.4146 21.9973C19.8401 21.9718 20.2395 21.8495 20.5911 21.6521L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM13.6167 14.6776C13.253 15.1761 12.6643 15.5 12 15.5C10.8954 15.5 10 14.6046 10 13.5C10 12.8357 10.3239 12.247 10.8224 11.8833L13.6167 14.6776ZM11.4501 8.26814L10.1217 6.93974C10.6928 6.81889 11.3177 6.75001 12 6.75001C14.7257 6.75001 16.5348 7.84916 17.6553 8.96968C18.2099 9.52418 18.5912 10.0786 18.8354 10.4971C18.9577 10.7068 19.0465 10.884 19.1061 11.0123C19.1359 11.0765 19.1584 11.1286 19.1743 11.1666C19.1822 11.1856 19.1884 11.2012 19.1931 11.2129L19.1988 11.2277L19.2008 11.2329L19.2016 11.235L19.2023 11.2367C19.3477 11.6245 19.1512 12.0568 18.7634 12.2023C18.3769 12.3472 17.9472 12.1443 17.798 11.7642L17.7896 11.7435C17.7896 11.7435 17.7665 11.6892 17.7455 11.644C17.7035 11.5535 17.6361 11.4182 17.5397 11.2529C17.3463 10.9214 17.0402 10.4758 16.5947 10.0303C15.7152 9.15086 14.2743 8.25001 12 8.25001C11.811 8.25001 11.6278 8.25623 11.4501 8.26814ZM21.9971 18.8153L20.4971 17.3153V15.75C20.4971 15.3358 20.8329 15 21.2471 15C21.6268 15 21.9406 15.2822 21.9902 15.6482L21.9971 15.75V18.8153ZM6.68208 3.50001L5.18211 2.00001H8.24707C8.66128 2.00001 8.99707 2.3358 8.99707 2.75001C8.99707 3.1297 8.71492 3.4435 8.34884 3.49316L8.24707 3.50001H6.68208ZM2.74707 15C3.12677 15 3.44056 15.2822 3.49022 15.6482L3.49707 15.75V19.2523L3.50352 19.3801C3.56327 19.9684 4.03097 20.4361 4.61927 20.4959L4.74707 20.5023H8.24707L8.34884 20.5092C8.71492 20.5589 8.99707 20.8726 8.99707 21.2523C8.99707 21.632 8.71492 21.9458 8.34884 21.9955L8.24707 22.0023H4.74707L4.57955 21.9973C3.19641 21.9142 2.08889 20.8088 2.0025 19.4265L1.99707 19.2523V15.75L2.00392 15.6482C2.05358 15.2822 2.36737 15 2.74707 15ZM19.2471 2.00001L19.4146 2.00503C20.7977 2.08814 21.9053 3.19358 21.9916 4.57584L21.9971 4.75001V8.25234L21.9902 8.35411C21.9406 8.72019 21.6268 9.00234 21.2471 9.00234C20.8674 9.00234 20.5536 8.72019 20.5039 8.35411L20.4971 8.25234V4.75001L20.4906 4.6222C20.4309 4.0339 19.9632 3.56621 19.3749 3.50646L19.2471 3.50001H15.7471L15.6453 3.49316C15.2792 3.4435 14.9971 3.1297 14.9971 2.75001C14.9971 2.37031 15.2792 2.05652 15.6453 2.00686L15.7471 2.00001H19.2471Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/eye_tracking_off_24_regular.svg";

Details

Keywords

blinkpupilshowhide