user slash icon
user-slash from Font Awesome 6 Solid by Dave Gandy · Regular · Status · CC-BY-4.0 Attribution required.
- Name
- user-slash
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Status
- Viewbox
- 640×512
- License
- CC BY 4.0
The same icon in other sets
More status icons from Font Awesome 6 Solid
Use the user slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L353.3 251.6C407.9 237 448 187.2 448 128C448 57.3 390.7 0 320 0c-69.8 0-126.5 55.8-128 125.2zm225.5 299.2C170.5 309.4 96 387.2 96 482.3c0 16.4 13.3 29.7 29.7 29.7h388.6c3.9 0 7.6-.7 11-2.1z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidUserSlash(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L353.3 251.6C407.9 237 448 187.2 448 128C448 57.3 390.7 0 320 0c-69.8 0-126.5 55.8-128 125.2zm225.5 299.2C170.5 309.4 96 387.2 96 482.3c0 16.4 13.3 29.7 29.7 29.7h388.6c3.9 0 7.6-.7 11-2.1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L353.3 251.6C407.9 237 448 187.2 448 128C448 57.3 390.7 0 320 0c-69.8 0-126.5 55.8-128 125.2zm225.5 299.2C170.5 309.4 96 387.2 96 482.3c0 16.4 13.3 29.7 29.7 29.7h388.6c3.9 0 7.6-.7 11-2.1z"/></svg> </template>
CSS
.icon-user-slash {
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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7L353.3%20251.6C407.9%20237%20448%20187.2%20448%20128C448%2057.3%20390.7%200%20320%200c-69.8%200-126.5%2055.8-128%20125.2zm225.5%20299.2C170.5%20309.4%2096%20387.2%2096%20482.3c0%2016.4%2013.3%2029.7%2029.7%2029.7h388.6c3.9%200%207.6-.7%2011-2.1z%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7L353.3%20251.6C407.9%20237%20448%20187.2%20448%20128C448%2057.3%20390.7%200%20320%200c-69.8%200-126.5%2055.8-128%20125.2zm225.5%20299.2C170.5%20309.4%2096%20387.2%2096%20482.3c0%2016.4%2013.3%2029.7%2029.7%2029.7h388.6c3.9%200%207.6-.7%2011-2.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/user-slash.svg?color=%231a73e8&size=48
