Person 04 Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Person 04 icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/320503.svg" alt="Person 04 icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320503.svg" alt="Person 04 icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320503.svg" alt="Person 04 icon" :width="24" :height="24" />
CSS background
.icon-person-04 {
background-image: url('https://proicons.com/icon/320503.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="person--04_1_" d="M18.36,30h-0.72v-9c0-0.199,0.161-0.36,0.36-0.36h2c0.558,0,1.055-0.266,1.364-0.729 c0.31-0.465,0.363-1.026,0.148-1.541l-3.006-7.208c-0.002-0.005-0.005-0.01-0.007-0.016C17.97,9.944,17.152,9.36,16,9.36 c-1.151,0-1.946,0.569-2.502,1.79l-3.011,7.22c-0.215,0.515-0.161,1.076,0.148,1.541c0.31,0.464,0.807,0.729,1.364,0.729h2 c0.199,0,0.36,0.161,0.36,0.36v9h-0.72v-8.64H12c-0.791,0-1.525-0.394-1.963-1.052s-0.518-1.486-0.213-2.217l3.015-7.23 C13.511,9.384,14.573,8.64,16,8.64c1.431,0,2.486,0.728,3.136,2.163c0.007,0.012,0.013,0.024,0.018,0.037l3.023,7.251 c0.305,0.73,0.225,1.56-0.214,2.218C21.525,20.967,20.791,21.36,20,21.36h-1.64V30z M16,7.36c-1.577,0-2.86-1.283-2.86-2.86 S14.423,1.64,16,1.64s2.86,1.283,2.86,2.86S17.577,7.36,16,7.36z M16,2.36c-1.18,0-2.14,0.96-2.14,2.14S14.82,6.64,16,6.64 s2.14-0.96,2.14-2.14S17.18,2.36,16,2.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!