user edit icon

user-edit from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name
user-edit
Set
Prime Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

user-editFont Awesome Soliduser-edit-outlineFlowbite Iconsuser-editLine Awesomeuser-edit-fillMingCute Iconuser-editTabler Icons

Related icons in Prime Icons

user-minususer-plus

Use the user edit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.56 11.87a3.75 3.75 0 1 1 3.75-3.75a3.76 3.76 0 0 1-3.75 3.75m0-6a2.25 2.25 0 1 0 2.25 2.25a2.25 2.25 0 0 0-2.25-2.25m-7 13a.75.75 0 0 1-.75-.75c0-4.75 5.43-4.75 7.75-4.75c.72 0 1.36 0 1.94.07a.75.75 0 0 1 .69.8a.76.76 0 0 1-.81.69c-.54 0-1.14-.06-1.82-.06c-5.18 0-6.25 1.3-6.25 3.25a.74.74 0 0 1-.75.75m9.11.76a.75.75 0 0 1-.53-.22a.72.72 0 0 1-.22-.59l.16-1.92a.75.75 0 0 1 .21-.47l5.52-5.52a2.06 2.06 0 0 1 2.8 0a2 2 0 0 1 .58 1.44a1.86 1.86 0 0 1-.53 1.33l-5.52 5.52a.74.74 0 0 1-.46.22l-1.94.18Zm.88-2.34l-.06.76l.78-.07l5.33-5.33a.4.4 0 0 0 .09-.27a.6.6 0 0 0-.14-.38a.57.57 0 0 0-.68 0Z"/></svg>

React

import type { SVGProps } from "react";

export function PrimeUserEdit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.56 11.87a3.75 3.75 0 1 1 3.75-3.75a3.76 3.76 0 0 1-3.75 3.75m0-6a2.25 2.25 0 1 0 2.25 2.25a2.25 2.25 0 0 0-2.25-2.25m-7 13a.75.75 0 0 1-.75-.75c0-4.75 5.43-4.75 7.75-4.75c.72 0 1.36 0 1.94.07a.75.75 0 0 1 .69.8a.76.76 0 0 1-.81.69c-.54 0-1.14-.06-1.82-.06c-5.18 0-6.25 1.3-6.25 3.25a.74.74 0 0 1-.75.75m9.11.76a.75.75 0 0 1-.53-.22a.72.72 0 0 1-.22-.59l.16-1.92a.75.75 0 0 1 .21-.47l5.52-5.52a2.06 2.06 0 0 1 2.8 0a2 2 0 0 1 .58 1.44a1.86 1.86 0 0 1-.53 1.33l-5.52 5.52a.74.74 0 0 1-.46.22l-1.94.18Zm.88-2.34l-.06.76l.78-.07l5.33-5.33a.4.4 0 0 0 .09-.27a.6.6 0 0 0-.14-.38a.57.57 0 0 0-.68 0Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.56 11.87a3.75 3.75 0 1 1 3.75-3.75a3.76 3.76 0 0 1-3.75 3.75m0-6a2.25 2.25 0 1 0 2.25 2.25a2.25 2.25 0 0 0-2.25-2.25m-7 13a.75.75 0 0 1-.75-.75c0-4.75 5.43-4.75 7.75-4.75c.72 0 1.36 0 1.94.07a.75.75 0 0 1 .69.8a.76.76 0 0 1-.81.69c-.54 0-1.14-.06-1.82-.06c-5.18 0-6.25 1.3-6.25 3.25a.74.74 0 0 1-.75.75m9.11.76a.75.75 0 0 1-.53-.22a.72.72 0 0 1-.22-.59l.16-1.92a.75.75 0 0 1 .21-.47l5.52-5.52a2.06 2.06 0 0 1 2.8 0a2 2 0 0 1 .58 1.44a1.86 1.86 0 0 1-.53 1.33l-5.52 5.52a.74.74 0 0 1-.46.22l-1.94.18Zm.88-2.34l-.06.76l.78-.07l5.33-5.33a.4.4 0 0 0 .09-.27a.6.6 0 0 0-.14-.38a.57.57 0 0 0-.68 0Z"/></svg>
</template>

CSS

.icon-user-edit {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.56%2011.87a3.75%203.75%200%201%201%203.75-3.75a3.76%203.76%200%200%201-3.75%203.75m0-6a2.25%202.25%200%201%200%202.25%202.25a2.25%202.25%200%200%200-2.25-2.25m-7%2013a.75.75%200%200%201-.75-.75c0-4.75%205.43-4.75%207.75-4.75c.72%200%201.36%200%201.94.07a.75.75%200%200%201%20.69.8a.76.76%200%200%201-.81.69c-.54%200-1.14-.06-1.82-.06c-5.18%200-6.25%201.3-6.25%203.25a.74.74%200%200%201-.75.75m9.11.76a.75.75%200%200%201-.53-.22a.72.72%200%200%201-.22-.59l.16-1.92a.75.75%200%200%201%20.21-.47l5.52-5.52a2.06%202.06%200%200%201%202.8%200a2%202%200%200%201%20.58%201.44a1.86%201.86%200%200%201-.53%201.33l-5.52%205.52a.74.74%200%200%201-.46.22l-1.94.18Zm.88-2.34l-.06.76l.78-.07l5.33-5.33a.4.4%200%200%200%20.09-.27a.6.6%200%200%200-.14-.38a.57.57%200%200%200-.68%200Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.56%2011.87a3.75%203.75%200%201%201%203.75-3.75a3.76%203.76%200%200%201-3.75%203.75m0-6a2.25%202.25%200%201%200%202.25%202.25a2.25%202.25%200%200%200-2.25-2.25m-7%2013a.75.75%200%200%201-.75-.75c0-4.75%205.43-4.75%207.75-4.75c.72%200%201.36%200%201.94.07a.75.75%200%200%201%20.69.8a.76.76%200%200%201-.81.69c-.54%200-1.14-.06-1.82-.06c-5.18%200-6.25%201.3-6.25%203.25a.74.74%200%200%201-.75.75m9.11.76a.75.75%200%200%201-.53-.22a.72.72%200%200%201-.22-.59l.16-1.92a.75.75%200%200%201%20.21-.47l5.52-5.52a2.06%202.06%200%200%201%202.8%200a2%202%200%200%201%20.58%201.44a1.86%201.86%200%200%201-.53%201.33l-5.52%205.52a.74.74%200%200%201-.46.22l-1.94.18Zm.88-2.34l-.06.76l.78-.07l5.33-5.33a.4.4%200%200%200%20.09-.27a.6.6%200%200%200-.14-.38a.57.57%200%200%200-.68%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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