Person Starburst icon
Used in custom shaped placeholder avatars in UI. The Person Starburst 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 Starburst 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 { PersonStarburst24Regular, PersonStarburst24Filled } from "@fluentui/react-icons";
export function Example() {
return <PersonStarburst24Regular aria-label="Person Starburst" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_person_starburst_24_regular.svg" width="24" height="24" alt="Person Starburst"> 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="M10.1688 2.17028C10.0622 2.11778 9.95228 2.07226 9.83976 2.03398C8.40189 1.54486 6.83976 2.31396 6.35063 3.75183L5.89017 5.10543C5.7652 5.4728 5.47671 5.7613 5.10933 5.88627L3.75573 6.34673C3.64322 6.385 3.5333 6.43053 3.42667 6.48303C2.06408 7.15389 1.50333 8.80233 2.17419 10.1649L2.80573 11.4477C2.97714 11.7958 2.97714 12.2038 2.80573 12.5519L2.17419 13.8347C2.12169 13.9413 2.07616 14.0512 2.03789 14.1637C1.54876 15.6016 2.31787 17.1637 3.75573 17.6528L5.10933 18.1133C5.47671 18.2383 5.7652 18.5268 5.89017 18.8941L6.35063 20.2477C6.38891 20.3603 6.43444 20.4702 6.48694 20.5768C7.1578 21.9394 8.80623 22.5002 10.1688 21.8293L11.4516 21.1977C11.7997 21.0263 12.2077 21.0263 12.5558 21.1977L13.8386 21.8293C13.9452 21.8818 14.0551 21.9273 14.1676 21.9656C15.6055 22.4547 17.1676 21.6856 17.6568 20.2477L18.1172 18.8941C18.2422 18.5268 18.5307 18.2383 18.8981 18.1133L20.2517 17.6528C20.3642 17.6146 20.4741 17.569 20.5807 17.5165C21.9433 16.8457 22.5041 15.1972 21.8332 13.8347L21.2017 12.5519C21.0303 12.2038 21.0303 11.7958 21.2017 11.4477L21.8332 10.1649C21.8857 10.0583 21.9312 9.94837 21.9695 9.83585C22.4586 8.39799 21.6895 6.83585 20.2517 6.34673L18.8981 5.88627C18.5307 5.7613 18.2422 5.4728 18.1172 5.10543L17.6568 3.75183L17.5939 3.58509L17.5205 3.42276C16.8496 2.06018 15.2012 1.49942 13.8386 2.17028L12.5558 2.80183C12.2077 2.97323 11.7997 2.97323 11.4516 2.80183L10.1688 2.17028ZM7.31026 5.5885L7.77072 4.2349C7.99305 3.58133 8.70311 3.23173 9.35668 3.45406C9.40783 3.47146 9.45779 3.49216 9.50626 3.51602L10.789 4.14757C11.5549 4.52465 12.4525 4.52465 13.2184 4.14757L14.5011 3.51602C15.0818 3.23014 15.7766 3.4363 16.1125 3.97352L16.1747 4.08533L16.2081 4.15911L16.2367 4.2349L16.6971 5.5885C16.9721 6.39672 17.6068 7.03142 18.415 7.30635L19.7686 7.76681C20.4222 7.98914 20.7717 8.6992 20.5494 9.35278C20.532 9.40392 20.5113 9.45389 20.4875 9.50235L19.8559 10.7851C19.4788 11.551 19.4788 12.4486 19.8559 13.2145L20.4875 14.4972C20.7924 15.1166 20.5375 15.8659 19.9182 16.1708C19.8697 16.1947 19.8197 16.2154 19.7686 16.2328L18.415 16.6932C17.6068 16.9682 16.9721 17.6029 16.6971 18.4111L16.2367 19.7647C16.0143 20.4182 15.3043 20.7678 14.6507 20.5455C14.5996 20.5281 14.5496 20.5074 14.5011 20.4836L13.2184 19.852C12.4525 19.4749 11.5549 19.4749 10.789 19.852L9.50626 20.4836C8.8869 20.7885 8.13761 20.5336 7.83267 19.9142C7.80881 19.8658 7.78812 19.8158 7.77072 19.7647L7.31026 18.4111C7.03532 17.6029 6.40063 16.9682 5.59241 16.6932L4.23881 16.2328C3.58523 16.0104 3.23564 15.3004 3.45797 14.6468C3.47537 14.5957 3.49606 14.5457 3.51993 14.4972L4.15147 13.2145C4.52856 12.4486 4.52856 11.551 4.15147 10.7851L3.51993 9.50235C3.21499 8.88299 3.46988 8.13371 4.08924 7.82877C4.1377 7.80491 4.18767 7.78421 4.23881 7.76681L5.59241 7.30635C6.40063 7.03142 7.03532 6.39672 7.31026 5.5885ZM15.5 12C16.3284 12 17 12.6716 17 13.5V14C17 15.9714 15.1405 18 12 18C8.85951 18 7 15.9714 7 14V13.5C7 12.6716 7.67157 12 8.5 12H15.5ZM12 5.5C13.5188 5.5 14.75 6.73122 14.75 8.25C14.75 9.76878 13.5188 11 12 11C10.4812 11 9.25 9.76878 9.25 8.25C9.25 6.73122 10.4812 5.5 12 5.5Z" 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_starburst_24_regular.svg";Details
| Name | Person Starburst |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_person_starburst_24_regular.svg |
| Filled file | ic_fluent_person_starburst_24_filled.svg |
| React components | PersonStarburst24Regular, PersonStarburst24Filled |
| License | MIT (© Microsoft Corporation) |