user square icon

user-square-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: user-square-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

The same icon in other sets

user-squareHuge Icons user-squareIconoir user-squareJam Icons user-squareMyna UI Icons user-squarePhosphor user-squareTabler Icons user-square-outlineTeenyicons user-squareUnicons

Related icons in Mage Icons

user-check user-circle user-cross user-minus user-plus user-question-mark

Use the user square icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.257 2H8.753A6.765 6.765 0 0 0 2 8.75v6.5a6.73 6.73 0 0 0 3.122 5.68a6 6 0 0 0 1.06.56a6.7 6.7 0 0 0 2.561.51h6.504c.9 0 1.791-.18 2.62-.53a6.5 6.5 0 0 0 1.131-.62A6.71 6.71 0 0 0 22 15.26v-6.5A6.76 6.76 0 0 0 15.257 2m-3.252 4.58a3.143 3.143 0 0 1 3.081 3.753a3.14 3.14 0 0 1-4.283 2.288a3.14 3.14 0 0 1-1.94-2.901a3.15 3.15 0 0 1 3.142-3.14m5.002 13.63a5 5 0 0 1-1.7.29H8.803a5.26 5.26 0 0 1-3.391-1.25a6.53 6.53 0 0 1 2.1-2.56a7.176 7.176 0 0 1 9.085 0a6.9 6.9 0 0 1 2.151 2.52c-.523.45-.828.698-1.486.907z"/></svg>

React

import type { SVGProps } from "react";

export function MageUserSquareFill(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="M15.257 2H8.753A6.765 6.765 0 0 0 2 8.75v6.5a6.73 6.73 0 0 0 3.122 5.68a6 6 0 0 0 1.06.56a6.7 6.7 0 0 0 2.561.51h6.504c.9 0 1.791-.18 2.62-.53a6.5 6.5 0 0 0 1.131-.62A6.71 6.71 0 0 0 22 15.26v-6.5A6.76 6.76 0 0 0 15.257 2m-3.252 4.58a3.143 3.143 0 0 1 3.081 3.753a3.14 3.14 0 0 1-4.283 2.288a3.14 3.14 0 0 1-1.94-2.901a3.15 3.15 0 0 1 3.142-3.14m5.002 13.63a5 5 0 0 1-1.7.29H8.803a5.26 5.26 0 0 1-3.391-1.25a6.53 6.53 0 0 1 2.1-2.56a7.176 7.176 0 0 1 9.085 0a6.9 6.9 0 0 1 2.151 2.52c-.523.45-.828.698-1.486.907z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.257 2H8.753A6.765 6.765 0 0 0 2 8.75v6.5a6.73 6.73 0 0 0 3.122 5.68a6 6 0 0 0 1.06.56a6.7 6.7 0 0 0 2.561.51h6.504c.9 0 1.791-.18 2.62-.53a6.5 6.5 0 0 0 1.131-.62A6.71 6.71 0 0 0 22 15.26v-6.5A6.76 6.76 0 0 0 15.257 2m-3.252 4.58a3.143 3.143 0 0 1 3.081 3.753a3.14 3.14 0 0 1-4.283 2.288a3.14 3.14 0 0 1-1.94-2.901a3.15 3.15 0 0 1 3.142-3.14m5.002 13.63a5 5 0 0 1-1.7.29H8.803a5.26 5.26 0 0 1-3.391-1.25a6.53 6.53 0 0 1 2.1-2.56a7.176 7.176 0 0 1 9.085 0a6.9 6.9 0 0 1 2.151 2.52c-.523.45-.828.698-1.486.907z"/></svg>
</template>

CSS

.icon-user-square-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.257%202H8.753A6.765%206.765%200%200%200%202%208.75v6.5a6.73%206.73%200%200%200%203.122%205.68a6%206%200%200%200%201.06.56a6.7%206.7%200%200%200%202.561.51h6.504c.9%200%201.791-.18%202.62-.53a6.5%206.5%200%200%200%201.131-.62A6.71%206.71%200%200%200%2022%2015.26v-6.5A6.76%206.76%200%200%200%2015.257%202m-3.252%204.58a3.143%203.143%200%200%201%203.081%203.753a3.14%203.14%200%200%201-4.283%202.288a3.14%203.14%200%200%201-1.94-2.901a3.15%203.15%200%200%201%203.142-3.14m5.002%2013.63a5%205%200%200%201-1.7.29H8.803a5.26%205.26%200%200%201-3.391-1.25a6.53%206.53%200%200%201%202.1-2.56a7.176%207.176%200%200%201%209.085%200a6.9%206.9%200%200%201%202.151%202.52c-.523.45-.828.698-1.486.907z%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%22M15.257%202H8.753A6.765%206.765%200%200%200%202%208.75v6.5a6.73%206.73%200%200%200%203.122%205.68a6%206%200%200%200%201.06.56a6.7%206.7%200%200%200%202.561.51h6.504c.9%200%201.791-.18%202.62-.53a6.5%206.5%200%200%200%201.131-.62A6.71%206.71%200%200%200%2022%2015.26v-6.5A6.76%206.76%200%200%200%2015.257%202m-3.252%204.58a3.143%203.143%200%200%201%203.081%203.753a3.14%203.14%200%200%201-4.283%202.288a3.14%203.14%200%200%201-1.94-2.901a3.15%203.15%200%200%201%203.142-3.14m5.002%2013.63a5%205%200%200%201-1.7.29H8.803a5.26%205.26%200%200%201-3.391-1.25a6.53%206.53%200%200%201%202.1-2.56a7.176%207.176%200%200%201%209.085%200a6.9%206.9%200%200%201%202.151%202.52c-.523.45-.828.698-1.486.907z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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