Window Fingerprint icon

Use the Window Fingerprint 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 { WindowFingerprint24Regular, WindowFingerprint24Filled } from "@fluentui/react-icons";

export function Example() {
  return <WindowFingerprint24Regular aria-label="Window Fingerprint" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_window_fingerprint_24_regular.svg" width="24" height="24" alt="Window Fingerprint">

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="M6.25 3C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H10.0253C9.70112 20.6824 9.5 20.2397 9.5 19.75V19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V8.5H19.5V11.8325C20.0516 12.1361 20.5561 12.5145 21 12.9542V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM19.5 7H4.5V6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V7ZM16.25 13.5C15.8059 13.5 15.3791 13.5679 14.9785 13.6933C14.5832 13.817 14.1624 13.5969 14.0387 13.2016C13.9149 12.8063 14.1351 12.3855 14.5304 12.2618C15.0743 12.0915 15.6522 12 16.25 12C18.3773 12 20.2338 13.1556 21.2276 14.8697C21.4353 15.2281 21.3132 15.687 20.9549 15.8947C20.5965 16.1025 20.1376 15.9804 19.9299 15.622C19.1934 14.3517 17.8207 13.5 16.25 13.5ZM12.6969 14.1534C13.0283 14.4019 13.0955 14.872 12.8471 15.2034C12.3149 15.9131 12 16.7937 12 17.75V19.75C12 20.1642 11.6642 20.5 11.25 20.5C10.8358 20.5 10.5 20.1642 10.5 19.75V17.75C10.5 16.4582 10.9269 15.264 11.6469 14.3036C11.8954 13.9722 12.3655 13.905 12.6969 14.1534ZM21.25 17C21.6642 17 22 17.3358 22 17.75V19.75C22 20.1642 21.6642 20.5 21.25 20.5C20.8358 20.5 20.5 20.1642 20.5 19.75V17.75C20.5 17.3358 20.8358 17 21.25 17ZM14.5349 17.3998C14.6967 16.6011 15.404 16 16.25 16C17.2165 16 18 16.7835 18 17.75V21.75C18 22.1642 18.3358 22.5 18.75 22.5C19.1642 22.5 19.5 22.1642 19.5 21.75V17.75C19.5 15.9551 18.0449 14.5 16.25 14.5C14.6764 14.5 13.3655 15.6176 13.0648 17.102C12.9825 17.508 13.2449 17.9037 13.6509 17.986C14.0569 18.0682 14.4526 17.8058 14.5349 17.3998ZM14.5 19.75C14.5 19.3358 14.1642 19 13.75 19C13.3358 19 13 19.3358 13 19.75V21.75C13 22.1642 13.3358 22.5 13.75 22.5C14.1642 22.5 14.5 22.1642 14.5 21.75V19.75ZM17 17.75C17 17.3358 16.6642 17 16.25 17C15.8358 17 15.5 17.3358 15.5 17.75V22.25C15.5 22.6642 15.8358 23 16.25 23C16.6642 23 17 22.6642 17 22.25V17.75Z" 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/window_fingerprint_24_regular.svg";

Details

Keywords

rectangleshapewebappwindowuifingerprintunique