Fingerprint icon

Use the 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 { Fingerprint24Regular, Fingerprint24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_fingerprint_24_regular.svg" width="24" height="24" alt="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="M14.8578 12.1577C15.4177 12.7311 15.7345 13.4257 15.964 14.3863L16.0634 14.8424L16.2425 15.7888C16.3315 16.2336 16.4004 16.4806 16.4967 16.6965C16.7974 17.3703 17.3268 18.0608 18.0922 18.7624C18.3975 19.0423 18.4181 19.5168 18.1382 19.8221C17.8583 20.1274 17.3839 20.148 17.0786 19.8681C16.1712 19.0363 15.5182 18.1847 15.1269 17.3078C14.9781 16.9742 14.8874 16.6573 14.7805 16.1279L14.5701 15.0273L14.5574 14.9671C14.3767 14.118 14.1534 13.5833 13.7846 13.2056C13.0719 12.4757 11.4279 12.6686 10.988 13.3643C10.4262 14.2526 10.2828 15.7602 10.7289 17.2799C11.0736 18.454 11.531 19.6094 12.1013 20.7466C12.287 21.1168 12.1374 21.5675 11.7672 21.7532C11.397 21.9389 10.9463 21.7893 10.7605 21.4191C10.1503 20.2025 9.65988 18.9634 9.28968 17.7024C8.72819 15.7896 8.91376 13.8377 9.72022 12.5625C10.6733 11.0555 13.4621 10.7283 14.8578 12.1577ZM12.4922 14.473C12.9062 14.4593 13.2529 14.7837 13.2667 15.1977C13.3182 16.7449 13.8214 18.2406 14.7108 19.5018L14.9073 19.7684L15.2074 20.1584C15.4601 20.4866 15.3988 20.9576 15.0706 21.2102C14.7722 21.4399 14.3558 21.4101 14.0928 21.1562L14.0188 21.0733L13.7186 20.6833C12.5155 19.1201 11.8331 17.219 11.7675 15.2475C11.7538 14.8335 12.0782 14.4868 12.4922 14.473ZM8.78288 9.3904C10.8947 7.82678 13.6572 7.91165 15.5154 9.10607C16.4453 9.70381 17.1496 10.4008 17.6178 11.1994C17.8273 11.5568 17.7074 12.0163 17.3501 12.2258C16.9927 12.4352 16.5332 12.3154 16.3237 11.9581C15.9821 11.3753 15.4457 10.8444 14.7043 10.3679C13.3418 9.4921 11.253 9.42793 9.67546 10.5959C8.03689 11.8091 7.34703 13.8872 7.55247 16.0778C7.66752 17.3047 8.03725 18.545 8.66567 19.8016C8.85093 20.1721 8.7008 20.6226 8.33032 20.8079C7.95985 20.9932 7.50934 20.843 7.32407 20.4726C6.61499 19.0546 6.19197 17.6355 6.05902 16.2178C5.8087 13.5486 6.66974 10.955 8.78288 9.3904ZM17.9626 13.6914C18.3763 13.6702 18.7289 13.9882 18.7502 14.4019C18.7812 15.005 18.9302 15.4981 19.1916 15.8948C19.4111 16.2279 19.6062 16.4203 19.7551 16.4945L19.816 16.5191C20.2125 16.639 20.4367 17.0576 20.3168 17.4541C20.197 17.8506 19.7784 18.0748 19.3819 17.9549C18.8354 17.7897 18.3653 17.3669 17.9391 16.7201C17.5234 16.0893 17.2963 15.3378 17.2522 14.479C17.2309 14.0653 17.549 13.7127 17.9626 13.6914ZM10.5105 6.10199C10.6805 6.47971 10.5121 6.92373 10.1344 7.09373C8.29423 7.92198 6.94021 9.10227 6.05073 10.6424C4.93749 12.57 4.6372 14.8233 4.88644 16.7225C4.94034 17.1332 4.6511 17.5098 4.24041 17.5637C3.82972 17.6176 3.45309 17.3283 3.39919 16.9176C3.11039 14.717 3.45385 12.1396 4.75179 9.89223C5.80361 8.071 7.3998 6.67962 9.51875 5.7259C9.89647 5.55589 10.3405 5.72427 10.5105 6.10199ZM12.8542 5.3149C14.6841 5.3524 16.5056 6.19326 18.3129 7.80126C20.1358 9.42317 21.2343 11.6279 21.6072 14.3815C21.6628 14.7919 21.3751 15.1697 20.9646 15.2253C20.5542 15.2809 20.1764 14.9932 20.1208 14.5827C19.7942 12.1712 18.8596 10.2955 17.3158 8.9219C15.7564 7.53441 14.2609 6.84404 12.8234 6.81458C12.4093 6.8061 12.0805 6.4635 12.089 6.04937C12.0975 5.63525 12.4401 5.30641 12.8542 5.3149ZM5.98269 5.3293C6.25817 5.63862 6.23075 6.1127 5.92143 6.38819C5.6533 6.62699 5.37195 6.91203 5.07817 7.2432C4.80183 7.55471 4.51874 7.95908 4.23185 8.45578C4.02468 8.81447 3.56597 8.93729 3.20728 8.73012C2.8486 8.52295 2.72578 8.06423 2.93295 7.70555C3.26742 7.12647 3.60747 6.64073 3.95606 6.24778C4.28721 5.87449 4.60952 5.54794 4.9238 5.26804C5.23312 4.99255 5.7072 5.01998 5.98269 5.3293ZM12.5682 2.36337C14.7609 2.46608 16.5974 3.06557 18.098 4.22429C18.4258 4.47745 18.4864 4.94845 18.2332 5.2763C17.98 5.60414 17.509 5.66468 17.1812 5.41152C15.9359 4.44989 14.3957 3.95062 12.4981 3.86173C10.5949 3.77258 9.03644 4.14581 7.78343 4.84076C7.39947 5.05372 6.96861 4.94715 6.75183 4.59419C6.53505 4.24124 6.63248 3.77783 6.99839 3.56259C8.53411 2.65925 10.3811 2.26092 12.5682 2.36337Z" 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/fingerprint_24_regular.svg";

Details

Keywords

scansecurityhand