Peerlist icon
thesvg-color:peerlist
The Peerlist icon (thesvg-color:peerlist) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 56 × 56 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 56 × 56
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><g fill="none"><path fill="#00aa45" d="M28 0C6.222 0 0 6.222 0 28s6.238 28 28 28s28-6.222 28-28S49.762 0 28 0"/><path fill="#219653" fill-rule="evenodd" d="M7.248 7.248C3.588 10.908 2 17.153 2 28s1.591 17.092 5.253 20.752S17.161 54 28 54s17.085-1.587 20.747-5.248C52.409 45.092 54 38.846 54 28s-1.591-17.092-5.253-20.752S38.839 2 28 2C17.153 2 10.908 3.588 7.248 7.248M0 28C0 6.222 6.222 0 28 0c21.762 0 28 6.222 28 28s-6.238 28-28 28S0 49.778 0 28" clip-rule="evenodd"/><path fill="#24292e" fill-rule="evenodd" d="M27.077 13H15v34h9.385v-7.111h2.692C34.73 39.889 41 33.905 41 26.444C41 18.984 34.73 13 27.077 13m-2.692 17.778V22.11h2.692c2.542 0 4.538 1.975 4.538 4.333s-1.996 4.334-4.538 4.334z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M18 12h11.077C36.214 12 42 17.572 42 24.444S36.214 36.89 29.077 36.89h-3.692V44H18zm7.385 17.778h3.692c3.059 0 5.538-2.388 5.538-5.334s-2.48-5.333-5.538-5.333h-3.692z" clip-rule="evenodd"/><path fill="#24292e" fill-rule="evenodd" d="M17 11h12.077C36.73 11 43 16.984 43 24.444S36.73 37.89 29.077 37.89h-2.692V45H17zm2 2v30h5.385v-7.111h4.692c6.62 0 11.923-5.16 11.923-11.445S35.698 13 29.077 13zm5.385 5.111h4.692c3.575 0 6.538 2.8 6.538 6.333s-2.963 6.334-6.538 6.334h-4.692zm2 2v8.667h2.692c2.542 0 4.538-1.976 4.538-4.334s-1.996-4.333-4.538-4.333z" clip-rule="evenodd"/></g></svg>How to use the Peerlist icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:peerlist" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:peerlist" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:peerlist" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--peerlist]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:peerlist"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:peerlist"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/peerlist.svg" alt="Peerlist icon" width="24" height="24">Peerlist icon in other icon sets
Peerlist icon FAQ
Is the Peerlist icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Peerlist icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:peerlist" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Peerlist icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/peerlist.svg" alt="Peerlist icon">, or paste the SVG code inline to style it with CSS.