user icon

user from Font Awesome 6 Regular by Dave Gandy · Regular · Interfaces · CC-BY-4.0 Attribution required.

Name
user
Set
Font Awesome 6 Regular
Style
Regular
Category
Interfaces
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

user-outlinedAnt Design IconsuserBoxIcons v2userBoxIcons v2 SoliduserCarbonuserElement PlususerFont Awesome 6 SoliduserFont Awesome RegularuserFont Awesome SoliduserFeather Iconsuser-outlineFlowbite Iconsusercss.gguserHeroIconsuserHuge IconsuserHumbleiconsuserIconParkuserIconPark OutlineuserIconPark SoliduserIconPark TwoToneuserIconoiruserJam IconsuserLine AwesomeuserLucideuserMage IconsuserMajesticons

More interfaces icons from Font Awesome 6 Regular

flagstarstar-half

Use the user icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M304 128a80 80 0 1 0-160 0a80 80 0 1 0 160 0m-208 0a128 128 0 1 1 256 0a128 128 0 1 1-256 0M49.3 464h349.5c-8.9-63.3-63.3-112-129-112h-91.4c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularUser(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M304 128a80 80 0 1 0-160 0a80 80 0 1 0 160 0m-208 0a128 128 0 1 1 256 0a128 128 0 1 1-256 0M49.3 464h349.5c-8.9-63.3-63.3-112-129-112h-91.4c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M304 128a80 80 0 1 0-160 0a80 80 0 1 0 160 0m-208 0a128 128 0 1 1 256 0a128 128 0 1 1-256 0M49.3 464h349.5c-8.9-63.3-63.3-112-129-112h-91.4c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3"/></svg>
</template>

CSS

.icon-user {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M304%20128a80%2080%200%201%200-160%200a80%2080%200%201%200%20160%200m-208%200a128%20128%200%201%201%20256%200a128%20128%200%201%201-256%200M49.3%20464h349.5c-8.9-63.3-63.3-112-129-112h-91.4c-65.7%200-120.1%2048.7-129%20112zM0%20482.3C0%20383.8%2079.8%20304%20178.3%20304h91.4c98.5%200%20178.3%2079.8%20178.3%20178.3c0%2016.4-13.3%2029.7-29.7%2029.7H29.7C13.3%20512%200%20498.7%200%20482.3%22%2F%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M304%20128a80%2080%200%201%200-160%200a80%2080%200%201%200%20160%200m-208%200a128%20128%200%201%201%20256%200a128%20128%200%201%201-256%200M49.3%20464h349.5c-8.9-63.3-63.3-112-129-112h-91.4c-65.7%200-120.1%2048.7-129%20112zM0%20482.3C0%20383.8%2079.8%20304%20178.3%20304h91.4c98.5%200%20178.3%2079.8%20178.3%20178.3c0%2016.4-13.3%2029.7-29.7%2029.7H29.7C13.3%20512%200%20498.7%200%20482.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/user.svg?color=%231a73e8&size=48