Gentleface › People & accounts › user-switch

user-switch icon

User switch: switch account, switch user, change account, switch profile. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14 2.5C14 2.359 14.048 2.241 14.144 2.144C14.241 2.048 14.359 2 14.5 2C14.641 2 14.759 2.048 14.856 2.144C14.952 2.241 15 2.359 15 2.5L15 5.5C15 5.641 14.952 5.759 14.856 5.856C14.759 5.952 14.641 6 14.5 6L11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5C11 5.359 11.048 5.241 11.144 5.144C11.241 5.048 11.359 5 11.5 5L13.293 5L11.146 2.854C10.939 2.646 10.724 2.482 10.503 2.361C10.301 2.251 10.076 2.168 9.829 2.113C9.605 2.063 9.333 2.031 9.015 2.015C8.809 2.005 8.471 2 8 2C7.27 2 6.563 2.129 5.88 2.387C5.145 2.665 4.489 3.071 3.913 3.607C3.337 4.143 2.884 4.768 2.554 5.482C2.248 6.144 2.068 6.84 2.016 7.568C2.005 7.708 1.949 7.823 1.846 7.912C1.743 8.001 1.621 8.041 1.481 8.03C1.34 8.02 1.226 7.964 1.136 7.861C1.047 7.758 1.008 7.636 1.018 7.496C1.08 6.646 1.289 5.835 1.646 5.062C2.032 4.229 2.56 3.5 3.232 2.875C3.904 2.25 4.669 1.775 5.527 1.451C6.324 1.15 7.148 1 8 1C8.487 1 8.842 1.005 9.063 1.016C9.439 1.035 9.766 1.075 10.046 1.137C10.73 1.289 11.333 1.625 11.854 2.146L14 4.293L14 2.5ZM6.14 6.264C6.242 6.007 6.391 5.781 6.586 5.586C6.781 5.391 7.007 5.242 7.264 5.14C7.5 5.047 7.746 5 8 5C8.254 5 8.5 5.047 8.736 5.14C8.993 5.242 9.219 5.391 9.414 5.586C9.609 5.781 9.758 6.007 9.86 6.264C9.953 6.5 10 6.746 10 7C10 7.254 9.953 7.5 9.86 7.736C9.758 7.993 9.609 8.219 9.414 8.414C9.219 8.609 8.993 8.758 8.736 8.86C8.5 8.953 8.254 9 8 9C7.746 9 7.5 8.953 7.264 8.86C7.007 8.758 6.781 8.609 6.586 8.414C6.391 8.219 6.242 7.993 6.14 7.736C6.047 7.5 6 7.254 6 7C6 6.746 6.047 6.5 6.14 6.264ZM2 13.5C2 13.641 1.952 13.759 1.856 13.856C1.759 13.952 1.641 14 1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5L1 10.5C1 10.359 1.048 10.241 1.144 10.144C1.241 10.048 1.359 10 1.5 10L4.5 10C4.641 10 4.759 10.048 4.856 10.144C4.952 10.241 5 10.359 5 10.5C5 10.641 4.952 10.759 4.856 10.856C4.759 10.952 4.641 11 4.5 11L2.707 11L4.854 13.146C5.061 13.354 5.276 13.518 5.497 13.639C5.699 13.749 5.924 13.832 6.171 13.887C6.395 13.937 6.667 13.969 6.985 13.985C7.191 13.995 7.529 14 8 14C8.73 14 9.437 13.871 10.12 13.613C10.855 13.335 11.511 12.929 12.087 12.393C12.663 11.857 13.116 11.232 13.446 10.518C13.752 9.856 13.932 9.16 13.984 8.432C13.994 8.294 14.052 8.18 14.156 8.09C14.26 8 14.381 7.96 14.519 7.97C14.66 7.98 14.774 8.036 14.864 8.139C14.953 8.242 14.992 8.364 14.982 8.504C14.92 9.354 14.711 10.165 14.354 10.938C13.968 11.771 13.44 12.5 12.768 13.125C12.096 13.75 11.331 14.225 10.473 14.549C9.676 14.85 8.852 15 8 15C7.513 15 7.158 14.995 6.937 14.984C6.561 14.965 6.234 14.925 5.954 14.863C5.27 14.711 4.667 14.375 4.146 13.854L2 11.707L2 13.5ZM10.51 13L5.49 13C5.463 13 5.436 12.998 5.41 12.993C5.166 12.949 5.003 12.715 5.047 12.471C5.082 12.275 5.136 12.083 5.211 11.896C5.363 11.511 5.586 11.172 5.879 10.879C6.172 10.586 6.511 10.363 6.896 10.211C7.25 10.07 7.619 10 8 10C8.381 10 8.75 10.07 9.104 10.211C9.489 10.363 9.828 10.586 10.121 10.879C10.414 11.172 10.637 11.511 10.789 11.896C10.864 12.083 10.918 12.275 10.953 12.471C10.958 12.497 10.96 12.523 10.96 12.55C10.96 12.799 10.759 13 10.51 13Z"/></svg>

React

// Gentleface "user-switch" (line-round), MIT. https://gentleface.com/icons/user-switch
import type { SVGProps } from 'react';

export function UserSwitchIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14 2.5C14 2.359 14.048 2.241 14.144 2.144C14.241 2.048 14.359 2 14.5 2C14.641 2 14.759 2.048 14.856 2.144C14.952 2.241 15 2.359 15 2.5L15 5.5C15 5.641 14.952 5.759 14.856 5.856C14.759 5.952 14.641 6 14.5 6L11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5C11 5.359 11.048 5.241 11.144 5.144C11.241 5.048 11.359 5 11.5 5L13.293 5L11.146 2.854C10.939 2.646 10.724 2.482 10.503 2.361C10.301 2.251 10.076 2.168 9.829 2.113C9.605 2.063 9.333 2.031 9.015 2.015C8.809 2.005 8.471 2 8 2C7.27 2 6.563 2.129 5.88 2.387C5.145 2.665 4.489 3.071 3.913 3.607C3.337 4.143 2.884 4.768 2.554 5.482C2.248 6.144 2.068 6.84 2.016 7.568C2.005 7.708 1.949 7.823 1.846 7.912C1.743 8.001 1.621 8.041 1.481 8.03C1.34 8.02 1.226 7.964 1.136 7.861C1.047 7.758 1.008 7.636 1.018 7.496C1.08 6.646 1.289 5.835 1.646 5.062C2.032 4.229 2.56 3.5 3.232 2.875C3.904 2.25 4.669 1.775 5.527 1.451C6.324 1.15 7.148 1 8 1C8.487 1 8.842 1.005 9.063 1.016C9.439 1.035 9.766 1.075 10.046 1.137C10.73 1.289 11.333 1.625 11.854 2.146L14 4.293L14 2.5ZM6.14 6.264C6.242 6.007 6.391 5.781 6.586 5.586C6.781 5.391 7.007 5.242 7.264 5.14C7.5 5.047 7.746 5 8 5C8.254 5 8.5 5.047 8.736 5.14C8.993 5.242 9.219 5.391 9.414 5.586C9.609 5.781 9.758 6.007 9.86 6.264C9.953 6.5 10 6.746 10 7C10 7.254 9.953 7.5 9.86 7.736C9.758 7.993 9.609 8.219 9.414 8.414C9.219 8.609 8.993 8.758 8.736 8.86C8.5 8.953 8.254 9 8 9C7.746 9 7.5 8.953 7.264 8.86C7.007 8.758 6.781 8.609 6.586 8.414C6.391 8.219 6.242 7.993 6.14 7.736C6.047 7.5 6 7.254 6 7C6 6.746 6.047 6.5 6.14 6.264ZM2 13.5C2 13.641 1.952 13.759 1.856 13.856C1.759 13.952 1.641 14 1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5L1 10.5C1 10.359 1.048 10.241 1.144 10.144C1.241 10.048 1.359 10 1.5 10L4.5 10C4.641 10 4.759 10.048 4.856 10.144C4.952 10.241 5 10.359 5 10.5C5 10.641 4.952 10.759 4.856 10.856C4.759 10.952 4.641 11 4.5 11L2.707 11L4.854 13.146C5.061 13.354 5.276 13.518 5.497 13.639C5.699 13.749 5.924 13.832 6.171 13.887C6.395 13.937 6.667 13.969 6.985 13.985C7.191 13.995 7.529 14 8 14C8.73 14 9.437 13.871 10.12 13.613C10.855 13.335 11.511 12.929 12.087 12.393C12.663 11.857 13.116 11.232 13.446 10.518C13.752 9.856 13.932 9.16 13.984 8.432C13.994 8.294 14.052 8.18 14.156 8.09C14.26 8 14.381 7.96 14.519 7.97C14.66 7.98 14.774 8.036 14.864 8.139C14.953 8.242 14.992 8.364 14.982 8.504C14.92 9.354 14.711 10.165 14.354 10.938C13.968 11.771 13.44 12.5 12.768 13.125C12.096 13.75 11.331 14.225 10.473 14.549C9.676 14.85 8.852 15 8 15C7.513 15 7.158 14.995 6.937 14.984C6.561 14.965 6.234 14.925 5.954 14.863C5.27 14.711 4.667 14.375 4.146 13.854L2 11.707L2 13.5ZM10.51 13L5.49 13C5.463 13 5.436 12.998 5.41 12.993C5.166 12.949 5.003 12.715 5.047 12.471C5.082 12.275 5.136 12.083 5.211 11.896C5.363 11.511 5.586 11.172 5.879 10.879C6.172 10.586 6.511 10.363 6.896 10.211C7.25 10.07 7.619 10 8 10C8.381 10 8.75 10.07 9.104 10.211C9.489 10.363 9.828 10.586 10.121 10.879C10.414 11.172 10.637 11.511 10.789 11.896C10.864 12.083 10.918 12.275 10.953 12.471C10.958 12.497 10.96 12.523 10.96 12.55C10.96 12.799 10.759 13 10.51 13Z" />
    </svg>
  );
}

Vue

Vue: see /icons/user-switch.md

Svelte

Svelte: see /icons/user-switch.md

HTML img

HTML img: see /icons/user-switch.md

CSS

CSS: see /icons/user-switch.md

Data URL

Data URL: see /icons/user-switch.md

Sprite

Sprite: see /icons/user-switch.md

SwiftUI

SwiftUI: see /icons/user-switch.md

Compose

Compose: see /icons/user-switch.md

Android XML

Android XML: see /icons/user-switch.md

Flutter

Flutter: see /icons/user-switch.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

switch account, switch user, change account, switch profile, change user

Alternatives

log-out: sign out completely

Also fits

view as: switch to another account
swap: switch between signed-in accounts (switch-account)
log out: switch to another account without signing out

Not for

transfer ownership (use user-arrow-right): user-switch changes the signed-in account; nothing is handed over

Tags

user, account, switch, swap, change, profile, avatar, login-as, accounts

Category

People & accounts

Component name

UserSwitchIcon

History

2026-10-16 added

Family 38

user user-alert user-arrow-right user-ban user-check user-circle user-clock user-gear user-guest user-heart user-info user-key

More people & accounts icons

address-book baby baby-carriage contact-card gender-female gender-male gender-transgender id-badge id-card id-card-check log-in log-out non-binary user-standing · all people & accounts icons

For agents

Metadata: /icons/user-switch.json · Markdown: /icons/user-switch.md · SVG: https://gentleface.com/svg/{style}/16/user-switch.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/user-switch.png

user-switch icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp