person icon
person-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- person-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
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"><g fill="currentColor"><path d="M104 40a24 24 0 1 1 24 24a24 24 0 0 1-24-24m108.49 99.51l-45.32-51.38a24 24 0 0 0-18-8.13h-42.34a24 24 0 0 0-18 8.13l-45.32 51.38a12 12 0 0 0 17 17L96 128l-22.87 86.93a12 12 0 0 0 21.75 10.14L128 168l33.12 57.07a12 12 0 0 0 21.75-10.14L160 128l35.51 28.49a12 12 0 0 0 17-17Z" opacity=".2"/><path d="M160 40a32 32 0 1 0-32 32a32 32 0 0 0 32-32m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m90.34 78.05l-45.17-51.22a32 32 0 0 0-24-10.83h-42.34a32 32 0 0 0-24 10.83l-45.17 51.22a20 20 0 0 0 28.13 28.43l16.3-13.08l-16.54 62.88A20 20 0 0 0 102 228.8l26-44.87l26 44.87a20 20 0 0 0 36.41-16.52l-16.5-62.88l16.3 13.08a20 20 0 0 0 28.13-28.43m-11.51 16.77a4 4 0 0 1-5.66 0c-.21-.2-.42-.4-.65-.58L165 121.76a8 8 0 0 0-12.74 8.24l22.88 87a7.7 7.7 0 0 0 .48 1.35a4 4 0 1 1-7.25 3.38a6 6 0 0 0-.33-.63L134.92 164a8 8 0 0 0-13.84 0L88 221.05a6 6 0 0 0-.33.63a4 4 0 0 1-2.26 2.07a4 4 0 0 1-5-5.45a7.7 7.7 0 0 0 .48-1.35L103.74 130A8 8 0 0 0 91 121.76l-35.52 28.48c-.23.18-.44.38-.65.58a4 4 0 1 1-5.66-5.65c.12-.12.23-.24.34-.37l45.32-51.39a16 16 0 0 1 12-5.41h42.34a16 16 0 0 1 12 5.41l45.32 51.39c.11.13.22.25.34.37a4 4 0 0 1 0 5.65"/></g></svg>
React
import type { SVGProps } from "react";
export function PhPersonDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M104 40a24 24 0 1 1 24 24a24 24 0 0 1-24-24m108.49 99.51l-45.32-51.38a24 24 0 0 0-18-8.13h-42.34a24 24 0 0 0-18 8.13l-45.32 51.38a12 12 0 0 0 17 17L96 128l-22.87 86.93a12 12 0 0 0 21.75 10.14L128 168l33.12 57.07a12 12 0 0 0 21.75-10.14L160 128l35.51 28.49a12 12 0 0 0 17-17Z" opacity=".2"/><path d="M160 40a32 32 0 1 0-32 32a32 32 0 0 0 32-32m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m90.34 78.05l-45.17-51.22a32 32 0 0 0-24-10.83h-42.34a32 32 0 0 0-24 10.83l-45.17 51.22a20 20 0 0 0 28.13 28.43l16.3-13.08l-16.54 62.88A20 20 0 0 0 102 228.8l26-44.87l26 44.87a20 20 0 0 0 36.41-16.52l-16.5-62.88l16.3 13.08a20 20 0 0 0 28.13-28.43m-11.51 16.77a4 4 0 0 1-5.66 0c-.21-.2-.42-.4-.65-.58L165 121.76a8 8 0 0 0-12.74 8.24l22.88 87a7.7 7.7 0 0 0 .48 1.35a4 4 0 1 1-7.25 3.38a6 6 0 0 0-.33-.63L134.92 164a8 8 0 0 0-13.84 0L88 221.05a6 6 0 0 0-.33.63a4 4 0 0 1-2.26 2.07a4 4 0 0 1-5-5.45a7.7 7.7 0 0 0 .48-1.35L103.74 130A8 8 0 0 0 91 121.76l-35.52 28.48c-.23.18-.44.38-.65.58a4 4 0 1 1-5.66-5.65c.12-.12.23-.24.34-.37l45.32-51.39a16 16 0 0 1 12-5.41h42.34a16 16 0 0 1 12 5.41l45.32 51.39c.11.13.22.25.34.37a4 4 0 0 1 0 5.65"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M104 40a24 24 0 1 1 24 24a24 24 0 0 1-24-24m108.49 99.51l-45.32-51.38a24 24 0 0 0-18-8.13h-42.34a24 24 0 0 0-18 8.13l-45.32 51.38a12 12 0 0 0 17 17L96 128l-22.87 86.93a12 12 0 0 0 21.75 10.14L128 168l33.12 57.07a12 12 0 0 0 21.75-10.14L160 128l35.51 28.49a12 12 0 0 0 17-17Z" opacity=".2"/><path d="M160 40a32 32 0 1 0-32 32a32 32 0 0 0 32-32m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m90.34 78.05l-45.17-51.22a32 32 0 0 0-24-10.83h-42.34a32 32 0 0 0-24 10.83l-45.17 51.22a20 20 0 0 0 28.13 28.43l16.3-13.08l-16.54 62.88A20 20 0 0 0 102 228.8l26-44.87l26 44.87a20 20 0 0 0 36.41-16.52l-16.5-62.88l16.3 13.08a20 20 0 0 0 28.13-28.43m-11.51 16.77a4 4 0 0 1-5.66 0c-.21-.2-.42-.4-.65-.58L165 121.76a8 8 0 0 0-12.74 8.24l22.88 87a7.7 7.7 0 0 0 .48 1.35a4 4 0 1 1-7.25 3.38a6 6 0 0 0-.33-.63L134.92 164a8 8 0 0 0-13.84 0L88 221.05a6 6 0 0 0-.33.63a4 4 0 0 1-2.26 2.07a4 4 0 0 1-5-5.45a7.7 7.7 0 0 0 .48-1.35L103.74 130A8 8 0 0 0 91 121.76l-35.52 28.48c-.23.18-.44.38-.65.58a4 4 0 1 1-5.66-5.65c.12-.12.23-.24.34-.37l45.32-51.39a16 16 0 0 1 12-5.41h42.34a16 16 0 0 1 12 5.41l45.32 51.39c.11.13.22.25.34.37a4 4 0 0 1 0 5.65"/></g></svg> </template>
CSS
.icon-person-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M104%2040a24%2024%200%201%201%2024%2024a24%2024%200%200%201-24-24m108.49%2099.51l-45.32-51.38a24%2024%200%200%200-18-8.13h-42.34a24%2024%200%200%200-18%208.13l-45.32%2051.38a12%2012%200%200%200%2017%2017L96%20128l-22.87%2086.93a12%2012%200%200%200%2021.75%2010.14L128%20168l33.12%2057.07a12%2012%200%200%200%2021.75-10.14L160%20128l35.51%2028.49a12%2012%200%200%200%2017-17Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M160%2040a32%2032%200%201%200-32%2032a32%2032%200%200%200%2032-32m-32%2016a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m90.34%2078.05l-45.17-51.22a32%2032%200%200%200-24-10.83h-42.34a32%2032%200%200%200-24%2010.83l-45.17%2051.22a20%2020%200%200%200%2028.13%2028.43l16.3-13.08l-16.54%2062.88A20%2020%200%200%200%20102%20228.8l26-44.87l26%2044.87a20%2020%200%200%200%2036.41-16.52l-16.5-62.88l16.3%2013.08a20%2020%200%200%200%2028.13-28.43m-11.51%2016.77a4%204%200%200%201-5.66%200c-.21-.2-.42-.4-.65-.58L165%20121.76a8%208%200%200%200-12.74%208.24l22.88%2087a7.7%207.7%200%200%200%20.48%201.35a4%204%200%201%201-7.25%203.38a6%206%200%200%200-.33-.63L134.92%20164a8%208%200%200%200-13.84%200L88%20221.05a6%206%200%200%200-.33.63a4%204%200%200%201-2.26%202.07a4%204%200%200%201-5-5.45a7.7%207.7%200%200%200%20.48-1.35L103.74%20130A8%208%200%200%200%2091%20121.76l-35.52%2028.48c-.23.18-.44.38-.65.58a4%204%200%201%201-5.66-5.65c.12-.12.23-.24.34-.37l45.32-51.39a16%2016%200%200%201%2012-5.41h42.34a16%2016%200%200%201%2012%205.41l45.32%2051.39c.11.13.22.25.34.37a4%204%200%200%201%200%205.65%22%2F%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M104%2040a24%2024%200%201%201%2024%2024a24%2024%200%200%201-24-24m108.49%2099.51l-45.32-51.38a24%2024%200%200%200-18-8.13h-42.34a24%2024%200%200%200-18%208.13l-45.32%2051.38a12%2012%200%200%200%2017%2017L96%20128l-22.87%2086.93a12%2012%200%200%200%2021.75%2010.14L128%20168l33.12%2057.07a12%2012%200%200%200%2021.75-10.14L160%20128l35.51%2028.49a12%2012%200%200%200%2017-17Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M160%2040a32%2032%200%201%200-32%2032a32%2032%200%200%200%2032-32m-32%2016a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m90.34%2078.05l-45.17-51.22a32%2032%200%200%200-24-10.83h-42.34a32%2032%200%200%200-24%2010.83l-45.17%2051.22a20%2020%200%200%200%2028.13%2028.43l16.3-13.08l-16.54%2062.88A20%2020%200%200%200%20102%20228.8l26-44.87l26%2044.87a20%2020%200%200%200%2036.41-16.52l-16.5-62.88l16.3%2013.08a20%2020%200%200%200%2028.13-28.43m-11.51%2016.77a4%204%200%200%201-5.66%200c-.21-.2-.42-.4-.65-.58L165%20121.76a8%208%200%200%200-12.74%208.24l22.88%2087a7.7%207.7%200%200%200%20.48%201.35a4%204%200%201%201-7.25%203.38a6%206%200%200%200-.33-.63L134.92%20164a8%208%200%200%200-13.84%200L88%20221.05a6%206%200%200%200-.33.63a4%204%200%200%201-2.26%202.07a4%204%200%200%201-5-5.45a7.7%207.7%200%200%200%20.48-1.35L103.74%20130A8%208%200%200%200%2091%20121.76l-35.52%2028.48c-.23.18-.44.38-.65.58a4%204%200%201%201-5.66-5.65c.12-.12.23-.24.34-.37l45.32-51.39a16%2016%200%200%201%2012-5.41h42.34a16%2016%200%200%201%2012%205.41l45.32%2051.39c.11.13.22.25.34.37a4%204%200%200%201%200%205.65%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/person-duotone.svg?color=%231a73e8&size=48
