user cog icon

user-cog from Line Awesome by Icons8 · Line · Users & People · Apache-2.0 Free for personal and commercial use.

Name: user-cog
Set: Line Awesome
Style: Line
Category: Users & People
Viewbox: 32×32
License: Apache 2.0
Aliases: user-cog-solid

The same icon in other sets

user-cogFont Awesome Solid user-cogHuge Icons user-cogLucide user-cogTabler Icons

More users & people icons from Line Awesome

Use the user cog icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-3.9 0-7 3.1-7 7a6.96 6.96 0 0 0 3.07 5.813C8.51 19.346 6 22.892 6 27h2c0-4.4 3.6-8 8-8c3.9 0 7-3.1 7-7s-3.1-7-7-7m0 2c2.8 0 5 2.2 5 5s-2.2 5-5 5s-5-2.2-5-5s2.2-5 5-5m8.1 11v2.1c-.6.1-1.2.4-1.7.7l-1.5-1.5l-1.4 1.4l1.5 1.5c-.4.5-.6 1.1-.7 1.8H18v2h2.1c.1.6.4 1.2.7 1.8l-1.5 1.5l1.4 1.4l1.5-1.5c.5.3 1.1.6 1.7.7V32h2v-2.1c.6-.1 1.2-.4 1.7-.7l1.5 1.5l1.4-1.4l-1.5-1.5c.4-.5.6-1.1.7-1.8H32v-2h-2.1c-.1-.6-.4-1.2-.7-1.8l1.5-1.5l-1.4-1.4l-1.5 1.5c-.5-.3-1.1-.6-1.7-.7V18zm.9 4c1.7 0 3 1.3 3 3s-1.3 3-3 3s-3-1.3-3-3s1.3-3 3-3m0 2a.9.9 0 0 0-.367.086a1.1 1.1 0 0 0-.32.227a1.1 1.1 0 0 0-.227.32A.9.9 0 0 0 24 25c0 .375.281.75.633.914A.9.9 0 0 0 25 26c.5 0 1-.5 1-1s-.5-1-1-1"/></svg>

React

import type { SVGProps } from "react";

