user ninja icon

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

Name: user-ninja
Set: Font Awesome Solid
Style: Solid
Category: Users & People
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

user-ninjaFont Awesome 6 Solid user-ninjaLine Awesome

More users & people icons from Font Awesome Solid

Use the user ninja icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M448 192c0 70.7-57.3 128-128 128c-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.8-20.7-38.8-22.1-53.6c-.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.1C227.5 92 270.5 63.8 320 63.8c70.7 0 128 57.3 128 128zm-208-16c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16H256c-8.8 0-16 7.2-16 16m-1.4 211l67 50.2c8.5 6.4 20.3 6.4 28.8 0l67-50.2c6.5-4.9 15.2-6.2 22.6-2.8c61.4 28.2 104.1 90.2 104.1 162.1c0 16.4-13.3 29.7-29.7 29.7H141.7c-16.4 0-29.7-13.3-29.7-29.7c0-72 42.7-134 104.1-162.1c7.4-3.4 16.1-2.1 22.6 2.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUserNinja(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="M448 192c0 70.7-57.3 128-128 128c-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.8-20.7-38.8-22.1-53.6c-.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.1C227.5 92 270.5 63.8 320 63.8c70.7 0 128 57.3 128 128zm-208-16c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16H256c-8.8 0-16 7.2-16 16m-1.4 211l67 50.2c8.5 6.4 20.3 6.4 28.8 0l67-50.2c6.5-4.9 15.2-6.2 22.6-2.8c61.4 28.2 104.1 90.2 104.1 162.1c0 16.4-13.3 29.7-29.7 29.7H141.7c-16.4 0-29.7-13.3-29.7-29.7c0-72 42.7-134 104.1-162.1c7.4-3.4 16.1-2.1 22.6 2.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M448 192c0 70.7-57.3 128-128 128c-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.8-20.7-38.8-22.1-53.6c-.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.1C227.5 92 270.5 63.8 320 63.8c70.7 0 128 57.3 128 128zm-208-16c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16H256c-8.8 0-16 7.2-16 16m-1.4 211l67 50.2c8.5 6.4 20.3 6.4 28.8 0l67-50.2c6.5-4.9 15.2-6.2 22.6-2.8c61.4 28.2 104.1 90.2 104.1 162.1c0 16.4-13.3 29.7-29.7 29.7H141.7c-16.4 0-29.7-13.3-29.7-29.7c0-72 42.7-134 104.1-162.1c7.4-3.4 16.1-2.1 22.6 2.8z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%20192c0%2070.7-57.3%20128-128%20128c-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.8-20.7-38.8-22.1-53.6c-.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.1C227.5%2092%20270.5%2063.8%20320%2063.8c70.7%200%20128%2057.3%20128%20128zm-208-16c0%208.8%207.2%2016%2016%2016h128c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H256c-8.8%200-16%207.2-16%2016m-1.4%20211l67%2050.2c8.5%206.4%2020.3%206.4%2028.8%200l67-50.2c6.5-4.9%2015.2-6.2%2022.6-2.8c61.4%2028.2%20104.1%2090.2%20104.1%20162.1c0%2016.4-13.3%2029.7-29.7%2029.7H141.7c-16.4%200-29.7-13.3-29.7-29.7c0-72%2042.7-134%20104.1-162.1c7.4-3.4%2016.1-2.1%2022.6%202.8z%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%22M448%20192c0%2070.7-57.3%20128-128%20128c-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.8-20.7-38.8-22.1-53.6c-.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.1C227.5%2092%20270.5%2063.8%20320%2063.8c70.7%200%20128%2057.3%20128%20128zm-208-16c0%208.8%207.2%2016%2016%2016h128c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H256c-8.8%200-16%207.2-16%2016m-1.4%20211l67%2050.2c8.5%206.4%2020.3%206.4%2028.8%200l67-50.2c6.5-4.9%2015.2-6.2%2022.6-2.8c61.4%2028.2%20104.1%2090.2%20104.1%20162.1c0%2016.4-13.3%2029.7-29.7%2029.7H141.7c-16.4%200-29.7-13.3-29.7-29.7c0-72%2042.7-134%20104.1-162.1c7.4-3.4%2016.1-2.1%2022.6%202.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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