person starburst icon
person-starburst-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- person-starburst-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
person-5-20-filledperson-6-20-filledperson-account-16-filledperson-accounts-20-filledperson-add-16-filledperson-alert-16-filledperson-alert-off-16-filledperson-arrow-back-16-filledperson-arrow-left-16-filledperson-arrow-right-16-filledperson-available-16-filledperson-board-12-filledperson-board-add-16-filledperson-briefcase-16-filledperson-call-16-filledperson-chat-16-filledperson-circle-12-filledperson-circle-off-12-filledperson-clock-16-filledperson-delete-16-filledperson-desktop-20-filledperson-edit-16-filledperson-error-16-filledperson-feedback-16-filled
Use the person starburst icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.725 2.438a3.994 3.994 0 0 0-5.612 2.296l-.505 1.52a2 2 0 0 1-1.282 1.271l-1.524.492a3.994 3.994 0 0 0-2.344 5.592l.718 1.432c.285.569.282 1.24-.008 1.805l-.73 1.427a3.994 3.994 0 0 0 2.296 5.61l1.52.506c.604.2 1.076.676 1.271 1.282l.492 1.524a3.994 3.994 0 0 0 5.592 2.344l1.432-.718a2 2 0 0 1 1.805.008l1.427.73a3.995 3.995 0 0 0 5.61-2.296l.506-1.52c.2-.604.676-1.076 1.282-1.271l1.524-.492a3.994 3.994 0 0 0 2.344-5.592l-.718-1.432a2 2 0 0 1 .008-1.805l.73-1.426a3.994 3.994 0 0 0-2.296-5.612l-1.52-.505a2 2 0 0 1-1.271-1.282l-.492-1.524a3.994 3.994 0 0 0-5.592-2.344l-1.432.718a2 2 0 0 1-1.805-.008zm-3.716 2.926a1.997 1.997 0 0 1 2.805-1.149l1.427.73a4 4 0 0 0 3.61.016l1.432-.718a1.997 1.997 0 0 1 2.796 1.172l.492 1.525a4 4 0 0 0 2.542 2.564l1.52.505a1.997 1.997 0 0 1 1.149 2.805l-.73 1.427a4 4 0 0 0-.016 3.61l.718 1.432a1.997 1.997 0 0 1-1.172 2.796l-1.525.492a4 4 0 0 0-2.564 2.542l-.505 1.52a1.997 1.997 0 0 1-2.805 1.149l-1.426-.73a4 4 0 0 0-3.61-.016l-1.433.718a1.997 1.997 0 0 1-2.796-1.172l-.492-1.525a4 4 0 0 0-2.542-2.564l-1.52-.505a1.997 1.997 0 0 1-1.149-2.805l.73-1.426a4 4 0 0 0 .016-3.61l-.718-1.433a1.997 1.997 0 0 1 1.172-2.796l1.525-.492a4 4 0 0 0 2.564-2.542zM23 18.429c0 3.642-3.134 6.071-7 6.071s-7-2.429-7-6.071A2.43 2.43 0 0 1 11.429 16h9.142A2.43 2.43 0 0 1 23 18.429m-3.25-7.679a3.75 3.75 0 1 1-7.5 0a3.75 3.75 0 0 1 7.5 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentPersonStarburst32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.725 2.438a3.994 3.994 0 0 0-5.612 2.296l-.505 1.52a2 2 0 0 1-1.282 1.271l-1.524.492a3.994 3.994 0 0 0-2.344 5.592l.718 1.432c.285.569.282 1.24-.008 1.805l-.73 1.427a3.994 3.994 0 0 0 2.296 5.61l1.52.506c.604.2 1.076.676 1.271 1.282l.492 1.524a3.994 3.994 0 0 0 5.592 2.344l1.432-.718a2 2 0 0 1 1.805.008l1.427.73a3.995 3.995 0 0 0 5.61-2.296l.506-1.52c.2-.604.676-1.076 1.282-1.271l1.524-.492a3.994 3.994 0 0 0 2.344-5.592l-.718-1.432a2 2 0 0 1 .008-1.805l.73-1.426a3.994 3.994 0 0 0-2.296-5.612l-1.52-.505a2 2 0 0 1-1.271-1.282l-.492-1.524a3.994 3.994 0 0 0-5.592-2.344l-1.432.718a2 2 0 0 1-1.805-.008zm-3.716 2.926a1.997 1.997 0 0 1 2.805-1.149l1.427.73a4 4 0 0 0 3.61.016l1.432-.718a1.997 1.997 0 0 1 2.796 1.172l.492 1.525a4 4 0 0 0 2.542 2.564l1.52.505a1.997 1.997 0 0 1 1.149 2.805l-.73 1.427a4 4 0 0 0-.016 3.61l.718 1.432a1.997 1.997 0 0 1-1.172 2.796l-1.525.492a4 4 0 0 0-2.564 2.542l-.505 1.52a1.997 1.997 0 0 1-2.805 1.149l-1.426-.73a4 4 0 0 0-3.61-.016l-1.433.718a1.997 1.997 0 0 1-2.796-1.172l-.492-1.525a4 4 0 0 0-2.542-2.564l-1.52-.505a1.997 1.997 0 0 1-1.149-2.805l.73-1.426a4 4 0 0 0 .016-3.61l-.718-1.433a1.997 1.997 0 0 1 1.172-2.796l1.525-.492a4 4 0 0 0 2.564-2.542zM23 18.429c0 3.642-3.134 6.071-7 6.071s-7-2.429-7-6.071A2.43 2.43 0 0 1 11.429 16h9.142A2.43 2.43 0 0 1 23 18.429m-3.25-7.679a3.75 3.75 0 1 1-7.5 0a3.75 3.75 0 0 1 7.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.725 2.438a3.994 3.994 0 0 0-5.612 2.296l-.505 1.52a2 2 0 0 1-1.282 1.271l-1.524.492a3.994 3.994 0 0 0-2.344 5.592l.718 1.432c.285.569.282 1.24-.008 1.805l-.73 1.427a3.994 3.994 0 0 0 2.296 5.61l1.52.506c.604.2 1.076.676 1.271 1.282l.492 1.524a3.994 3.994 0 0 0 5.592 2.344l1.432-.718a2 2 0 0 1 1.805.008l1.427.73a3.995 3.995 0 0 0 5.61-2.296l.506-1.52c.2-.604.676-1.076 1.282-1.271l1.524-.492a3.994 3.994 0 0 0 2.344-5.592l-.718-1.432a2 2 0 0 1 .008-1.805l.73-1.426a3.994 3.994 0 0 0-2.296-5.612l-1.52-.505a2 2 0 0 1-1.271-1.282l-.492-1.524a3.994 3.994 0 0 0-5.592-2.344l-1.432.718a2 2 0 0 1-1.805-.008zm-3.716 2.926a1.997 1.997 0 0 1 2.805-1.149l1.427.73a4 4 0 0 0 3.61.016l1.432-.718a1.997 1.997 0 0 1 2.796 1.172l.492 1.525a4 4 0 0 0 2.542 2.564l1.52.505a1.997 1.997 0 0 1 1.149 2.805l-.73 1.427a4 4 0 0 0-.016 3.61l.718 1.432a1.997 1.997 0 0 1-1.172 2.796l-1.525.492a4 4 0 0 0-2.564 2.542l-.505 1.52a1.997 1.997 0 0 1-2.805 1.149l-1.426-.73a4 4 0 0 0-3.61-.016l-1.433.718a1.997 1.997 0 0 1-2.796-1.172l-.492-1.525a4 4 0 0 0-2.542-2.564l-1.52-.505a1.997 1.997 0 0 1-1.149-2.805l.73-1.426a4 4 0 0 0 .016-3.61l-.718-1.433a1.997 1.997 0 0 1 1.172-2.796l1.525-.492a4 4 0 0 0 2.564-2.542zM23 18.429c0 3.642-3.134 6.071-7 6.071s-7-2.429-7-6.071A2.43 2.43 0 0 1 11.429 16h9.142A2.43 2.43 0 0 1 23 18.429m-3.25-7.679a3.75 3.75 0 1 1-7.5 0a3.75 3.75 0 0 1 7.5 0"/></svg> </template>
CSS
.icon-person-starburst-32-regular {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.725%202.438a3.994%203.994%200%200%200-5.612%202.296l-.505%201.52a2%202%200%200%201-1.282%201.271l-1.524.492a3.994%203.994%200%200%200-2.344%205.592l.718%201.432c.285.569.282%201.24-.008%201.805l-.73%201.427a3.994%203.994%200%200%200%202.296%205.61l1.52.506c.604.2%201.076.676%201.271%201.282l.492%201.524a3.994%203.994%200%200%200%205.592%202.344l1.432-.718a2%202%200%200%201%201.805.008l1.427.73a3.995%203.995%200%200%200%205.61-2.296l.506-1.52c.2-.604.676-1.076%201.282-1.271l1.524-.492a3.994%203.994%200%200%200%202.344-5.592l-.718-1.432a2%202%200%200%201%20.008-1.805l.73-1.426a3.994%203.994%200%200%200-2.296-5.612l-1.52-.505a2%202%200%200%201-1.271-1.282l-.492-1.524a3.994%203.994%200%200%200-5.592-2.344l-1.432.718a2%202%200%200%201-1.805-.008zm-3.716%202.926a1.997%201.997%200%200%201%202.805-1.149l1.427.73a4%204%200%200%200%203.61.016l1.432-.718a1.997%201.997%200%200%201%202.796%201.172l.492%201.525a4%204%200%200%200%202.542%202.564l1.52.505a1.997%201.997%200%200%201%201.149%202.805l-.73%201.427a4%204%200%200%200-.016%203.61l.718%201.432a1.997%201.997%200%200%201-1.172%202.796l-1.525.492a4%204%200%200%200-2.564%202.542l-.505%201.52a1.997%201.997%200%200%201-2.805%201.149l-1.426-.73a4%204%200%200%200-3.61-.016l-1.433.718a1.997%201.997%200%200%201-2.796-1.172l-.492-1.525a4%204%200%200%200-2.542-2.564l-1.52-.505a1.997%201.997%200%200%201-1.149-2.805l.73-1.426a4%204%200%200%200%20.016-3.61l-.718-1.433a1.997%201.997%200%200%201%201.172-2.796l1.525-.492a4%204%200%200%200%202.564-2.542zM23%2018.429c0%203.642-3.134%206.071-7%206.071s-7-2.429-7-6.071A2.43%202.43%200%200%201%2011.429%2016h9.142A2.43%202.43%200%200%201%2023%2018.429m-3.25-7.679a3.75%203.75%200%201%201-7.5%200a3.75%203.75%200%200%201%207.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.725%202.438a3.994%203.994%200%200%200-5.612%202.296l-.505%201.52a2%202%200%200%201-1.282%201.271l-1.524.492a3.994%203.994%200%200%200-2.344%205.592l.718%201.432c.285.569.282%201.24-.008%201.805l-.73%201.427a3.994%203.994%200%200%200%202.296%205.61l1.52.506c.604.2%201.076.676%201.271%201.282l.492%201.524a3.994%203.994%200%200%200%205.592%202.344l1.432-.718a2%202%200%200%201%201.805.008l1.427.73a3.995%203.995%200%200%200%205.61-2.296l.506-1.52c.2-.604.676-1.076%201.282-1.271l1.524-.492a3.994%203.994%200%200%200%202.344-5.592l-.718-1.432a2%202%200%200%201%20.008-1.805l.73-1.426a3.994%203.994%200%200%200-2.296-5.612l-1.52-.505a2%202%200%200%201-1.271-1.282l-.492-1.524a3.994%203.994%200%200%200-5.592-2.344l-1.432.718a2%202%200%200%201-1.805-.008zm-3.716%202.926a1.997%201.997%200%200%201%202.805-1.149l1.427.73a4%204%200%200%200%203.61.016l1.432-.718a1.997%201.997%200%200%201%202.796%201.172l.492%201.525a4%204%200%200%200%202.542%202.564l1.52.505a1.997%201.997%200%200%201%201.149%202.805l-.73%201.427a4%204%200%200%200-.016%203.61l.718%201.432a1.997%201.997%200%200%201-1.172%202.796l-1.525.492a4%204%200%200%200-2.564%202.542l-.505%201.52a1.997%201.997%200%200%201-2.805%201.149l-1.426-.73a4%204%200%200%200-3.61-.016l-1.433.718a1.997%201.997%200%200%201-2.796-1.172l-.492-1.525a4%204%200%200%200-2.542-2.564l-1.52-.505a1.997%201.997%200%200%201-1.149-2.805l.73-1.426a4%204%200%200%200%20.016-3.61l-.718-1.433a1.997%201.997%200%200%201%201.172-2.796l1.525-.492a4%204%200%200%200%202.564-2.542zM23%2018.429c0%203.642-3.134%206.071-7%206.071s-7-2.429-7-6.071A2.43%202.43%200%200%201%2011.429%2016h9.142A2.43%202.43%200%200%201%2023%2018.429m-3.25-7.679a3.75%203.75%200%201%201-7.5%200a3.75%203.75%200%200%201%207.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/person-starburst-32-regular.svg?color=%231a73e8&size=48
