people icon
people from Reicon by REICON · Outline · Newicons · MIT Free for personal and commercial use.
- Name
- people
- Set
- Reicon
- Style
- Outline
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All people icons →More newicons icons from Reicon
Use the people icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 7.16a.6.6 0 0 0-.19 0a2.573 2.573 0 0 1-2.48-2.58c0-1.43 1.15-2.58 2.58-2.58a2.58 2.58 0 0 1 2.58 2.58A2.59 2.59 0 0 1 18 7.16m-1.03 7.28c1.37.23 2.88-.01 3.94-.72c1.41-.94 1.41-2.48 0-3.42c-1.07-.71-2.6-.95-3.97-.71M5.97 7.16c.06-.01.13-.01.19 0a2.573 2.573 0 0 0 2.48-2.58C8.64 3.15 7.49 2 6.06 2a2.58 2.58 0 0 0-2.58 2.58c.01 1.4 1.11 2.53 2.49 2.58M7 14.44c-1.37.23-2.88-.01-3.94-.72c-1.41-.94-1.41-2.48 0-3.42c1.07-.71 2.6-.95 3.97-.71M12 14.63a.6.6 0 0 0-.19 0a2.573 2.573 0 0 1-2.48-2.58c0-1.43 1.15-2.58 2.58-2.58a2.58 2.58 0 0 1 2.58 2.58c-.01 1.4-1.11 2.54-2.49 2.58m-2.91 3.15c-1.41.94-1.41 2.48 0 3.42c1.6 1.07 4.22 1.07 5.82 0c1.41-.94 1.41-2.48 0-3.42c-1.59-1.06-4.22-1.06-5.82 0"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPeople(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M18 7.16a.6.6 0 0 0-.19 0a2.573 2.573 0 0 1-2.48-2.58c0-1.43 1.15-2.58 2.58-2.58a2.58 2.58 0 0 1 2.58 2.58A2.59 2.59 0 0 1 18 7.16m-1.03 7.28c1.37.23 2.88-.01 3.94-.72c1.41-.94 1.41-2.48 0-3.42c-1.07-.71-2.6-.95-3.97-.71M5.97 7.16c.06-.01.13-.01.19 0a2.573 2.573 0 0 0 2.48-2.58C8.64 3.15 7.49 2 6.06 2a2.58 2.58 0 0 0-2.58 2.58c.01 1.4 1.11 2.53 2.49 2.58M7 14.44c-1.37.23-2.88-.01-3.94-.72c-1.41-.94-1.41-2.48 0-3.42c1.07-.71 2.6-.95 3.97-.71M12 14.63a.6.6 0 0 0-.19 0a2.573 2.573 0 0 1-2.48-2.58c0-1.43 1.15-2.58 2.58-2.58a2.58 2.58 0 0 1 2.58 2.58c-.01 1.4-1.11 2.54-2.49 2.58m-2.91 3.15c-1.41.94-1.41 2.48 0 3.42c1.6 1.07 4.22 1.07 5.82 0c1.41-.94 1.41-2.48 0-3.42c-1.59-1.06-4.22-1.06-5.82 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 7.16a.6.6 0 0 0-.19 0a2.573 2.573 0 0 1-2.48-2.58c0-1.43 1.15-2.58 2.58-2.58a2.58 2.58 0 0 1 2.58 2.58A2.59 2.59 0 0 1 18 7.16m-1.03 7.28c1.37.23 2.88-.01 3.94-.72c1.41-.94 1.41-2.48 0-3.42c-1.07-.71-2.6-.95-3.97-.71M5.97 7.16c.06-.01.13-.01.19 0a2.573 2.573 0 0 0 2.48-2.58C8.64 3.15 7.49 2 6.06 2a2.58 2.58 0 0 0-2.58 2.58c.01 1.4 1.11 2.53 2.49 2.58M7 14.44c-1.37.23-2.88-.01-3.94-.72c-1.41-.94-1.41-2.48 0-3.42c1.07-.71 2.6-.95 3.97-.71M12 14.63a.6.6 0 0 0-.19 0a2.573 2.573 0 0 1-2.48-2.58c0-1.43 1.15-2.58 2.58-2.58a2.58 2.58 0 0 1 2.58 2.58c-.01 1.4-1.11 2.54-2.49 2.58m-2.91 3.15c-1.41.94-1.41 2.48 0 3.42c1.6 1.07 4.22 1.07 5.82 0c1.41-.94 1.41-2.48 0-3.42c-1.59-1.06-4.22-1.06-5.82 0"/></svg> </template>
CSS
.icon-people {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%207.16a.6.6%200%200%200-.19%200a2.573%202.573%200%200%201-2.48-2.58c0-1.43%201.15-2.58%202.58-2.58a2.58%202.58%200%200%201%202.58%202.58A2.59%202.59%200%200%201%2018%207.16m-1.03%207.28c1.37.23%202.88-.01%203.94-.72c1.41-.94%201.41-2.48%200-3.42c-1.07-.71-2.6-.95-3.97-.71M5.97%207.16c.06-.01.13-.01.19%200a2.573%202.573%200%200%200%202.48-2.58C8.64%203.15%207.49%202%206.06%202a2.58%202.58%200%200%200-2.58%202.58c.01%201.4%201.11%202.53%202.49%202.58M7%2014.44c-1.37.23-2.88-.01-3.94-.72c-1.41-.94-1.41-2.48%200-3.42c1.07-.71%202.6-.95%203.97-.71M12%2014.63a.6.6%200%200%200-.19%200a2.573%202.573%200%200%201-2.48-2.58c0-1.43%201.15-2.58%202.58-2.58a2.58%202.58%200%200%201%202.58%202.58c-.01%201.4-1.11%202.54-2.49%202.58m-2.91%203.15c-1.41.94-1.41%202.48%200%203.42c1.6%201.07%204.22%201.07%205.82%200c1.41-.94%201.41-2.48%200-3.42c-1.59-1.06-4.22-1.06-5.82%200%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%207.16a.6.6%200%200%200-.19%200a2.573%202.573%200%200%201-2.48-2.58c0-1.43%201.15-2.58%202.58-2.58a2.58%202.58%200%200%201%202.58%202.58A2.59%202.59%200%200%201%2018%207.16m-1.03%207.28c1.37.23%202.88-.01%203.94-.72c1.41-.94%201.41-2.48%200-3.42c-1.07-.71-2.6-.95-3.97-.71M5.97%207.16c.06-.01.13-.01.19%200a2.573%202.573%200%200%200%202.48-2.58C8.64%203.15%207.49%202%206.06%202a2.58%202.58%200%200%200-2.58%202.58c.01%201.4%201.11%202.53%202.49%202.58M7%2014.44c-1.37.23-2.88-.01-3.94-.72c-1.41-.94-1.41-2.48%200-3.42c1.07-.71%202.6-.95%203.97-.71M12%2014.63a.6.6%200%200%200-.19%200a2.573%202.573%200%200%201-2.48-2.58c0-1.43%201.15-2.58%202.58-2.58a2.58%202.58%200%200%201%202.58%202.58c-.01%201.4-1.11%202.54-2.49%202.58m-2.91%203.15c-1.41.94-1.41%202.48%200%203.42c1.6%201.07%204.22%201.07%205.82%200c1.41-.94%201.41-2.48%200-3.42c-1.59-1.06-4.22-1.06-5.82%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/people.svg?color=%231a73e8&size=48
