Person Tentative icon
Used in a wide range of scenarios - representing a general person, a contact, contact lists, sharing, and managing access. The Person Tentative 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 Person Tentative 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 { PersonTentative24Regular, PersonTentative24Filled } from "@fluentui/react-icons";
export function Example() {
return <PersonTentative24Regular aria-label="Person Tentative" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_person_tentative_24_regular.svg" width="24" height="24" alt="Person Tentative"> 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="M11.314 15.4996C11.4864 14.966 11.7259 14.4626 12.0226 13.9993L4.25391 13.9999C3.01127 13.9999 2.00391 15.0073 2.00391 16.2499V17.1573C2.00391 18.25 2.48056 19.2884 3.30918 20.0008C4.87205 21.3445 7.11087 22.0011 10.0004 22.0011C10.9423 22.0011 11.8153 21.9313 12.6175 21.7905C12.2512 21.374 11.9374 20.9103 11.6885 20.4101C11.1618 20.4706 10.5992 20.5011 10.0004 20.5011C7.44117 20.5011 5.54516 19.945 4.28707 18.8634C3.7899 18.4359 3.50391 17.8129 3.50391 17.1573V16.2499C3.50391 15.8357 3.83969 15.4999 4.25391 15.4999L11.314 15.4996ZM15.0004 7.00464C15.0004 4.24321 12.7618 2.00464 10.0004 2.00464C7.23894 2.00464 5.00036 4.24321 5.00036 7.00464C5.00036 9.76606 7.23894 12.0046 10.0004 12.0046C12.7618 12.0046 15.0004 9.76606 15.0004 7.00464ZM6.50036 7.00464C6.50036 5.07164 8.06737 3.50464 10.0004 3.50464C11.9334 3.50464 13.5004 5.07164 13.5004 7.00464C13.5004 8.93764 11.9334 10.5046 10.0004 10.5046C8.06737 10.5046 6.50036 8.93764 6.50036 7.00464ZM17.439 12.0004C14.4496 12.0327 12.0323 14.4499 12 17.4393L17.439 12.0004ZM13.1165 20.8228C12.7632 20.3576 12.4824 19.8344 12.2907 19.27L19.2696 12.291C19.834 12.4827 20.3572 12.7636 20.8225 13.1168L13.1165 20.8228ZM14.1772 21.8835C14.6425 22.2367 15.1657 22.5175 15.7301 22.7092L22.7088 15.7305C22.5171 15.1661 22.2363 14.6428 21.8831 14.1775L14.1772 21.8835ZM22.9993 17.5613C22.9667 20.5502 20.5499 22.9671 17.5609 22.9997L22.9993 17.5613Z" 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/person_tentative_24_regular.svg";Details
| Name | Person Tentative |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_person_tentative_24_regular.svg |
| Filled file | ic_fluent_person_tentative_24_filled.svg |
| React components | PersonTentative24Regular, PersonTentative24Filled |
| License | MIT (© Microsoft Corporation) |