person icon
person-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- person-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
- Aliases
- pedestrian-light
5 other variants in Phosphor
The same icon in other sets
personAkar IconspersonBootstrap IconspersonCarbonpersonCodiconsperson-fillEva IconspersonFramework7 IconspersonFont Awesome 6 SolidpersonFont Awesome Solidperson-12-filledFluent UI System Iconsperson-16Fluent UI System Color IconspersonFluent EmojipersonFluent Emoji FlatpersonFluent Emoji High ContrastpersonHealth IconspersonIonIconspersonMaterial Line IconspersonMaterial SymbolspersonMaterial Symbols LightpersonNoto EmojipersonOcticonspersonOpenMojipersonRadix IconspersonTwitter Emoji
Related icons in Phosphor
Use the person icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 70a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m88.88 113.42l-45.21-51.26A30 30 0 0 0 149.17 74h-42.34a30 30 0 0 0-22.5 10.15l-45.21 51.27A18 18 0 0 0 64.46 161l21.11-16.93l-18.13 68.85a18 18 0 0 0 32.75 14.94L128 180l27.81 47.91a18 18 0 0 0 32.75-14.94l-18.13-68.87l21.11 16.9a18 18 0 0 0 25.34-25.56Zm-8.63 16.82a6 6 0 0 1-8.49 0a4 4 0 0 0-.49-.44l-35.51-28.48a6 6 0 0 0-9.56 6.2l22.87 86.93a8 8 0 0 0 .37 1a6 6 0 0 1-10.88 5.07a4 4 0 0 0-.25-.48L133.19 165a6 6 0 0 0-10.38 0l-33.12 57.05a4 4 0 0 0-.25.48a6 6 0 0 1-10.88-5.07a8 8 0 0 0 .37-1l22.87-86.93a6 6 0 0 0-2.53-6.53a6.07 6.07 0 0 0-3.27-1a6 6 0 0 0-3.76 1.32L56.73 151.8a4 4 0 0 0-.49.44a6 6 0 0 1-8.49-8.49l.26-.27l45.32-51.39a18 18 0 0 1 13.5-6.09h42.34a18 18 0 0 1 13.5 6.09L208 143.48l.26.27a6 6 0 0 1-.01 8.49"/></svg>
React
import type { SVGProps } from "react";
export function PhPersonLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 70a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m88.88 113.42l-45.21-51.26A30 30 0 0 0 149.17 74h-42.34a30 30 0 0 0-22.5 10.15l-45.21 51.27A18 18 0 0 0 64.46 161l21.11-16.93l-18.13 68.85a18 18 0 0 0 32.75 14.94L128 180l27.81 47.91a18 18 0 0 0 32.75-14.94l-18.13-68.87l21.11 16.9a18 18 0 0 0 25.34-25.56Zm-8.63 16.82a6 6 0 0 1-8.49 0a4 4 0 0 0-.49-.44l-35.51-28.48a6 6 0 0 0-9.56 6.2l22.87 86.93a8 8 0 0 0 .37 1a6 6 0 0 1-10.88 5.07a4 4 0 0 0-.25-.48L133.19 165a6 6 0 0 0-10.38 0l-33.12 57.05a4 4 0 0 0-.25.48a6 6 0 0 1-10.88-5.07a8 8 0 0 0 .37-1l22.87-86.93a6 6 0 0 0-2.53-6.53a6.07 6.07 0 0 0-3.27-1a6 6 0 0 0-3.76 1.32L56.73 151.8a4 4 0 0 0-.49.44a6 6 0 0 1-8.49-8.49l.26-.27l45.32-51.39a18 18 0 0 1 13.5-6.09h42.34a18 18 0 0 1 13.5 6.09L208 143.48l.26.27a6 6 0 0 1-.01 8.49"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 70a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m88.88 113.42l-45.21-51.26A30 30 0 0 0 149.17 74h-42.34a30 30 0 0 0-22.5 10.15l-45.21 51.27A18 18 0 0 0 64.46 161l21.11-16.93l-18.13 68.85a18 18 0 0 0 32.75 14.94L128 180l27.81 47.91a18 18 0 0 0 32.75-14.94l-18.13-68.87l21.11 16.9a18 18 0 0 0 25.34-25.56Zm-8.63 16.82a6 6 0 0 1-8.49 0a4 4 0 0 0-.49-.44l-35.51-28.48a6 6 0 0 0-9.56 6.2l22.87 86.93a8 8 0 0 0 .37 1a6 6 0 0 1-10.88 5.07a4 4 0 0 0-.25-.48L133.19 165a6 6 0 0 0-10.38 0l-33.12 57.05a4 4 0 0 0-.25.48a6 6 0 0 1-10.88-5.07a8 8 0 0 0 .37-1l22.87-86.93a6 6 0 0 0-2.53-6.53a6.07 6.07 0 0 0-3.27-1a6 6 0 0 0-3.76 1.32L56.73 151.8a4 4 0 0 0-.49.44a6 6 0 0 1-8.49-8.49l.26-.27l45.32-51.39a18 18 0 0 1 13.5-6.09h42.34a18 18 0 0 1 13.5 6.09L208 143.48l.26.27a6 6 0 0 1-.01 8.49"/></svg> </template>
CSS
.icon-person-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2070a30%2030%200%201%200-30-30a30%2030%200%200%200%2030%2030m0-48a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m88.88%20113.42l-45.21-51.26A30%2030%200%200%200%20149.17%2074h-42.34a30%2030%200%200%200-22.5%2010.15l-45.21%2051.27A18%2018%200%200%200%2064.46%20161l21.11-16.93l-18.13%2068.85a18%2018%200%200%200%2032.75%2014.94L128%20180l27.81%2047.91a18%2018%200%200%200%2032.75-14.94l-18.13-68.87l21.11%2016.9a18%2018%200%200%200%2025.34-25.56Zm-8.63%2016.82a6%206%200%200%201-8.49%200a4%204%200%200%200-.49-.44l-35.51-28.48a6%206%200%200%200-9.56%206.2l22.87%2086.93a8%208%200%200%200%20.37%201a6%206%200%200%201-10.88%205.07a4%204%200%200%200-.25-.48L133.19%20165a6%206%200%200%200-10.38%200l-33.12%2057.05a4%204%200%200%200-.25.48a6%206%200%200%201-10.88-5.07a8%208%200%200%200%20.37-1l22.87-86.93a6%206%200%200%200-2.53-6.53a6.07%206.07%200%200%200-3.27-1a6%206%200%200%200-3.76%201.32L56.73%20151.8a4%204%200%200%200-.49.44a6%206%200%200%201-8.49-8.49l.26-.27l45.32-51.39a18%2018%200%200%201%2013.5-6.09h42.34a18%2018%200%200%201%2013.5%206.09L208%20143.48l.26.27a6%206%200%200%201-.01%208.49%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2070a30%2030%200%201%200-30-30a30%2030%200%200%200%2030%2030m0-48a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m88.88%20113.42l-45.21-51.26A30%2030%200%200%200%20149.17%2074h-42.34a30%2030%200%200%200-22.5%2010.15l-45.21%2051.27A18%2018%200%200%200%2064.46%20161l21.11-16.93l-18.13%2068.85a18%2018%200%200%200%2032.75%2014.94L128%20180l27.81%2047.91a18%2018%200%200%200%2032.75-14.94l-18.13-68.87l21.11%2016.9a18%2018%200%200%200%2025.34-25.56Zm-8.63%2016.82a6%206%200%200%201-8.49%200a4%204%200%200%200-.49-.44l-35.51-28.48a6%206%200%200%200-9.56%206.2l22.87%2086.93a8%208%200%200%200%20.37%201a6%206%200%200%201-10.88%205.07a4%204%200%200%200-.25-.48L133.19%20165a6%206%200%200%200-10.38%200l-33.12%2057.05a4%204%200%200%200-.25.48a6%206%200%200%201-10.88-5.07a8%208%200%200%200%20.37-1l22.87-86.93a6%206%200%200%200-2.53-6.53a6.07%206.07%200%200%200-3.27-1a6%206%200%200%200-3.76%201.32L56.73%20151.8a4%204%200%200%200-.49.44a6%206%200%200%201-8.49-8.49l.26-.27l45.32-51.39a18%2018%200%200%201%2013.5-6.09h42.34a18%2018%200%200%201%2013.5%206.09L208%20143.48l.26.27a6%206%200%200%201-.01%208.49%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/person-light.svg?color=%231a73e8&size=48
