person starburst icon
person-starburst-48 from Fluent UI System Color Icons by Microsoft Corporation · 48 · MIT Free for personal and commercial use.
- Name
- person-starburst-48
- Set
- Fluent UI System Color Icons
- Style
- 48
- Viewbox
- 48×48
- License
- MIT
5 other variants in Fluent UI System Color Icons
The same icon in other sets
Related icons in Fluent UI System Color Icons
Use the person starburst icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGurBoqbnc1)" fill-rule="evenodd" d="M13.1 7.278a5.247 5.247 0 0 1 6.95-2.844l2.946 1.277c.69.299 1.472.302 2.164.01l2.958-1.253a5.247 5.247 0 0 1 6.924 2.903l1.18 2.987a2.75 2.75 0 0 0 1.524 1.536l2.976 1.207a5.247 5.247 0 0 1 2.844 6.948l-1.277 2.947a2.75 2.75 0 0 0-.01 2.164l1.253 2.958a5.247 5.247 0 0 1-2.903 6.924l-2.987 1.18a2.75 2.75 0 0 0-1.536 1.524l-1.207 2.976a5.247 5.247 0 0 1-6.948 2.844l-2.947-1.277a2.75 2.75 0 0 0-2.164-.01l-2.958 1.252a5.247 5.247 0 0 1-6.924-2.902l-1.18-2.987a2.75 2.75 0 0 0-1.524-1.536l-2.976-1.207a5.247 5.247 0 0 1-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247 5.247 0 0 1 2.903-6.924l2.987-1.18a2.75 2.75 0 0 0 1.536-1.524z" clip-rule="evenodd"/><path fill="url(#SVGuGDwKeby1)" fill-opacity=".7" fill-rule="evenodd" d="M13.1 7.278a5.247 5.247 0 0 1 6.95-2.844l2.946 1.277c.69.299 1.472.302 2.164.01l2.958-1.253a5.247 5.247 0 0 1 6.924 2.903l1.18 2.987a2.75 2.75 0 0 0 1.524 1.536l2.976 1.207a5.247 5.247 0 0 1 2.844 6.948l-1.277 2.947a2.75 2.75 0 0 0-.01 2.164l1.253 2.958a5.247 5.247 0 0 1-2.903 6.924l-2.987 1.18a2.75 2.75 0 0 0-1.536 1.524l-1.207 2.976a5.247 5.247 0 0 1-6.948 2.844l-2.947-1.277a2.75 2.75 0 0 0-2.164-.01l-2.958 1.252a5.247 5.247 0 0 1-6.924-2.902l-1.18-2.987a2.75 2.75 0 0 0-1.524-1.536l-2.976-1.207a5.247 5.247 0 0 1-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247 5.247 0 0 1 2.903-6.924l2.987-1.18a2.75 2.75 0 0 0 1.536-1.524z" clip-rule="evenodd"/><path fill="url(#SVG8mx9Iccj1)" fill-opacity=".9" d="M24 11.93a4.828 4.828 0 1 0 0 9.656a4.828 4.828 0 0 0 0-9.656M30.035 24h-12.07c-2 0-3.621 1.62-3.621 3.62c0 2.695 1.108 4.854 2.926 6.313c1.79 1.436 4.188 2.137 6.73 2.137s4.94-.7 6.73-2.137c1.818-1.46 2.926-3.618 2.926-6.312c0-2-1.621-3.621-3.621-3.621"/><defs><linearGradient id="SVGurBoqbnc1" x1="10.667" x2="30.667" y1="1.778" y2="46.222" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGuGDwKeby1" x1="30.191" x2="38.118" y1="8.912" y2="48.302" gradientUnits="userSpaceOnUse"><stop offset=".533" stop-color="#ff6ce8" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8"/></linearGradient><linearGradient id="SVG8mx9Iccj1" x1="38.492" x2="-3.893" y1="56.761" y2="-5.423" gradientUnits="userSpaceOnUse"><stop stop-color="#9deaff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorPersonStarburst48(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGurBoqbnc1)" fillRule="evenodd" d="M13.1 7.278a5.247 5.247 0 0 1 6.95-2.844l2.946 1.277c.69.299 1.472.302 2.164.01l2.958-1.253a5.247 5.247 0 0 1 6.924 2.903l1.18 2.987a2.75 2.75 0 0 0 1.524 1.536l2.976 1.207a5.247 5.247 0 0 1 2.844 6.948l-1.277 2.947a2.75 2.75 0 0 0-.01 2.164l1.253 2.958a5.247 5.247 0 0 1-2.903 6.924l-2.987 1.18a2.75 2.75 0 0 0-1.536 1.524l-1.207 2.976a5.247 5.247 0 0 1-6.948 2.844l-2.947-1.277a2.75 2.75 0 0 0-2.164-.01l-2.958 1.252a5.247 5.247 0 0 1-6.924-2.902l-1.18-2.987a2.75 2.75 0 0 0-1.524-1.536l-2.976-1.207a5.247 5.247 0 0 1-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247 5.247 0 0 1 2.903-6.924l2.987-1.18a2.75 2.75 0 0 0 1.536-1.524z" clipRule="evenodd"/><path fill="url(#SVGuGDwKeby1)" fillOpacity=".7" fillRule="evenodd" d="M13.1 7.278a5.247 5.247 0 0 1 6.95-2.844l2.946 1.277c.69.299 1.472.302 2.164.01l2.958-1.253a5.247 5.247 0 0 1 6.924 2.903l1.18 2.987a2.75 2.75 0 0 0 1.524 1.536l2.976 1.207a5.247 5.247 0 0 1 2.844 6.948l-1.277 2.947a2.75 2.75 0 0 0-.01 2.164l1.253 2.958a5.247 5.247 0 0 1-2.903 6.924l-2.987 1.18a2.75 2.75 0 0 0-1.536 1.524l-1.207 2.976a5.247 5.247 0 0 1-6.948 2.844l-2.947-1.277a2.75 2.75 0 0 0-2.164-.01l-2.958 1.252a5.247 5.247 0 0 1-6.924-2.902l-1.18-2.987a2.75 2.75 0 0 0-1.524-1.536l-2.976-1.207a5.247 5.247 0 0 1-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247 5.247 0 0 1 2.903-6.924l2.987-1.18a2.75 2.75 0 0 0 1.536-1.524z" clipRule="evenodd"/><path fill="url(#SVG8mx9Iccj1)" fillOpacity=".9" d="M24 11.93a4.828 4.828 0 1 0 0 9.656a4.828 4.828 0 0 0 0-9.656M30.035 24h-12.07c-2 0-3.621 1.62-3.621 3.62c0 2.695 1.108 4.854 2.926 6.313c1.79 1.436 4.188 2.137 6.73 2.137s4.94-.7 6.73-2.137c1.818-1.46 2.926-3.618 2.926-6.312c0-2-1.621-3.621-3.621-3.621"/><defs><linearGradient id="SVGurBoqbnc1" x1="10.667" x2="30.667" y1="1.778" y2="46.222" gradientUnits="userSpaceOnUse"><stop stopColor="#1ec8b0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGuGDwKeby1" x1="30.191" x2="38.118" y1="8.912" y2="48.302" gradientUnits="userSpaceOnUse"><stop offset=".533" stopColor="#ff6ce8" stopOpacity="0"/><stop offset="1" stopColor="#ff6ce8"/></linearGradient><linearGradient id="SVG8mx9Iccj1" x1="38.492" x2="-3.893" y1="56.761" y2="-5.423" gradientUnits="userSpaceOnUse"><stop stopColor="#9deaff"/><stop offset="1" stopColor="#fff"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGurBoqbnc1)" fill-rule="evenodd" d="M13.1 7.278a5.247 5.247 0 0 1 6.95-2.844l2.946 1.277c.69.299 1.472.302 2.164.01l2.958-1.253a5.247 5.247 0 0 1 6.924 2.903l1.18 2.987a2.75 2.75 0 0 0 1.524 1.536l2.976 1.207a5.247 5.247 0 0 1 2.844 6.948l-1.277 2.947a2.75 2.75 0 0 0-.01 2.164l1.253 2.958a5.247 5.247 0 0 1-2.903 6.924l-2.987 1.18a2.75 2.75 0 0 0-1.536 1.524l-1.207 2.976a5.247 5.247 0 0 1-6.948 2.844l-2.947-1.277a2.75 2.75 0 0 0-2.164-.01l-2.958 1.252a5.247 5.247 0 0 1-6.924-2.902l-1.18-2.987a2.75 2.75 0 0 0-1.524-1.536l-2.976-1.207a5.247 5.247 0 0 1-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247 5.247 0 0 1 2.903-6.924l2.987-1.18a2.75 2.75 0 0 0 1.536-1.524z" clip-rule="evenodd"/><path fill="url(#SVGuGDwKeby1)" fill-opacity=".7" fill-rule="evenodd" d="M13.1 7.278a5.247 5.247 0 0 1 6.95-2.844l2.946 1.277c.69.299 1.472.302 2.164.01l2.958-1.253a5.247 5.247 0 0 1 6.924 2.903l1.18 2.987a2.75 2.75 0 0 0 1.524 1.536l2.976 1.207a5.247 5.247 0 0 1 2.844 6.948l-1.277 2.947a2.75 2.75 0 0 0-.01 2.164l1.253 2.958a5.247 5.247 0 0 1-2.903 6.924l-2.987 1.18a2.75 2.75 0 0 0-1.536 1.524l-1.207 2.976a5.247 5.247 0 0 1-6.948 2.844l-2.947-1.277a2.75 2.75 0 0 0-2.164-.01l-2.958 1.252a5.247 5.247 0 0 1-6.924-2.902l-1.18-2.987a2.75 2.75 0 0 0-1.524-1.536l-2.976-1.207a5.247 5.247 0 0 1-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247 5.247 0 0 1 2.903-6.924l2.987-1.18a2.75 2.75 0 0 0 1.536-1.524z" clip-rule="evenodd"/><path fill="url(#SVG8mx9Iccj1)" fill-opacity=".9" d="M24 11.93a4.828 4.828 0 1 0 0 9.656a4.828 4.828 0 0 0 0-9.656M30.035 24h-12.07c-2 0-3.621 1.62-3.621 3.62c0 2.695 1.108 4.854 2.926 6.313c1.79 1.436 4.188 2.137 6.73 2.137s4.94-.7 6.73-2.137c1.818-1.46 2.926-3.618 2.926-6.312c0-2-1.621-3.621-3.621-3.621"/><defs><linearGradient id="SVGurBoqbnc1" x1="10.667" x2="30.667" y1="1.778" y2="46.222" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGuGDwKeby1" x1="30.191" x2="38.118" y1="8.912" y2="48.302" gradientUnits="userSpaceOnUse"><stop offset=".533" stop-color="#ff6ce8" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8"/></linearGradient><linearGradient id="SVG8mx9Iccj1" x1="38.492" x2="-3.893" y1="56.761" y2="-5.423" gradientUnits="userSpaceOnUse"><stop stop-color="#9deaff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-person-starburst-48 {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGurBoqbnc1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.1%207.278a5.247%205.247%200%200%201%206.95-2.844l2.946%201.277c.69.299%201.472.302%202.164.01l2.958-1.253a5.247%205.247%200%200%201%206.924%202.903l1.18%202.987a2.75%202.75%200%200%200%201.524%201.536l2.976%201.207a5.247%205.247%200%200%201%202.844%206.948l-1.277%202.947a2.75%202.75%200%200%200-.01%202.164l1.253%202.958a5.247%205.247%200%200%201-2.903%206.924l-2.987%201.18a2.75%202.75%200%200%200-1.536%201.524l-1.207%202.976a5.247%205.247%200%200%201-6.948%202.844l-2.947-1.277a2.75%202.75%200%200%200-2.164-.01l-2.958%201.252a5.247%205.247%200%200%201-6.924-2.902l-1.18-2.987a2.75%202.75%200%200%200-1.524-1.536l-2.976-1.207a5.247%205.247%200%200%201-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247%205.247%200%200%201%202.903-6.924l2.987-1.18a2.75%202.75%200%200%200%201.536-1.524z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuGDwKeby1)%22%20fill-opacity%3D%22.7%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.1%207.278a5.247%205.247%200%200%201%206.95-2.844l2.946%201.277c.69.299%201.472.302%202.164.01l2.958-1.253a5.247%205.247%200%200%201%206.924%202.903l1.18%202.987a2.75%202.75%200%200%200%201.524%201.536l2.976%201.207a5.247%205.247%200%200%201%202.844%206.948l-1.277%202.947a2.75%202.75%200%200%200-.01%202.164l1.253%202.958a5.247%205.247%200%200%201-2.903%206.924l-2.987%201.18a2.75%202.75%200%200%200-1.536%201.524l-1.207%202.976a5.247%205.247%200%200%201-6.948%202.844l-2.947-1.277a2.75%202.75%200%200%200-2.164-.01l-2.958%201.252a5.247%205.247%200%200%201-6.924-2.902l-1.18-2.987a2.75%202.75%200%200%200-1.524-1.536l-2.976-1.207a5.247%205.247%200%200%201-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247%205.247%200%200%201%202.903-6.924l2.987-1.18a2.75%202.75%200%200%200%201.536-1.524z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8mx9Iccj1)%22%20fill-opacity%3D%22.9%22%20d%3D%22M24%2011.93a4.828%204.828%200%201%200%200%209.656a4.828%204.828%200%200%200%200-9.656M30.035%2024h-12.07c-2%200-3.621%201.62-3.621%203.62c0%202.695%201.108%204.854%202.926%206.313c1.79%201.436%204.188%202.137%206.73%202.137s4.94-.7%206.73-2.137c1.818-1.46%202.926-3.618%202.926-6.312c0-2-1.621-3.621-3.621-3.621%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGurBoqbnc1%22%20x1%3D%2210.667%22%20x2%3D%2230.667%22%20y1%3D%221.778%22%20y2%3D%2246.222%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuGDwKeby1%22%20x1%3D%2230.191%22%20x2%3D%2238.118%22%20y1%3D%228.912%22%20y2%3D%2248.302%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.533%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6ce8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8mx9Iccj1%22%20x1%3D%2238.492%22%20x2%3D%22-3.893%22%20y1%3D%2256.761%22%20y2%3D%22-5.423%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239deaff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGurBoqbnc1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.1%207.278a5.247%205.247%200%200%201%206.95-2.844l2.946%201.277c.69.299%201.472.302%202.164.01l2.958-1.253a5.247%205.247%200%200%201%206.924%202.903l1.18%202.987a2.75%202.75%200%200%200%201.524%201.536l2.976%201.207a5.247%205.247%200%200%201%202.844%206.948l-1.277%202.947a2.75%202.75%200%200%200-.01%202.164l1.253%202.958a5.247%205.247%200%200%201-2.903%206.924l-2.987%201.18a2.75%202.75%200%200%200-1.536%201.524l-1.207%202.976a5.247%205.247%200%200%201-6.948%202.844l-2.947-1.277a2.75%202.75%200%200%200-2.164-.01l-2.958%201.252a5.247%205.247%200%200%201-6.924-2.902l-1.18-2.987a2.75%202.75%200%200%200-1.524-1.536l-2.976-1.207a5.247%205.247%200%200%201-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247%205.247%200%200%201%202.903-6.924l2.987-1.18a2.75%202.75%200%200%200%201.536-1.524z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuGDwKeby1)%22%20fill-opacity%3D%22.7%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.1%207.278a5.247%205.247%200%200%201%206.95-2.844l2.946%201.277c.69.299%201.472.302%202.164.01l2.958-1.253a5.247%205.247%200%200%201%206.924%202.903l1.18%202.987a2.75%202.75%200%200%200%201.524%201.536l2.976%201.207a5.247%205.247%200%200%201%202.844%206.948l-1.277%202.947a2.75%202.75%200%200%200-.01%202.164l1.253%202.958a5.247%205.247%200%200%201-2.903%206.924l-2.987%201.18a2.75%202.75%200%200%200-1.536%201.524l-1.207%202.976a5.247%205.247%200%200%201-6.948%202.844l-2.947-1.277a2.75%202.75%200%200%200-2.164-.01l-2.958%201.252a5.247%205.247%200%200%201-6.924-2.902l-1.18-2.987a2.75%202.75%200%200%200-1.524-1.536l-2.976-1.207a5.247%205.247%200%200%201-2.844-6.948l1.277-2.947c.299-.69.302-1.472.01-2.164l-1.253-2.958a5.247%205.247%200%200%201%202.903-6.924l2.987-1.18a2.75%202.75%200%200%200%201.536-1.524z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8mx9Iccj1)%22%20fill-opacity%3D%22.9%22%20d%3D%22M24%2011.93a4.828%204.828%200%201%200%200%209.656a4.828%204.828%200%200%200%200-9.656M30.035%2024h-12.07c-2%200-3.621%201.62-3.621%203.62c0%202.695%201.108%204.854%202.926%206.313c1.79%201.436%204.188%202.137%206.73%202.137s4.94-.7%206.73-2.137c1.818-1.46%202.926-3.618%202.926-6.312c0-2-1.621-3.621-3.621-3.621%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGurBoqbnc1%22%20x1%3D%2210.667%22%20x2%3D%2230.667%22%20y1%3D%221.778%22%20y2%3D%2246.222%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuGDwKeby1%22%20x1%3D%2230.191%22%20x2%3D%2238.118%22%20y1%3D%228.912%22%20y2%3D%2248.302%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.533%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6ce8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8mx9Iccj1%22%20x1%3D%2238.492%22%20x2%3D%22-3.893%22%20y1%3D%2256.761%22%20y2%3D%22-5.423%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239deaff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/person-starburst-48.svg?color=%231a73e8&size=48
