user ninja icon

user-ninja from Font Awesome 6 Solid by Dave Gandy · Regular · Users & People · CC-BY-4.0 Attribution required.

Name
user-ninja
Set
Font Awesome 6 Solid
Style
Regular
Category
Users & People
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

user-ninjaLine Awesome

More users & people icons from Font Awesome 6 Solid

childpeople-arrowsuser-checkuser-clockuser-injureduser-minususer-tagusers-slashuser-astronautuser-graduateuser-lockuser-nurseuser-plususer-secretuser-shielduser-slashuser-tieuser-doctoruser-gearuser-groupuser-largeuser-large-slashuser-penuser-xmark

Use the user ninja icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c-57.2 0-105.6-37.5-122-89.3c-1.1 1.3-2.2 2.6-3.5 3.8c-15.8 15.8-38.8 20.7-53.6 22.1c-8.1.8-14.6-5.7-13.8-13.8c1.4-14.7 6.3-37.8 22.1-53.6c5.8-5.8 12.6-10.1 19.6-13.4c-7-3.2-13.8-7.6-19.6-13.4c-15.8-15.7-20.6-38.7-22.1-53.5c-.8-8.1 5.7-14.6 13.8-13.8c14.7 1.4 37.8 6.3 53.6 22.1c4.8 4.8 8.7 10.4 11.7 16.1C131.4 28.2 174.4 0 224 0c70.7 0 128 57.3 128 128s-57.3 128-128 128M0 482.3C0 399.5 56.4 330 132.8 309.9c6-1.6 12.2.9 15.9 5.8l62.5 83.3c6.4 8.5 19.2 8.5 25.6 0l62.5-83.3c3.7-4.9 9.9-7.4 15.9-5.8C391.6 330 448 399.5 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3M160 96c-8.8 0-16 7.2-16 16s7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidUserNinja(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c-57.2 0-105.6-37.5-122-89.3c-1.1 1.3-2.2 2.6-3.5 3.8c-15.8 15.8-38.8 20.7-53.6 22.1c-8.1.8-14.6-5.7-13.8-13.8c1.4-14.7 6.3-37.8 22.1-53.6c5.8-5.8 12.6-10.1 19.6-13.4c-7-3.2-13.8-7.6-19.6-13.4c-15.8-15.7-20.6-38.7-22.1-53.5c-.8-8.1 5.7-14.6 13.8-13.8c14.7 1.4 37.8 6.3 53.6 22.1c4.8 4.8 8.7 10.4 11.7 16.1C131.4 28.2 174.4 0 224 0c70.7 0 128 57.3 128 128s-57.3 128-128 128M0 482.3C0 399.5 56.4 330 132.8 309.9c6-1.6 12.2.9 15.9 5.8l62.5 83.3c6.4 8.5 19.2 8.5 25.6 0l62.5-83.3c3.7-4.9 9.9-7.4 15.9-5.8C391.6 330 448 399.5 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3M160 96c-8.8 0-16 7.2-16 16s7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c-57.2 0-105.6-37.5-122-89.3c-1.1 1.3-2.2 2.6-3.5 3.8c-15.8 15.8-38.8 20.7-53.6 22.1c-8.1.8-14.6-5.7-13.8-13.8c1.4-14.7 6.3-37.8 22.1-53.6c5.8-5.8 12.6-10.1 19.6-13.4c-7-3.2-13.8-7.6-19.6-13.4c-15.8-15.7-20.6-38.7-22.1-53.5c-.8-8.1 5.7-14.6 13.8-13.8c14.7 1.4 37.8 6.3 53.6 22.1c4.8 4.8 8.7 10.4 11.7 16.1C131.4 28.2 174.4 0 224 0c70.7 0 128 57.3 128 128s-57.3 128-128 128M0 482.3C0 399.5 56.4 330 132.8 309.9c6-1.6 12.2.9 15.9 5.8l62.5 83.3c6.4 8.5 19.2 8.5 25.6 0l62.5-83.3c3.7-4.9 9.9-7.4 15.9-5.8C391.6 330 448 399.5 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3M160 96c-8.8 0-16 7.2-16 16s7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/></svg>
</template>

CSS

.icon-user-ninja {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20256c-57.2%200-105.6-37.5-122-89.3c-1.1%201.3-2.2%202.6-3.5%203.8c-15.8%2015.8-38.8%2020.7-53.6%2022.1c-8.1.8-14.6-5.7-13.8-13.8c1.4-14.7%206.3-37.8%2022.1-53.6c5.8-5.8%2012.6-10.1%2019.6-13.4c-7-3.2-13.8-7.6-19.6-13.4c-15.8-15.7-20.6-38.7-22.1-53.5c-.8-8.1%205.7-14.6%2013.8-13.8c14.7%201.4%2037.8%206.3%2053.6%2022.1c4.8%204.8%208.7%2010.4%2011.7%2016.1C131.4%2028.2%20174.4%200%20224%200c70.7%200%20128%2057.3%20128%20128s-57.3%20128-128%20128M0%20482.3C0%20399.5%2056.4%20330%20132.8%20309.9c6-1.6%2012.2.9%2015.9%205.8l62.5%2083.3c6.4%208.5%2019.2%208.5%2025.6%200l62.5-83.3c3.7-4.9%209.9-7.4%2015.9-5.8C391.6%20330%20448%20399.5%20448%20482.3c0%2016.4-13.3%2029.7-29.7%2029.7H29.7C13.3%20512%200%20498.7%200%20482.3M160%2096c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h128c8.8%200%2016-7.2%2016-16s-7.2-16-16-16z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20256c-57.2%200-105.6-37.5-122-89.3c-1.1%201.3-2.2%202.6-3.5%203.8c-15.8%2015.8-38.8%2020.7-53.6%2022.1c-8.1.8-14.6-5.7-13.8-13.8c1.4-14.7%206.3-37.8%2022.1-53.6c5.8-5.8%2012.6-10.1%2019.6-13.4c-7-3.2-13.8-7.6-19.6-13.4c-15.8-15.7-20.6-38.7-22.1-53.5c-.8-8.1%205.7-14.6%2013.8-13.8c14.7%201.4%2037.8%206.3%2053.6%2022.1c4.8%204.8%208.7%2010.4%2011.7%2016.1C131.4%2028.2%20174.4%200%20224%200c70.7%200%20128%2057.3%20128%20128s-57.3%20128-128%20128M0%20482.3C0%20399.5%2056.4%20330%20132.8%20309.9c6-1.6%2012.2.9%2015.9%205.8l62.5%2083.3c6.4%208.5%2019.2%208.5%2025.6%200l62.5-83.3c3.7-4.9%209.9-7.4%2015.9-5.8C391.6%20330%20448%20399.5%20448%20482.3c0%2016.4-13.3%2029.7-29.7%2029.7H29.7C13.3%20512%200%20498.7%200%20482.3M160%2096c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h128c8.8%200%2016-7.2%2016-16s-7.2-16-16-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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