user circle minus icon

user-circle-minus-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
user-circle-minus-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

Related icons in Phosphor

Use the user circle minus icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 76a44 44 0 1 1-44 44a44 44 0 0 1 44-44m48-12h48a8 8 0 0 0 0-16h-48a8 8 0 0 0 0 16m39.87 24.46A8 8 0 0 0 211 98.67a88 88 0 0 1-17.23 87.74A79.9 79.9 0 0 0 172 165.1a4 4 0 0 0-4.84.32a59.81 59.81 0 0 1-78.27 0a4 4 0 0 0-4.89-.32a79.7 79.7 0 0 0-21.79 21.31A88 88 0 0 1 128 40a89 89 0 0 1 14.68 1.22a8 8 0 0 0 2.64-15.78a103.9 103.9 0 1 0 80.76 67.89a8 8 0 0 0-10.21-4.87"/></svg>

React

import type { SVGProps } from "react";

export function PhUserCircleMinusFill(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="M128 76a44 44 0 1 1-44 44a44 44 0 0 1 44-44m48-12h48a8 8 0 0 0 0-16h-48a8 8 0 0 0 0 16m39.87 24.46A8 8 0 0 0 211 98.67a88 88 0 0 1-17.23 87.74A79.9 79.9 0 0 0 172 165.1a4 4 0 0 0-4.84.32a59.81 59.81 0 0 1-78.27 0a4 4 0 0 0-4.89-.32a79.7 79.7 0 0 0-21.79 21.31A88 88 0 0 1 128 40a89 89 0 0 1 14.68 1.22a8 8 0 0 0 2.64-15.78a103.9 103.9 0 1 0 80.76 67.89a8 8 0 0 0-10.21-4.87"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 76a44 44 0 1 1-44 44a44 44 0 0 1 44-44m48-12h48a8 8 0 0 0 0-16h-48a8 8 0 0 0 0 16m39.87 24.46A8 8 0 0 0 211 98.67a88 88 0 0 1-17.23 87.74A79.9 79.9 0 0 0 172 165.1a4 4 0 0 0-4.84.32a59.81 59.81 0 0 1-78.27 0a4 4 0 0 0-4.89-.32a79.7 79.7 0 0 0-21.79 21.31A88 88 0 0 1 128 40a89 89 0 0 1 14.68 1.22a8 8 0 0 0 2.64-15.78a103.9 103.9 0 1 0 80.76 67.89a8 8 0 0 0-10.21-4.87"/></svg>
</template>

CSS

.icon-user-circle-minus-fill {
  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%22M128%2076a44%2044%200%201%201-44%2044a44%2044%200%200%201%2044-44m48-12h48a8%208%200%200%200%200-16h-48a8%208%200%200%200%200%2016m39.87%2024.46A8%208%200%200%200%20211%2098.67a88%2088%200%200%201-17.23%2087.74A79.9%2079.9%200%200%200%20172%20165.1a4%204%200%200%200-4.84.32a59.81%2059.81%200%200%201-78.27%200a4%204%200%200%200-4.89-.32a79.7%2079.7%200%200%200-21.79%2021.31A88%2088%200%200%201%20128%2040a89%2089%200%200%201%2014.68%201.22a8%208%200%200%200%202.64-15.78a103.9%20103.9%200%201%200%2080.76%2067.89a8%208%200%200%200-10.21-4.87%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%22M128%2076a44%2044%200%201%201-44%2044a44%2044%200%200%201%2044-44m48-12h48a8%208%200%200%200%200-16h-48a8%208%200%200%200%200%2016m39.87%2024.46A8%208%200%200%200%20211%2098.67a88%2088%200%200%201-17.23%2087.74A79.9%2079.9%200%200%200%20172%20165.1a4%204%200%200%200-4.84.32a59.81%2059.81%200%200%201-78.27%200a4%204%200%200%200-4.89-.32a79.7%2079.7%200%200%200-21.79%2021.31A88%2088%200%200%201%20128%2040a89%2089%200%200%201%2014.68%201.22a8%208%200%200%200%202.64-15.78a103.9%20103.9%200%201%200%2080.76%2067.89a8%208%200%200%200-10.21-4.87%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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