Profile Circle Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Profile Circle Svg 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/309404.svg" alt="Profile Circle Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309404.svg" alt="Profile Circle Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309404.svg" alt="Profile Circle Svg icon" :width="24" :height="24" />
CSS background
.icon-profile-circle---svg {
background-image: url('https://proicons.com/icon/309404.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="M21 12C21 13.8569 20.4376 15.5825 19.4739 17.0157C17.858 19.4189 15.1136 21 12 21C8.88636 21 6.14202 19.4189 4.52609 17.0157C3.56237 15.5825 3 13.8569 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="#292929" stroke-width="2"/> <path d="M13 9C13 9.55228 12.5523 10 12 10V12C13.6569 12 15 10.6569 15 9H13ZM12 10C11.4477 10 11 9.55228 11 9H9C9 10.6569 10.3431 12 12 12V10ZM11 9C11 8.44772 11.4477 8 12 8V6C10.3431 6 9 7.34315 9 9H11ZM12 8C12.5523 8 13 8.44772 13 9H15C15 7.34315 13.6569 6 12 6V8Z" fill="#292929"/> <path d="M5.16583 17.8564L4.20743 17.571L4.05179 18.0936L4.4068 18.5074L5.16583 17.8564ZM18.8341 17.8564L19.5932 18.5074L19.9482 18.0936L19.7925 17.571L18.8341 17.8564ZM8.99998 16H15V14H8.99998V16ZM8.99998 14C6.73381 14 4.82218 15.5068 4.20743 17.571L6.12423 18.1418C6.49342 16.9022 7.64264 16 8.99998 16V14ZM12 20C9.56986 20 7.39361 18.9177 5.92487 17.2054L4.4068 18.5074C6.23929 20.6439 8.9618 22 12 22V20ZM15 16C16.3573 16 17.5065 16.9022 17.8757 18.1418L19.7925 17.571C19.1778 15.5068 17.2661 14 15 14V16ZM18.0751 17.2054C16.6063 18.9177 14.4301 20 12 20V22C15.0381 22 17.7607 20.6439 19.5932 18.5074L18.0751 17.2054Z" fill="#292929"/> </svg>
Copied!