People icon
cil:people
The People icon (cil:people) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m462.541 316.3l-64.344-42.1l24.774-45.418A79.1 79.1 0 0 0 432.093 192v-72a103.941 103.941 0 0 0-174.609-76.477L279.232 67a71.989 71.989 0 0 1 120.861 53v72a46.8 46.8 0 0 1-5.215 21.452L355.962 284.8l89.058 58.274a42.16 42.16 0 0 1 19.073 35.421V432h-72v32h104v-85.506a74.06 74.06 0 0 0-33.552-62.194"/><path fill="currentColor" d="m318.541 348.3l-64.343-42.1l24.773-45.418A79.1 79.1 0 0 0 288.093 224v-72A104.21 104.21 0 0 0 184.04 47.866C126.723 47.866 80.093 94.581 80.093 152v72a78 78 0 0 0 9.015 36.775l24.908 45.664L50.047 348.3A74.02 74.02 0 0 0 16.5 410.4L16 496h336.093v-85.506a74.06 74.06 0 0 0-33.552-62.194m1.552 115.7H48.186l.31-53.506a42.16 42.16 0 0 1 19.073-35.421l88.682-58.029l-39.051-71.592A46.84 46.84 0 0 1 112.093 224v-72a72 72 0 1 1 144 0v72a46.8 46.8 0 0 1-5.215 21.452L211.962 316.8l89.058 58.274a42.16 42.16 0 0 1 19.073 35.421Z"/></svg>
How to use the People icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:people" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:people" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:people" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--people]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:people"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:people"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/people.svg" alt="People icon" width="24" height="24">
People icon in other icon sets
People icon FAQ
Is the People icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the People icon in React?
Install @iconify/react and render <Icon icon="cil:people" />, or use “Copy code” on this page to get a standalone React component.
How do I add the People icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/people.svg" alt="People icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
