Hover the icon or press Play. Suggested motion: nod. Pick another to preview it and update the animated code:

Simple Line Icons · SlUserFollow

User Follow icon

A free user follow icon from Simple Line Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asperson icon profile icon account icon avatar icon member icon customer icon people icon

License: MIT license
Project: thesabbir.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-line-icons/user-follow.json

components/icons/simple-line-icons-user-follow.tsx

import * as React from "react";

/**
 * User Follow from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-line-icons/user-follow. Sized in em, colored by currentColor.
 */
export function SlUserFollowIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 1024 1024"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M64.064 894.688c0-25.44 19.091-33.405 26.723-36.94l281.04-132.625c20.144-9.248 34.048-28.32 36.752-50.32 2.72-22-6.16-43.84-23.456-57.712-66.48-53.376-97.456-170.688-97.456-233.185V224.002c0-66.864 116.4-159.856 224.128-159.856 108.672 0 223.92 91.536 223.92 159.856v159.92c0 61.552-25.6 179.312-94.256 233.359a63.99 63.99 0 0 0-23.968 57.809c2.624 22.16 16.592 41.312 36.848 50.623l95.92 45.504 15.808-63.872-85.008-39.776c88.656-69.776 118.656-206.832 118.656-283.648V224C799.715 118.08 653.09.146 511.795.146 370.483.146 223.665 118.082 223.665 224v159.92c0 69.872 31.888 211.248 121.393 283.088L64.018 799.633S.066 828.129.066 863.6v96.032c0 35.344 28.64 63.968 63.95 63.968h703.92v-64l-703.871.032v-64.944zm927.875-62.813h-96v-96c0-17.68-14.336-32-32-32s-32 14.32-32 32v96h-96c-17.664 0-32 14.32-32 32 0 17.664 14.336 32 32 32h96v96c0 17.664 14.336 32 32 32s32-14.336 32-32v-96h96c17.664 0 32-14.336 32-32 0-17.68-14.32-32-32-32z"
      />
    </svg>
  );
}

With react-icons

import { SlUserFollow } from "react-icons/sl";

export function Example() {
  return <SlUserFollow className="size-5" />;
}

user-follow.svg

<svg
  viewBox="0 0 1024 1024"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M64.064 894.688c0-25.44 19.091-33.405 26.723-36.94l281.04-132.625c20.144-9.248 34.048-28.32 36.752-50.32 2.72-22-6.16-43.84-23.456-57.712-66.48-53.376-97.456-170.688-97.456-233.185V224.002c0-66.864 116.4-159.856 224.128-159.856 108.672 0 223.92 91.536 223.92 159.856v159.92c0 61.552-25.6 179.312-94.256 233.359a63.99 63.99 0 0 0-23.968 57.809c2.624 22.16 16.592 41.312 36.848 50.623l95.92 45.504 15.808-63.872-85.008-39.776c88.656-69.776 118.656-206.832 118.656-283.648V224C799.715 118.08 653.09.146 511.795.146 370.483.146 223.665 118.082 223.665 224v159.92c0 69.872 31.888 211.248 121.393 283.088L64.018 799.633S.066 828.129.066 863.6v96.032c0 35.344 28.64 63.968 63.95 63.968h703.92v-64l-703.871.032v-64.944zm927.875-62.813h-96v-96c0-17.68-14.336-32-32-32s-32 14.32-32 32v96h-96c-17.664 0-32 14.32-32 32 0 17.664 14.336 32 32 32h96v96c0 17.664 14.336 32 32 32s32-14.336 32-32v-96h96c17.664 0 32-14.336 32-32 0-17.68-14.32-32-32-32z"
  />
</svg>

Attribution

"User Follow" icon from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), licensed under MIT license.

Related icons: person, profile, account, avatar

Similar Simple Line Icons icons