user icon
user-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- user-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- user, user-outline
The same icon in other sets
userBoxIcons v2userBoxIcons v2 SoliduserCarbonuserElement PlususerFont Awesome 6 RegularuserFont Awesome 6 SoliduserFont Awesome RegularuserFont Awesome SoliduserFeather Iconsuser-outlineFlowbite Iconsusercss.gguserHeroIconsuserHuge IconsuserHumbleiconsuserIconParkuserIconPark OutlineuserIconPark SoliduserIconPark TwoToneuserIconoiruserJam IconsuserLine AwesomeuserLucideuserMage IconsuserMajesticons
Related icons in Ant Design Icons
Use the user icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M858.5 763.6a374 374 0 0 0-80.6-119.5a375.6 375.6 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1c-.4.2-.8.3-1.2.5c-44.8 18.9-85 46-119.5 80.6a375.6 375.6 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8c2-77.2 33-149.5 87.8-204.3c56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2M512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362s17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362s-17.9 89.1-50.4 121.6S557.9 534 512 534"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignUserOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M858.5 763.6a374 374 0 0 0-80.6-119.5a375.6 375.6 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1c-.4.2-.8.3-1.2.5c-44.8 18.9-85 46-119.5 80.6a375.6 375.6 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8c2-77.2 33-149.5 87.8-204.3c56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2M512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362s17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362s-17.9 89.1-50.4 121.6S557.9 534 512 534"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M858.5 763.6a374 374 0 0 0-80.6-119.5a375.6 375.6 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1c-.4.2-.8.3-1.2.5c-44.8 18.9-85 46-119.5 80.6a375.6 375.6 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8c2-77.2 33-149.5 87.8-204.3c56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2M512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362s17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362s-17.9 89.1-50.4 121.6S557.9 534 512 534"/></svg> </template>
CSS
.icon-user-outlined {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M858.5%20763.6a374%20374%200%200%200-80.6-119.5a375.6%20375.6%200%200%200-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5%20518%20760%20444.7%20760%20362c0-137-111-248-248-248S264%20225%20264%20362c0%2082.7%2040.5%20156%20102.8%20201.1c-.4.2-.8.3-1.2.5c-44.8%2018.9-85%2046-119.5%2080.6a375.6%20375.6%200%200%200-80.6%20119.5A371.7%20371.7%200%200%200%20136%20901.8a8%208%200%200%200%208%208.2h60c4.4%200%207.9-3.5%208-7.8c2-77.2%2033-149.5%2087.8-204.3c56.7-56.7%20132-87.9%20212.2-87.9s155.5%2031.2%20212.2%2087.9C779%20752.7%20810%20825%20812%20902.2c.1%204.4%203.6%207.8%208%207.8h60a8%208%200%200%200%208-8.2c-1-47.8-10.9-94.3-29.5-138.2M512%20534c-45.9%200-89.1-17.9-121.6-50.4S340%20407.9%20340%20362s17.9-89.1%2050.4-121.6S466.1%20190%20512%20190s89.1%2017.9%20121.6%2050.4S684%20316.1%20684%20362s-17.9%2089.1-50.4%20121.6S557.9%20534%20512%20534%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M858.5%20763.6a374%20374%200%200%200-80.6-119.5a375.6%20375.6%200%200%200-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5%20518%20760%20444.7%20760%20362c0-137-111-248-248-248S264%20225%20264%20362c0%2082.7%2040.5%20156%20102.8%20201.1c-.4.2-.8.3-1.2.5c-44.8%2018.9-85%2046-119.5%2080.6a375.6%20375.6%200%200%200-80.6%20119.5A371.7%20371.7%200%200%200%20136%20901.8a8%208%200%200%200%208%208.2h60c4.4%200%207.9-3.5%208-7.8c2-77.2%2033-149.5%2087.8-204.3c56.7-56.7%20132-87.9%20212.2-87.9s155.5%2031.2%20212.2%2087.9C779%20752.7%20810%20825%20812%20902.2c.1%204.4%203.6%207.8%208%207.8h60a8%208%200%200%200%208-8.2c-1-47.8-10.9-94.3-29.5-138.2M512%20534c-45.9%200-89.1-17.9-121.6-50.4S340%20407.9%20340%20362s17.9-89.1%2050.4-121.6S466.1%20190%20512%20190s89.1%2017.9%20121.6%2050.4S684%20316.1%20684%20362s-17.9%2089.1-50.4%20121.6S557.9%20534%20512%20534%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/user-outlined.svg?color=%231a73e8&size=48
