user edit icon
user-edit from Reicon by REICON · Outline · Users · MIT Free for personal and commercial use.
- Name
- user-edit
- Set
- Reicon
- Style
- Outline
- Category
- Users
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All user edit icons →More users icons from Reicon
Use the user edit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10 1.25a5.25 5.25 0 1 0 0 10.5a5.25 5.25 0 0 0 0-10.5M6.25 6.5a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clip-rule="evenodd"/><path d="M2.743 20.106C3.176 17.073 6.266 14.75 10 14.75c.881 0 1.735.132 2.528.375a.75.75 0 0 0 .44-1.434a10.1 10.1 0 0 0-2.968-.44c-4.266 0-8.177 2.676-8.743 6.643a.75.75 0 0 0 1.485.212"/><path fill-rule="evenodd" d="M18.735 11.654a2.25 2.25 0 0 1 2.569 0c.166.115.323.273.506.455l.08.08c.184.184.341.34.457.507a2.25 2.25 0 0 1 0 2.57c-.115.166-.273.323-.456.506l-5.983 5.985a.75.75 0 0 1-.363.2l-3.378.774a.75.75 0 0 1-.898-.899l.774-3.373a.75.75 0 0 1 .2-.363l5.986-5.986c.182-.183.34-.34.506-.456m1.713 1.231a.75.75 0 0 0-.857 0c-.04.029-.096.08-.342.326l-.479.479l1.541 1.54l.48-.478c.245-.247.296-.302.325-.343a.75.75 0 0 0 0-.856c-.029-.041-.08-.096-.326-.342s-.301-.297-.342-.326m-1.197 3.406l-1.541-1.54l-4.253 4.253L13 21.002l2-.458z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconUserEdit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M10 1.25a5.25 5.25 0 1 0 0 10.5a5.25 5.25 0 0 0 0-10.5M6.25 6.5a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clipRule="evenodd"/><path d="M2.743 20.106C3.176 17.073 6.266 14.75 10 14.75c.881 0 1.735.132 2.528.375a.75.75 0 0 0 .44-1.434a10.1 10.1 0 0 0-2.968-.44c-4.266 0-8.177 2.676-8.743 6.643a.75.75 0 0 0 1.485.212"/><path fillRule="evenodd" d="M18.735 11.654a2.25 2.25 0 0 1 2.569 0c.166.115.323.273.506.455l.08.08c.184.184.341.34.457.507a2.25 2.25 0 0 1 0 2.57c-.115.166-.273.323-.456.506l-5.983 5.985a.75.75 0 0 1-.363.2l-3.378.774a.75.75 0 0 1-.898-.899l.774-3.373a.75.75 0 0 1 .2-.363l5.986-5.986c.182-.183.34-.34.506-.456m1.713 1.231a.75.75 0 0 0-.857 0c-.04.029-.096.08-.342.326l-.479.479l1.541 1.54l.48-.478c.245-.247.296-.302.325-.343a.75.75 0 0 0 0-.856c-.029-.041-.08-.096-.326-.342s-.301-.297-.342-.326m-1.197 3.406l-1.541-1.54l-4.253 4.253L13 21.002l2-.458z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10 1.25a5.25 5.25 0 1 0 0 10.5a5.25 5.25 0 0 0 0-10.5M6.25 6.5a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clip-rule="evenodd"/><path d="M2.743 20.106C3.176 17.073 6.266 14.75 10 14.75c.881 0 1.735.132 2.528.375a.75.75 0 0 0 .44-1.434a10.1 10.1 0 0 0-2.968-.44c-4.266 0-8.177 2.676-8.743 6.643a.75.75 0 0 0 1.485.212"/><path fill-rule="evenodd" d="M18.735 11.654a2.25 2.25 0 0 1 2.569 0c.166.115.323.273.506.455l.08.08c.184.184.341.34.457.507a2.25 2.25 0 0 1 0 2.57c-.115.166-.273.323-.456.506l-5.983 5.985a.75.75 0 0 1-.363.2l-3.378.774a.75.75 0 0 1-.898-.899l.774-3.373a.75.75 0 0 1 .2-.363l5.986-5.986c.182-.183.34-.34.506-.456m1.713 1.231a.75.75 0 0 0-.857 0c-.04.029-.096.08-.342.326l-.479.479l1.541 1.54l.48-.478c.245-.247.296-.302.325-.343a.75.75 0 0 0 0-.856c-.029-.041-.08-.096-.326-.342s-.301-.297-.342-.326m-1.197 3.406l-1.541-1.54l-4.253 4.253L13 21.002l2-.458z" clip-rule="evenodd"/></g></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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%201.25a5.25%205.25%200%201%200%200%2010.5a5.25%205.25%200%200%200%200-10.5M6.25%206.5a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M2.743%2020.106C3.176%2017.073%206.266%2014.75%2010%2014.75c.881%200%201.735.132%202.528.375a.75.75%200%200%200%20.44-1.434a10.1%2010.1%200%200%200-2.968-.44c-4.266%200-8.177%202.676-8.743%206.643a.75.75%200%200%200%201.485.212%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18.735%2011.654a2.25%202.25%200%200%201%202.569%200c.166.115.323.273.506.455l.08.08c.184.184.341.34.457.507a2.25%202.25%200%200%201%200%202.57c-.115.166-.273.323-.456.506l-5.983%205.985a.75.75%200%200%201-.363.2l-3.378.774a.75.75%200%200%201-.898-.899l.774-3.373a.75.75%200%200%201%20.2-.363l5.986-5.986c.182-.183.34-.34.506-.456m1.713%201.231a.75.75%200%200%200-.857%200c-.04.029-.096.08-.342.326l-.479.479l1.541%201.54l.48-.478c.245-.247.296-.302.325-.343a.75.75%200%200%200%200-.856c-.029-.041-.08-.096-.326-.342s-.301-.297-.342-.326m-1.197%203.406l-1.541-1.54l-4.253%204.253L13%2021.002l2-.458z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%201.25a5.25%205.25%200%201%200%200%2010.5a5.25%205.25%200%200%200%200-10.5M6.25%206.5a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M2.743%2020.106C3.176%2017.073%206.266%2014.75%2010%2014.75c.881%200%201.735.132%202.528.375a.75.75%200%200%200%20.44-1.434a10.1%2010.1%200%200%200-2.968-.44c-4.266%200-8.177%202.676-8.743%206.643a.75.75%200%200%200%201.485.212%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18.735%2011.654a2.25%202.25%200%200%201%202.569%200c.166.115.323.273.506.455l.08.08c.184.184.341.34.457.507a2.25%202.25%200%200%201%200%202.57c-.115.166-.273.323-.456.506l-5.983%205.985a.75.75%200%200%201-.363.2l-3.378.774a.75.75%200%200%201-.898-.899l.774-3.373a.75.75%200%200%201%20.2-.363l5.986-5.986c.182-.183.34-.34.506-.456m1.713%201.231a.75.75%200%200%200-.857%200c-.04.029-.096.08-.342.326l-.479.479l1.541%201.54l.48-.478c.245-.247.296-.302.325-.343a.75.75%200%200%200%200-.856c-.029-.041-.08-.096-.326-.342s-.301-.297-.342-.326m-1.197%203.406l-1.541-1.54l-4.253%204.253L13%2021.002l2-.458z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/user-edit.svg?color=%231a73e8&size=48
