User Circle Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The User Circle icon is commonly used in account pages, profile sections and authentication flows. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/311013.svg" alt="User Circle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/311013.svg" alt="User Circle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/311013.svg" alt="User Circle icon" :width="24" :height="24" />
CSS background
.icon-user-circle {
background-image: url('https://proicons.com/icon/311013.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.7533 17.2467 2.5 12 2.5C6.7533 2.5 2.5 6.7533 2.5 12C2.5 17.2467 6.7533 21.5 12 21.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.3739 19.6528C6.90736 18.6208 7.71438 17.7554 8.70668 17.1513C9.69897 16.5472 10.8383 16.2277 12 16.2277C13.1617 16.2277 14.301 16.5472 15.2933 17.1513C16.2857 17.7554 17.0926 18.6208 17.6261 19.6528" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 13.0556C13.8772 13.0556 15.3989 11.5339 15.3989 9.6567C15.3989 7.77954 13.8772 6.25781 12 6.25781C10.1228 6.25781 8.60114 7.77954 8.60114 9.6567C8.60114 11.5339 10.1228 13.0556 12 13.0556Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
User Circle in other icon packs
Copied!