Add icons to this collection by clicking the heart icon.
Friendship icon - also known as toast, night, people, beer, party, person, celebration, friends, humanpictos, friendship, and birthday and party. Created in a clean lineal color style with a white, silver, gray, black, maroon, yellow, olive, purple, orange, 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>
<path
d="M0 0v-45h-35V0l17.5 15.555z"
transform="matrix(1.33333 0 0 -1.33333 611.333 156.666)"
fill="#e0843d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v17.499c0 9.665 7.835 17.5 17.5 17.5S35 27.164 35 17.499V0Z"
transform="translate(423.5 394.5)"
fill="#f7983d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h35V0L17.5 15.555Z"
transform="translate(53.5 394.5)"
fill="#e0843d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v17.499c0 9.665-7.835 17.5-17.5 17.5S-35 27.164-35 17.499V0Z"
transform="translate(88.5 394.5)"
fill="#f7983d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60 60 30-105v-157h45v162.335C15-24.454 9.329-10.575 0 0"
transform="translate(383.5 249.5)"
fill="#7b68ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-60c-9.329-10.575-15-24.454-15-39.665V-262h45v157H0Z"
transform="translate(353.5 309.5)"
fill="#9682c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30v37.8L-30 60Z"
transform="translate(353.5 249.5)"
fill="#7d402b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60v37.8L0 60Z"
transform="translate(353.5 249.5)"
fill="#974d34"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l20-52.2C-6.68-56.92-1.2-60 5-60c6.2 0 11.68 3.08 15 7.8V-20C20-8.95 11.05 0 0 0"
transform="translate(363.5 339.5)"
fill="#ffd63d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.2C-3.32-36.92-8.8-40-15-40c-6.2 0-11.68 3.08-15 7.8-3.32-4.72-8.8-7.8-15-7.8-6.2 0-11.68 3.08-15 7.8V0c0 11.05 8.95 20 20 20h20C-8.95 20 0 11.05 0 0"
transform="translate(353.5 319.5)"
fill="#ffe682"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 15-90c24.853 0 45 20.147 45 45z"
transform="translate(173.5 264.5)"
fill="#828282"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853 20.147-45 45-45v90Z"
transform="translate(143.5 219.5)"
fill="#a1a1a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30 .012-30-60.006 30-59.995L0-120l15 60Z"
transform="translate(218.5 339.5)"
fill="#cffffa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-.012-15-60 15-60L0-120z"
transform="translate(188.5 339.512)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.046 0-20-8.954-20-20l-.006-133.536h30V0Z"
transform="translate(148.506 339.5)"
fill="#483a6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10v-153.536h30V-20C20-8.954 11.046 0 0 0"
transform="translate(228.5 339.5)"
fill="#483a6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-90c24.853 0 45 20.147 45 45S24.853 0 0 0"
transform="translate(188.5 459.5)"
fill="#ffad8a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 24.853-6.716 45-15 45-24.853 0-45-20.147-45-45s20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(203.5 414.5)"
fill="#ffd0a3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.01.01-34.255.005-34.255.005v-74.17c24.85 0 45 20.15 45 45A44.791 44.791 0 0 1 0 0"
transform="translate(372.755 443.665)"
fill="#7d402b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-48.145 12.175A44.791 44.791 0 0 1-58.89-16.99c0-24.85 20.15-45 45-45 8.28 0 15 20.15 15 45C1.11-10.98.72-5.24 0 0"
transform="translate(352.39 431.49)"
fill="#974d34"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 13.89-28.01c7.45 2.23 14.475 6.295 20.365 12.175C26.005-6.145 13.72 0 0 0"
transform="translate(338.5 459.5)"
fill="#2d170f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.72 0-26.005-6.145-34.255-15.835C-21.215-28.875-2.61-32.94 13.89-28.01 11.66-11.58 6.28 0 0 0"
transform="translate(338.5 459.5)"
fill="#482518"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.811 5.907-8.816 10-15.793 10-6.977 0-12.983-4.093-15.793-10-9.665 0-17.5-7.835-17.5-17.5s7.835-17.5 17.5-17.5H0c9.665 0 17.5 7.835 17.5 17.5S9.665 0 0 0"
transform="translate(354.293 494.5)"
fill="#482518"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.318-4.715 8.797-7.798 15-7.798 6.203 0 11.683 3.083 15 7.798 3.317-4.715 8.797-7.798 15-7.798 6.203 0 11.682 3.083 15 7.798 3.317-4.715 8.797-7.798 15-7.798 6.203 0 11.682 3.083 15 7.798"
transform="translate(293.5 287.298)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30l30-10"
transform="translate(368.5 47.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30l-30-10"
transform="translate(308.5 47.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90"
transform="translate(293.5 249.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-157h45V5.335C45 20.546 39.329 34.425 30 45v70c0 11.046-8.954 20-20 20h-50c-11.046 0-20-8.954-20-20V45c-9.329-10.575-15-24.454-15-39.665V-157h45V0"
transform="translate(353.5 204.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h45"
transform="translate(316 204.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35"
transform="translate(441 429.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h75c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15H40v62.5c0 9.665 7.835 17.5 17.5 17.5S75 102.165 75 92.5V30"
transform="translate(383.5 319.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35"
transform="translate(71 429.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-75c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h35v62.5c0 9.665-7.835 17.5-17.5 17.5S-75 102.165-75 92.5V30"
transform="translate(128.5 319.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(158.5 219.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v89.988"
transform="translate(188.5 249.512)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-322l-30-10"
transform="translate(158.5 339.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-322l30-10"
transform="translate(218.5 339.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.994C37.956-7.129 48.472-11.464 60-11.464c11.528 0 22.043 4.334 30.005 11.463L120 0v133.536c0 11.045-8.954 20-20 20H20c-11.046 0-20-8.955-20-20z"
transform="translate(128.5 185.964)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(233.5 414.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-2.811 5.907-8.816 10-15.793 10-6.977 0-12.983-4.093-15.793-10-9.665 0-17.5-7.835-17.5-17.5s7.835-17.5 17.5-17.5H0c9.665 0 17.5 7.835 17.5 17.5S9.665 0 0 0Z"
transform="translate(354.293 494.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c18.933-18.933 49.575-18.933 68.508 0"
transform="translate(304.246 443.663)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(383.5 414.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category