user circle dashed icon
user-circle-dashed-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- user-circle-dashed-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the user circle dashed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92.38 38.05A12 12 0 0 1 101 23.42a108 108 0 0 1 54 0a12 12 0 1 1-6 23.23a84 84 0 0 0-42 0a12 12 0 0 1-14.62-8.6m-60.09 75.82a12.2 12.2 0 0 0 3.2.43a12 12 0 0 0 11.56-8.8a84 84 0 0 1 21-36.35a12 12 0 1 0-17.11-16.81a108.1 108.1 0 0 0-27 46.76a12 12 0 0 0 8.35 14.77M149 209.35a84 84 0 0 1-42 0a12 12 0 1 0-6 23.23a108 108 0 0 0 54 0a12 12 0 1 0-6-23.23m59.95-103.83a12 12 0 0 0 23.12-6.42a108 108 0 0 0-27-46.78A12 12 0 1 0 188 69.15a84 84 0 0 1 20.94 36.37Zm23.15 51.39a107.86 107.86 0 0 1-31.86 51.38a12 12 0 0 1-18.72-3.48a60 60 0 0 0-107 0a12 12 0 0 1-8.5 6.36a12.5 12.5 0 0 1-2.19.2a12 12 0 0 1-8-3.08a107.85 107.85 0 0 1-31.92-51.39A12 12 0 0 1 47 150.49A83.6 83.6 0 0 0 62 180a83.46 83.46 0 0 1 29-23.47a52 52 0 1 1 74 0A83.6 83.6 0 0 1 194 180a83.7 83.7 0 0 0 15-29.49a12 12 0 0 1 23.13 6.42ZM128 148a28 28 0 1 0-28-28a28 28 0 0 0 28 28"/></svg>
React
import type { SVGProps } from "react";
export function PhUserCircleDashedBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92.38 38.05A12 12 0 0 1 101 23.42a108 108 0 0 1 54 0a12 12 0 1 1-6 23.23a84 84 0 0 0-42 0a12 12 0 0 1-14.62-8.6m-60.09 75.82a12.2 12.2 0 0 0 3.2.43a12 12 0 0 0 11.56-8.8a84 84 0 0 1 21-36.35a12 12 0 1 0-17.11-16.81a108.1 108.1 0 0 0-27 46.76a12 12 0 0 0 8.35 14.77M149 209.35a84 84 0 0 1-42 0a12 12 0 1 0-6 23.23a108 108 0 0 0 54 0a12 12 0 1 0-6-23.23m59.95-103.83a12 12 0 0 0 23.12-6.42a108 108 0 0 0-27-46.78A12 12 0 1 0 188 69.15a84 84 0 0 1 20.94 36.37Zm23.15 51.39a107.86 107.86 0 0 1-31.86 51.38a12 12 0 0 1-18.72-3.48a60 60 0 0 0-107 0a12 12 0 0 1-8.5 6.36a12.5 12.5 0 0 1-2.19.2a12 12 0 0 1-8-3.08a107.85 107.85 0 0 1-31.92-51.39A12 12 0 0 1 47 150.49A83.6 83.6 0 0 0 62 180a83.46 83.46 0 0 1 29-23.47a52 52 0 1 1 74 0A83.6 83.6 0 0 1 194 180a83.7 83.7 0 0 0 15-29.49a12 12 0 0 1 23.13 6.42ZM128 148a28 28 0 1 0-28-28a28 28 0 0 0 28 28"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92.38 38.05A12 12 0 0 1 101 23.42a108 108 0 0 1 54 0a12 12 0 1 1-6 23.23a84 84 0 0 0-42 0a12 12 0 0 1-14.62-8.6m-60.09 75.82a12.2 12.2 0 0 0 3.2.43a12 12 0 0 0 11.56-8.8a84 84 0 0 1 21-36.35a12 12 0 1 0-17.11-16.81a108.1 108.1 0 0 0-27 46.76a12 12 0 0 0 8.35 14.77M149 209.35a84 84 0 0 1-42 0a12 12 0 1 0-6 23.23a108 108 0 0 0 54 0a12 12 0 1 0-6-23.23m59.95-103.83a12 12 0 0 0 23.12-6.42a108 108 0 0 0-27-46.78A12 12 0 1 0 188 69.15a84 84 0 0 1 20.94 36.37Zm23.15 51.39a107.86 107.86 0 0 1-31.86 51.38a12 12 0 0 1-18.72-3.48a60 60 0 0 0-107 0a12 12 0 0 1-8.5 6.36a12.5 12.5 0 0 1-2.19.2a12 12 0 0 1-8-3.08a107.85 107.85 0 0 1-31.92-51.39A12 12 0 0 1 47 150.49A83.6 83.6 0 0 0 62 180a83.46 83.46 0 0 1 29-23.47a52 52 0 1 1 74 0A83.6 83.6 0 0 1 194 180a83.7 83.7 0 0 0 15-29.49a12 12 0 0 1 23.13 6.42ZM128 148a28 28 0 1 0-28-28a28 28 0 0 0 28 28"/></svg> </template>
CSS
.icon-user-circle-dashed-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M92.38%2038.05A12%2012%200%200%201%20101%2023.42a108%20108%200%200%201%2054%200a12%2012%200%201%201-6%2023.23a84%2084%200%200%200-42%200a12%2012%200%200%201-14.62-8.6m-60.09%2075.82a12.2%2012.2%200%200%200%203.2.43a12%2012%200%200%200%2011.56-8.8a84%2084%200%200%201%2021-36.35a12%2012%200%201%200-17.11-16.81a108.1%20108.1%200%200%200-27%2046.76a12%2012%200%200%200%208.35%2014.77M149%20209.35a84%2084%200%200%201-42%200a12%2012%200%201%200-6%2023.23a108%20108%200%200%200%2054%200a12%2012%200%201%200-6-23.23m59.95-103.83a12%2012%200%200%200%2023.12-6.42a108%20108%200%200%200-27-46.78A12%2012%200%201%200%20188%2069.15a84%2084%200%200%201%2020.94%2036.37Zm23.15%2051.39a107.86%20107.86%200%200%201-31.86%2051.38a12%2012%200%200%201-18.72-3.48a60%2060%200%200%200-107%200a12%2012%200%200%201-8.5%206.36a12.5%2012.5%200%200%201-2.19.2a12%2012%200%200%201-8-3.08a107.85%20107.85%200%200%201-31.92-51.39A12%2012%200%200%201%2047%20150.49A83.6%2083.6%200%200%200%2062%20180a83.46%2083.46%200%200%201%2029-23.47a52%2052%200%201%201%2074%200A83.6%2083.6%200%200%201%20194%20180a83.7%2083.7%200%200%200%2015-29.49a12%2012%200%200%201%2023.13%206.42ZM128%20148a28%2028%200%201%200-28-28a28%2028%200%200%200%2028%2028%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M92.38%2038.05A12%2012%200%200%201%20101%2023.42a108%20108%200%200%201%2054%200a12%2012%200%201%201-6%2023.23a84%2084%200%200%200-42%200a12%2012%200%200%201-14.62-8.6m-60.09%2075.82a12.2%2012.2%200%200%200%203.2.43a12%2012%200%200%200%2011.56-8.8a84%2084%200%200%201%2021-36.35a12%2012%200%201%200-17.11-16.81a108.1%20108.1%200%200%200-27%2046.76a12%2012%200%200%200%208.35%2014.77M149%20209.35a84%2084%200%200%201-42%200a12%2012%200%201%200-6%2023.23a108%20108%200%200%200%2054%200a12%2012%200%201%200-6-23.23m59.95-103.83a12%2012%200%200%200%2023.12-6.42a108%20108%200%200%200-27-46.78A12%2012%200%201%200%20188%2069.15a84%2084%200%200%201%2020.94%2036.37Zm23.15%2051.39a107.86%20107.86%200%200%201-31.86%2051.38a12%2012%200%200%201-18.72-3.48a60%2060%200%200%200-107%200a12%2012%200%200%201-8.5%206.36a12.5%2012.5%200%200%201-2.19.2a12%2012%200%200%201-8-3.08a107.85%20107.85%200%200%201-31.92-51.39A12%2012%200%200%201%2047%20150.49A83.6%2083.6%200%200%200%2062%20180a83.46%2083.46%200%200%201%2029-23.47a52%2052%200%201%201%2074%200A83.6%2083.6%200%200%201%20194%20180a83.7%2083.7%200%200%200%2015-29.49a12%2012%200%200%201%2023.13%206.42ZM128%20148a28%2028%200%201%200-28-28a28%2028%200%200%200%2028%2028%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/user-circle-dashed-bold.svg?color=%231a73e8&size=48
