Embed this icon within HTML

Copy and paste the following SVG code into your HTML file where you want the icon to appear. Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.7551 8.10234C20.1657 9.67436 20 11 20 11C20 14 21 18 21 18M4.08327 10.0224C4.38137 7.88795 5.74671 3 12 3C14.9681 3 16.8486 3.87009 18.036 5.03637M6 21C6 21 4.58859 18.8829 4.13711 14.0558M16.0807 12.9918C16.3185 15.9556 17 18 17 18M8.51635 15.9902C8.22114 14.6585 8 12.9951 8 11C8 11 8 7 12 7C14.0105 7 15.0105 8.01051 15.5078 9.01573M10 20C10 20 9.76843 19.6527 9.46289 18.958M12 11C12 17 14 20 14 20" />
</svg>

Using as a React Component

You can integrate this icon in your React application using our React icons components. First install the package using YARN or NPM:

$ yarn add @josemi-icons/react

Now you can import this icon in your React application

import {FingerprintIcon} from "@josemi-icons/react";

Alternatively, if you only need this icon jou can just copy and paste the following component into your React application:

const FingerprintIcon = () => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
        <path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19.7551 8.10234C20.1657 9.67436 20 11 20 11C20 14 21 18 21 18M4.08327 10.0224C4.38137 7.88795 5.74671 3 12 3C14.9681 3 16.8486 3.87009 18.036 5.03637M6 21C6 21 4.58859 18.8829 4.13711 14.0558M16.0807 12.9918C16.3185 15.9556 17 18 17 18M8.51635 15.9902C8.22114 14.6585 8 12.9951 8 11C8 11 8 7 12 7C14.0105 7 15.0105 8.01051 15.5078 9.01573M10 20C10 20 9.76843 19.6527 9.46289 18.958M12 11C12 17 14 20 14 20" />
    </svg>
);

You can now use the icon component in your React application like any other React component.