Menu

Beta
Sign in
User Profile SVG icon, rounded

User Profile SVG icon, rounded

A person-shaped symbol represents an account or profile area. Add it to a website header or a mobile app navigation bar to provide access to user details and account settings.

Free · from Rounded Interface Icons

Similar SVGs

More from Rounded Interface Icons

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JiuRnDFEKtPd/amnt.svg" alt="User Profile" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="layer-1" data-name="Group 1"><path d="M42 21C42 26.52 37.52 31 32 31C26.48 31 22 26.52 22 21C22 15.48 26.48 11 32 11C37.52 11 42 15.48 42 21Z" fill="#a8dadc" stroke="#264653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 53C15.79 53 14 51.21 14 49L14 47C14 39.27 20.27 33 28 33L36 33C43.73 33 50 39.27 50 47L50 49C50 51.21 48.21 53 46 53Z" fill="#a8dadc" stroke="#264653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.user-profile {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JiuRnDFEKtPd/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.user-profile {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JiuRnDFEKtPd/amnt.svg") center / contain no-repeat;
}
React
import UserProfileSvg from "./user-profile.jsx"; // from the React tab above

<UserProfileSvg width={48} height={48} />

Tags

userprofileaccountperson

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words User profile. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep the shapes simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Rounded Interface Icons. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings