User Circle icon

User Circle icon in outline, twotone, bold and bulk. Free in all four styles, for profile, account, teams, members, contacts. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconUserCircle } from "@devigner-ui/icons";

<IconUserCircle className="size-6" />

Vue

<script setup>
import { IconUserCircle } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconUserCircle class="size-6" />
</template>

Svelte

<script>
  import { IconUserCircle } from "@devigner-ui/icons-svelte";
</script>

<IconUserCircle class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="1" cx="12" cy="9.00049" r="3" stroke="currentColor" stroke-width="1.5"></circle><circle cx="12" cy="12.0005" r="10" stroke="currentColor" stroke-width="1.5"></circle><path opacity="1" d="M17.97 20c-.16-2.9-1.05-5-5.97-5s-5.81 2.1-5.97 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>

Category

Users & Profiles

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

profile, account, teams, members, contacts

Also called

user, circle, round, multiple circles, path, curved, smooth, arc, curve, circular, ring, dot, cycle, orb, loop, person, profile, account, avatar, member

More Users & Profiles icons

• People
• People Nearby
• Profile
• Profile2user
• Profile Add
• Profile Circle
• Profile Delete
• Profile Remove
• Profile Tick
• Tag User
• User
• User2
• User Add
• User Block
• User Block Rounded
• User Check
• User Check Rounded
• User Cirlce Add
• User Cross
• User Cross Rounded
• User Edit
• User Hand Up
• User Hands
• User Heart

All Users & Profiles icons

Browse all 8,584 icons