Globe Person icon
Used in scenarios representing the internet & global representation scenarios. The Globe Person 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 Globe Person 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 { GlobePerson24Regular, GlobePerson24Filled } from "@fluentui/react-icons";
export function Example() {
return <GlobePerson24Regular aria-label="Globe Person" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_globe_person_24_regular.svg" width="24" height="24" alt="Globe Person"> 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="M22.0011 11.9996C22.0011 6.47589 17.5233 1.99805 11.9996 1.99805C6.47589 1.99805 1.99805 6.47589 1.99805 11.9996C1.99805 17.5233 6.47589 22.0011 11.9996 22.0011C12.5384 22.0011 13.0673 21.9585 13.583 21.8765C13.2314 21.3287 13.044 20.7192 13.0069 20.1034C12.6809 20.362 12.3411 20.5011 11.9996 20.5011C10.8461 20.5011 9.71273 18.9135 9.06069 16.4993L15.6273 16.4991C15.3223 16.0617 15.1146 15.5515 15.0355 14.9997H8.73778C8.58419 14.0694 8.49805 13.0591 8.49805 11.9996C8.49805 11.309 8.53465 10.6393 8.60267 9.99901H15.3965C15.4645 10.6393 15.5011 11.309 15.5011 11.9996C15.5011 12.2409 15.4967 12.4796 15.488 12.7154C15.8407 12.1211 16.3643 11.6401 16.991 11.3402C16.977 10.8846 16.9484 10.4368 16.9062 9.99897L20.2642 9.99811C20.3906 10.522 20.4685 11.0648 20.4929 11.6215C21.16 12.0844 21.6585 12.7733 21.8774 13.5775C21.9588 13.0635 22.0011 12.5365 22.0011 11.9996ZM4.78542 16.4998L7.50791 16.4999L7.60932 16.8949C7.92632 18.0643 8.35731 19.0906 8.87959 19.9104C7.17721 19.2384 5.74376 18.0328 4.78542 16.4998ZM3.73542 9.99895H7.09302C7.03051 10.6464 6.99805 11.3156 6.99805 11.9996C6.99805 13.0422 7.07347 14.0504 7.21577 14.9995L4.04261 14.9999C3.69064 14.0669 3.49805 13.0558 3.49805 11.9996C3.49805 11.3166 3.57858 10.6525 3.73066 10.0162L3.73542 9.99895ZM8.85774 4.09747L8.88065 4.08875C8.15807 5.221 7.61122 6.74693 7.29787 8.49972L4.24975 8.49935C5.15441 6.49949 6.81043 4.91218 8.85774 4.09747ZM11.8839 3.50335L11.9996 3.49805L12.1259 3.50436C13.3875 3.63033 14.6048 5.62914 15.1709 8.4993H8.82831C9.39603 5.62107 10.6185 3.6191 11.8839 3.50335ZM15.2264 4.2629L15.1196 4.08881L15.4108 4.21008C17.3338 5.05341 18.8848 6.58795 19.7494 8.49935L16.7013 8.49972C16.4038 6.83525 15.8957 5.37537 15.2264 4.2629ZM21 14.4991C21 15.8798 19.8807 16.9991 18.5 16.9991C17.1193 16.9991 16 15.8798 16 14.4991C16 13.1184 17.1193 11.9991 18.5 11.9991C19.8807 11.9991 21 13.1184 21 14.4991ZM23 19.8741C23 21.4306 21.7143 22.9991 18.5 22.9991C15.2857 22.9991 14 21.4365 14 19.8741V19.7711C14 18.792 14.7937 17.9991 15.7727 17.9991H21.2273C22.2063 17.9991 23 18.792 23 19.7711V19.8741Z" 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/globe_person_24_regular.svg";Details
| Name | Globe Person |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_globe_person_24_regular.svg |
| Filled file | ic_fluent_globe_person_24_filled.svg |
| React components | GlobePerson24Regular, GlobePerson24Filled |
| License | MIT (© Microsoft Corporation) |