export function LaUserCog(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-3.9 0-7 3.1-7 7a6.96 6.96 0 0 0 3.07 5.813C8.51 19.346 6 22.892 6 27h2c0-4.4 3.6-8 8-8c3.9 0 7-3.1 7-7s-3.1-7-7-7m0 2c2.8 0 5 2.2 5 5s-2.2 5-5 5s-5-2.2-5-5s2.2-5 5-5m8.1 11v2.1c-.6.1-1.2.4-1.7.7l-1.5-1.5l-1.4 1.4l1.5 1.5c-.4.5-.6 1.1-.7 1.8H18v2h2.1c.1.6.4 1.2.7 1.8l-1.5 1.5l1.4 1.4l1.5-1.5c.5.3 1.1.6 1.7.7V32h2v-2.1c.6-.1 1.2-.4 1.7-.7l1.5 1.5l1.4-1.4l-1.5-1.5c.4-.5.6-1.1.7-1.8H32v-2h-2.1c-.1-.6-.4-1.2-.7-1.8l1.5-1.5l-1.4-1.4l-1.5 1.5c-.5-.3-1.1-.6-1.7-.7V18zm.9 4c1.7 0 3 1.3 3 3s-1.3 3-3 3s-3-1.3-3-3s1.3-3 3-3m0 2a.9.9 0 0 0-.367.086a1.1 1.1 0 0 0-.32.227a1.1 1.1 0 0 0-.227.32A.9.9 0 0 0 24 25c0 .375.281.75.633.914A.9.9 0 0 0 25 26c.5 0 1-.5 1-1s-.5-1-1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-3.9 0-7 3.1-7 7a6.96 6.96 0 0 0 3.07 5.813C8.51 19.346 6 22.892 6 27h2c0-4.4 3.6-8 8-8c3.9 0 7-3.1 7-7s-3.1-7-7-7m0 2c2.8 0 5 2.2 5 5s-2.2 5-5 5s-5-2.2-5-5s2.2-5 5-5m8.1 11v2.1c-.6.1-1.2.4-1.7.7l-1.5-1.5l-1.4 1.4l1.5 1.5c-.4.5-.6 1.1-.7 1.8H18v2h2.1c.1.6.4 1.2.7 1.8l-1.5 1.5l1.4 1.4l1.5-1.5c.5.3 1.1.6 1.7.7V32h2v-2.1c.6-.1 1.2-.4 1.7-.7l1.5 1.5l1.4-1.4l-1.5-1.5c.4-.5.6-1.1.7-1.8H32v-2h-2.1c-.1-.6-.4-1.2-.7-1.8l1.5-1.5l-1.4-1.4l-1.5 1.5c-.5-.3-1.1-.6-1.7-.7V18zm.9 4c1.7 0 3 1.3 3 3s-1.3 3-3 3s-3-1.3-3-3s1.3-3 3-3m0 2a.9.9 0 0 0-.367.086a1.1 1.1 0 0 0-.32.227a1.1 1.1 0 0 0-.227.32A.9.9 0 0 0 24 25c0 .375.281.75.633.914A.9.9 0 0 0 25 26c.5 0 1-.5 1-1s-.5-1-1-1"/></svg>
</template>

CSS

.icon-user-cog {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%205c-3.9%200-7%203.1-7%207a6.96%206.96%200%200%200%203.07%205.813C8.51%2019.346%206%2022.892%206%2027h2c0-4.4%203.6-8%208-8c3.9%200%207-3.1%207-7s-3.1-7-7-7m0%202c2.8%200%205%202.2%205%205s-2.2%205-5%205s-5-2.2-5-5s2.2-5%205-5m8.1%2011v2.1c-.6.1-1.2.4-1.7.7l-1.5-1.5l-1.4%201.4l1.5%201.5c-.4.5-.6%201.1-.7%201.8H18v2h2.1c.1.6.4%201.2.7%201.8l-1.5%201.5l1.4%201.4l1.5-1.5c.5.3%201.1.6%201.7.7V32h2v-2.1c.6-.1%201.2-.4%201.7-.7l1.5%201.5l1.4-1.4l-1.5-1.5c.4-.5.6-1.1.7-1.8H32v-2h-2.1c-.1-.6-.4-1.2-.7-1.8l1.5-1.5l-1.4-1.4l-1.5%201.5c-.5-.3-1.1-.6-1.7-.7V18zm.9%204c1.7%200%203%201.3%203%203s-1.3%203-3%203s-3-1.3-3-3s1.3-3%203-3m0%202a.9.9%200%200%200-.367.086a1.1%201.1%200%200%200-.32.227a1.1%201.1%200%200%200-.227.32A.9.9%200%200%200%2024%2025c0%20.375.281.75.633.914A.9.9%200%200%200%2025%2026c.5%200%201-.5%201-1s-.5-1-1-1%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%205c-3.9%200-7%203.1-7%207a6.96%206.96%200%200%200%203.07%205.813C8.51%2019.346%206%2022.892%206%2027h2c0-4.4%203.6-8%208-8c3.9%200%207-3.1%207-7s-3.1-7-7-7m0%202c2.8%200%205%202.2%205%205s-2.2%205-5%205s-5-2.2-5-5s2.2-5%205-5m8.1%2011v2.1c-.6.1-1.2.4-1.7.7l-1.5-1.5l-1.4%201.4l1.5%201.5c-.4.5-.6%201.1-.7%201.8H18v2h2.1c.1.6.4%201.2.7%201.8l-1.5%201.5l1.4%201.4l1.5-1.5c.5.3%201.1.6%201.7.7V32h2v-2.1c.6-.1%201.2-.4%201.7-.7l1.5%201.5l1.4-1.4l-1.5-1.5c.4-.5.6-1.1.7-1.8H32v-2h-2.1c-.1-.6-.4-1.2-.7-1.8l1.5-1.5l-1.4-1.4l-1.5%201.5c-.5-.3-1.1-.6-1.7-.7V18zm.9%204c1.7%200%203%201.3%203%203s-1.3%203-3%203s-3-1.3-3-3s1.3-3%203-3m0%202a.9.9%200%200%200-.367.086a1.1%201.1%200%200%200-.32.227a1.1%201.1%200%200%200-.227.32A.9.9%200%200%200%2024%2025c0%20.375.281.75.633.914A.9.9%200%200%200%2025%2026c.5%200%201-.5%201-1s-.5-1-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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