user tie icon

user-tie from Font Awesome Solid by Dave Gandy · Solid · Clothing · CC-BY-4.0 Attribution required.

Name: user-tie
Set: Font Awesome Solid
Style: Solid
Category: Clothing
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

user-tieFont Awesome 6 Solid user-tieLine Awesome

More clothing icons from Font Awesome Solid

Use the user tie icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 312c-66.3 0-120-53.7-120-120S253.7 72 320 72s120 53.7 120 120s-53.7 120-120 120m-30.5 56h61c9.7 0 17.5 7.8 17.5 17.5c0 4.2-1.5 8.2-4.2 11.4l-27.4 32l31 115.1h.6l34.6-138.5c2.2-8.7 11.1-14 19.5-10.8C484 418.3 528 478.3 528 548.5c0 15.1-12.3 27.4-27.4 27.4l-361.2.1c-15.1 0-27.4-12.3-27.4-27.4c0-70.2 44-130.2 105.9-153.8c8.4-3.2 17.3 2.1 19.5 10.8L272 544.1h.6l31-115.1l-27.4-32c-2.7-3.2-4.2-7.2-4.2-11.4c0-9.7 7.8-17.5 17.5-17.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUserTie(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 312c-66.3 0-120-53.7-120-120S253.7 72 320 72s120 53.7 120 120s-53.7 120-120 120m-30.5 56h61c9.7 0 17.5 7.8 17.5 17.5c0 4.2-1.5 8.2-4.2 11.4l-27.4 32l31 115.1h.6l34.6-138.5c2.2-8.7 11.1-14 19.5-10.8C484 418.3 528 478.3 528 548.5c0 15.1-12.3 27.4-27.4 27.4l-361.2.1c-15.1 0-27.4-12.3-27.4-27.4c0-70.2 44-130.2 105.9-153.8c8.4-3.2 17.3 2.1 19.5 10.8L272 544.1h.6l31-115.1l-27.4-32c-2.7-3.2-4.2-7.2-4.2-11.4c0-9.7 7.8-17.5 17.5-17.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 312c-66.3 0-120-53.7-120-120S253.7 72 320 72s120 53.7 120 120s-53.7 120-120 120m-30.5 56h61c9.7 0 17.5 7.8 17.5 17.5c0 4.2-1.5 8.2-4.2 11.4l-27.4 32l31 115.1h.6l34.6-138.5c2.2-8.7 11.1-14 19.5-10.8C484 418.3 528 478.3 528 548.5c0 15.1-12.3 27.4-27.4 27.4l-361.2.1c-15.1 0-27.4-12.3-27.4-27.4c0-70.2 44-130.2 105.9-153.8c8.4-3.2 17.3 2.1 19.5 10.8L272 544.1h.6l31-115.1l-27.4-32c-2.7-3.2-4.2-7.2-4.2-11.4c0-9.7 7.8-17.5 17.5-17.5z"/></svg>
</template>

CSS

.icon-user-tie {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20312c-66.3%200-120-53.7-120-120S253.7%2072%20320%2072s120%2053.7%20120%20120s-53.7%20120-120%20120m-30.5%2056h61c9.7%200%2017.5%207.8%2017.5%2017.5c0%204.2-1.5%208.2-4.2%2011.4l-27.4%2032l31%20115.1h.6l34.6-138.5c2.2-8.7%2011.1-14%2019.5-10.8C484%20418.3%20528%20478.3%20528%20548.5c0%2015.1-12.3%2027.4-27.4%2027.4l-361.2.1c-15.1%200-27.4-12.3-27.4-27.4c0-70.2%2044-130.2%20105.9-153.8c8.4-3.2%2017.3%202.1%2019.5%2010.8L272%20544.1h.6l31-115.1l-27.4-32c-2.7-3.2-4.2-7.2-4.2-11.4c0-9.7%207.8-17.5%2017.5-17.5z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20312c-66.3%200-120-53.7-120-120S253.7%2072%20320%2072s120%2053.7%20120%20120s-53.7%20120-120%20120m-30.5%2056h61c9.7%200%2017.5%207.8%2017.5%2017.5c0%204.2-1.5%208.2-4.2%2011.4l-27.4%2032l31%20115.1h.6l34.6-138.5c2.2-8.7%2011.1-14%2019.5-10.8C484%20418.3%20528%20478.3%20528%20548.5c0%2015.1-12.3%2027.4-27.4%2027.4l-361.2.1c-15.1%200-27.4-12.3-27.4-27.4c0-70.2%2044-130.2%20105.9-153.8c8.4-3.2%2017.3%202.1%2019.5%2010.8L272%20544.1h.6l31-115.1l-27.4-32c-2.7-3.2-4.2-7.2-4.2-11.4c0-9.7%207.8-17.5%2017.5-17.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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