InPrivate Account icon
Used to represent a private browsing account. The InPrivate Account icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the InPrivate Account 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 { InprivateAccount24Regular, InprivateAccount24Filled } from "@fluentui/react-icons";
export function Example() {
return <InprivateAccount24Regular aria-label="InPrivate Account" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_inprivate_account_24_regular.svg" width="24" height="24" alt="InPrivate Account"> 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="M17.7543 13.9999C18.9624 13.9999 19.948 14.9525 20.0009 16.1475L20.0001 16.25H12.0001L11.9997 15.499L6.25254 15.4999C5.83895 15.4999 5.50366 15.8352 5.50366 16.2488V16.8265C5.50366 17.3621 5.69477 17.8802 6.04263 18.2876C7.29594 19.7553 9.26182 20.5011 12.0001 20.5011V19.75L18.6422 19.751C17.0813 21.2569 14.8525 22.0011 12.0001 22.0011C8.85426 22.0011 6.46825 21.0959 4.90194 19.2617C4.32218 18.5827 4.00366 17.7193 4.00366 16.8265V16.2488C4.00366 15.0068 5.01052 13.9999 6.25254 13.9999H17.7543ZM19.4702 18.7512L12.0001 18.75V17.25L19.9789 17.2502C19.9181 17.7818 19.7443 18.2935 19.4702 18.7512ZM12.0001 2C13.6359 2 15.0881 2.78547 16.0003 3.99981L12.0001 4V3.5C10.0671 3.5 8.50012 5.067 8.50012 7C8.50012 8.933 10.0671 10.5 12.0001 10.5V10L15.9996 10.0012C15.0873 11.215 13.6354 12 12.0001 12C9.2387 12 7.00012 9.76142 7.00012 7C7.00012 4.23858 9.2387 2 12.0001 2ZM16.9754 7.5007C16.9228 8.02919 16.788 8.53347 16.5838 9.00053L12.0001 9V7.5L16.9754 7.5007ZM16.5843 5.00046C16.7883 5.46754 16.923 5.97182 16.9755 6.5003L12.0001 6.5V5L16.5843 5.00046Z" 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/inprivate_account_24_regular.svg";Details
| Name | InPrivate Account |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_inprivate_account_24_regular.svg |
| Filled file | ic_fluent_inprivate_account_24_filled.svg |
| React components | InprivateAccount24Regular, InprivateAccount24Filled |
| License | MIT (© Microsoft Corporation) |