Add icons to this collection by clicking the heart icon.
Friends icon - also known as people, group, team, accompaniment, friends, avatar, friendship, and people together. Created in a clean flat style with a yellow, olive, teal, magenta, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-47.369c-16.569 0-30 13.432-30 30v142c-17.295 0-31.316 14.021-31.316 31.315V317c0 46.944 38.056 85 85 85 46.945 0 85-38.056 85-85V203.315C61.315 186.021 47.295 172 30 172V30C30 13.432 16.568 0 0 0"
transform="translate(109.685)"
fill="#49acff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-402h23.685c16.568 0 30 13.432 30 30v142C70.979-230 85-215.979 85-198.685V-85C85-38.056 46.944 0 0 0"
transform="translate(86 402)"
fill="#1790e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v142c-17.295 0-31.315 14.021-31.315 31.315V287c0 46.944 38.055 85 85 85 46.944 0 85-38.056 85-85V173.315c0-17.294-14.021-31.315-31.316-31.315V0c0-16.568-13.431-30-30-30H30C13.432-30 0-16.568 0 0"
transform="translate(202.315 30)"
fill="#aadc1e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-402h23.685c16.568 0 30 13.432 30 30v142C70.979-230 85-215.979 85-198.685V-85C85-38.056 46.944 0 0 0"
transform="translate(256 402)"
fill="#8cc314"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v142c-17.295 0-31.315 14.021-31.315 31.315V287c0 46.944 38.055 85 85 85 46.944 0 85-38.056 85-85V173.315c0-17.294-14.021-31.315-31.316-31.315V0c0-16.568-13.431-30-30-30H30C13.432-30 0-16.568 0 0"
transform="translate(372.315 30)"
fill="#ff6ec1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-402h23.685c16.568 0 30 13.432 30 30v142C70.979-230 85-215.979 85-198.685V-85C85-38.056 46.944 0 0 0"
transform="translate(426 402)"
fill="#ff46a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15 16.568 0 30-13.432 30-30C30 13.432 16.568 0 0 0"
transform="translate(16 302)"
fill="#ffd5b6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.568 13.432 30 30 30 8.284 0 15-6.716 15-15v-30c0-8.284-6.716-15-15-15C13.432-30 0-16.568 0 0"
transform="translate(466 332)"
fill="#ffc896"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.085 0-60 26.915-60 60s26.915 60 60 60 60-26.915 60-60S33.085 0 0 0"
transform="translate(86 392)"
fill="#ffd5b6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 33.085 26.915 60 60 60s60-26.915 60-60-26.915-60-60-60S0-33.085 0 0"
transform="translate(366 452)"
fill="#ffd5b6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 33.085 26.915 60 60 60s60-26.915 60-60-26.915-60-60-60S0-33.085 0 0"
transform="translate(196 452)"
fill="#ffd5b6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c33.084 0 60 26.916 60 60S33.084 0 0 0"
transform="translate(86 512)"
fill="#ffc896"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c33.084 0 60 26.916 60 60S33.084 0 0 0"
transform="translate(426 512)"
fill="#ffc896"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c33.084 0 60 26.916 60 60S33.084 0 0 0"
transform="translate(256 512)"
fill="#ffc896"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category