Add icons to this collection by clicking the heart icon.
Friendship icon - also known as friendship, miscellaneous, respect, and trustworthy. Created in a clean lineal color style with a gray, black, yellow, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-136.335c-16.876 0-30.556 13.68-30.556 30.555v74.53c0 54.523 44.201 98.723 98.723 98.723 54.523 0 98.723-44.2 98.723-98.723v-74.53C30.555 13.68 16.875 0 0 0"
transform="translate(439.153 249.942)"
fill="#d88a55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-74.53c0-16.88-13.68-30.561-30.56-30.561h-22.5c16.88 0 30.56 13.681 30.56 30.561V0c0 27.26-11.05 51.939-28.91 69.8-15.38 15.38-35.79 25.7-58.56 28.28 3.69.42 7.45.64 11.25.64 27.26 0 51.94-11.05 69.81-28.92C-11.05 51.939 0 27.26 0 0"
transform="translate(469.71 355.03)"
fill="#c67a45"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.885 8.998-32.336 14.179-50.999 14.179-54.522 0-98.723-44.2-98.723-98.723v-74.53c0-16.875 13.681-30.555 30.556-30.555H17.169c16.875 0 30.555 13.68 30.555 30.555v74.53c0 23.587-8.277 45.238-22.078 62.219"
transform="translate(421.984 439.571)"
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-173.21c-6.96 0-12.61 5.64-12.61 12.6v103.54l-28.369 2.79-190.021 18.69v56.53h337.8c33.44 0 61.801-24.58 66.551-57.68L16.9 19.5C18.38 9.21 10.4 0 0 0"
transform="translate(487.42 58.25)"
fill="#fee97d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-190.021 18.69v56.531H-38.41a78.657 78.657 0 0 0 8.769-6.601A80.235 80.235 0 0 0-2.78 19.381z"
transform="translate(273.23 177.18)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-28.407c0-17.142 13.896-31.038 31.037-31.038 17.142 0 31.037 13.896 31.037 31.038V0Z"
transform="translate(339.948 252.41)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-28.407c0-17.142 13.896-31.038 31.037-31.038 17.142 0 31.037 13.896 31.037 31.038V0Z"
transform="translate(339.948 252.41)"
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-25.095C-14.709 0-6.718 9.201-8.192 19.499l-16.777 116.969c-4.739 33.099-33.099 57.69-66.539 57.69h25.096c33.439 0 61.799-24.591 66.538-57.69L16.891 19.499C18.365 9.201 10.387 0 0 0"
transform="translate(487.429 58.251)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-56.533l218.388-21.486v-103.53c0-6.961 5.642-12.604 12.604-12.604h173.217c10.394 0 18.375 9.208 16.9 19.496L404.342-57.688C399.597-24.583 371.239 0 337.796 0Z"
transform="translate(83.215 252.403)"
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-75.008"
transform="translate(447.15 133.258)"
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-13.465-10.915-24.38-24.38-24.38S-48.76-13.465-48.76 0s10.915 24.38 24.38 24.38S0 13.465 0 0"
transform="translate(469.708 311.969)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.465-10.915-24.38-24.38-24.38S-48.76-13.465-48.76 0s10.915 24.38 24.38 24.38S0 13.465 0 0Z"
transform="translate(469.708 311.969)"
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-13.465-10.916-24.38-24.381-24.38-13.464 0-24.38 10.915-24.38 24.38s10.916 24.38 24.38 24.38C-10.916 24.38 0 13.465 0 0"
transform="translate(321.023 311.969)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.465-10.916-24.38-24.381-24.38-13.464 0-24.38 10.915-24.38 24.38s10.916 24.38 24.38 24.38C-10.916 24.38 0 13.465 0 0Z"
transform="translate(321.023 311.969)"
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-52.471c0-36.446-29.554-66.001-66.014-66.001-36.46 0-66.014 29.555-66.014 66.001V0h69.098c1.69 0 3.312.67 4.505 1.863l17.54 17.54c3.983 3.983 10.781 1.166 10.781-4.465V6.369c0-3.514 2.843-6.369 6.356-6.369Z"
transform="translate(437 349.23)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13h-23.75C-32.16-13-39.33-7.61-42-.091l-7.229-7.239C-52.89-10.99-57.75-13-62.93-13h-69.1V0h69.1c1.69 0 3.31.67 4.51 1.859l17.54 17.54c3.98 3.991 10.78 1.17 10.78-4.46v-8.57C-30.1 2.859-27.26 0-23.75 0Z"
transform="translate(437 349.23)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-52.471c0-36.446-29.554-66.001-66.014-66.001-36.46 0-66.014 29.555-66.014 66.001V0h69.098c1.69 0 3.312.67 4.505 1.863l17.54 17.54c3.983 3.983 10.781 1.166 10.781-4.465V6.369c0-3.514 2.843-6.369 6.356-6.369Z"
transform="translate(437 349.23)"
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-1.028"
transform="translate(334.37 311.969)"
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-1.028"
transform="translate(398.6 311.969)"
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 0c3.561-5.415 9.675-8.994 16.645-8.994 6.969 0 13.084 3.579 16.644 8.994"
transform="translate(348.34 280.026)"
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 0v21.269"
transform="translate(304.972 349.23)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M53.014 222.687h176v91.563h-176z"
fill="#e8b800"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-176.666c-5.523 0-10 4.478-10 10v72.006c0 34.606 28.055 62.661 62.661 62.661h71.344c34.607 0 62.661-28.055 62.661-62.661V10C10 4.478 5.523 0 0 0"
transform="translate(229.507 303.708)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-72c0-5.521-4.479-10-10-10h-21.18c5.52 0 10 4.479 10 10V0c0 34.61-28.059 62.67-62.66 62.67h21.18C-28.06 62.67 0 34.61 0 0"
transform="translate(239.51 385.71)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.165c-34.606 0-62.661-28.055-62.661-62.661v-72.006c0-5.522 4.477-10 10-10H94.841c5.522 0 10 4.478 10 10v72.006C104.841-28.055 76.786 0 42.179 0H34"
transform="translate(134.667 448.375)"
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-13.465-10.915-24.38-24.38-24.38S-48.76-13.465-48.76 0s10.915 24.38 24.38 24.38S0 13.465 0 0"
transform="translate(91.6 309.274)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.465-10.915-24.38-24.38-24.38S-48.76-13.465-48.76 0s10.915 24.38 24.38 24.38S0 13.465 0 0Z"
transform="translate(91.6 309.274)"
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 0-16.768 116.97c-4.745 33.104-33.103 57.687-66.545 57.687h-100.051c-33.444 0-61.801-24.583-66.546-57.687L-266.678 0c-1.474-10.288 6.508-19.496 16.901-19.496H-16.9C-6.508-19.496 1.475-10.288 0 0"
transform="translate(274.353 77.746)"
fill="#ffd2e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.095C-14.709 0-6.718 9.201-8.192 19.499l-16.777 116.969c-4.739 33.099-33.099 57.69-66.539 57.69h25.096c33.439 0 61.799-24.591 66.538-57.69L16.89 19.499C18.364 9.201 10.386 0 0 0"
transform="translate(257.458 58.251)"
fill="#fec0dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h52.159v-96.33H5.89c-10.401 0-18.38 9.21-16.901 19.5z"
transform="translate(18.69 154.58)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h49.159"
transform="translate(21.69 154.58)"
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-46.271v96.33H5.89L16.899 19.5C18.38 9.21 10.399 0 0 0"
transform="translate(257.45 58.25)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.09C-14.7 0-6.71 9.2-8.18 19.5L-19.2 96.33H5.89L16.899 19.5C18.38 9.21 10.399 0 0 0"
transform="translate(257.45 58.25)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h49.16"
transform="translate(211.18 154.58)"
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 0-3.035-21.174C-4.51-31.462 3.473-40.67 13.865-40.67h232.877c10.393 0 18.375 9.208 16.901 19.496l-16.768 116.97c-4.745 33.104-33.103 57.687-66.546 57.687H80.278c-33.442 0-61.8-24.583-66.546-57.687L4.791 33.423"
transform="translate(10.71 98.92)"
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 0v105.01"
transform="translate(70.85 58.25)"
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 0v105.01"
transform="translate(211.18 58.25)"
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-48.311c0-36.449-29.561-66-66.021-66-36.459 0-66.009 29.551-66.009 66v41.84c0 14.156 11.474 25.631 25.63 25.631C-99.78 7.71-87.4 0-73.22 0Z"
transform="translate(207.03 345.07)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13h-73.22c-15.02 0-29.2 6.649-38.85 17.81-1.491 1.889-4.201 5.86-7.451 10.74a25.548 25.548 0 0 0 13.121 3.61A38.477 38.477 0 0 1-92.65 5.29 38.136 38.136 0 0 1-73.22 0Z"
transform="translate(207.03 345.07)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.181 0-26.561 7.71-33.181 19.16-14.155 0-25.63-11.475-25.63-25.631v-41.84c0-36.449 29.55-66 66.01-66 36.46 0 66.021 29.551 66.021 66V0Z"
transform="translate(133.81 345.07)"
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-1.028"
transform="translate(116.398 311.969)"
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-1.028"
transform="translate(180.63 311.969)"
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 0c3.562-5.415 9.676-8.994 16.645-8.994 6.969 0 13.084 3.579 16.645 8.994"
transform="translate(133.37 280.026)"
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 0h9.47"
transform="translate(207.03 345.07)"
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 0v15.269"
transform="translate(100.63 364.23)"
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 0-21.564-21.564c-4.566-4.567-11.968-4.567-16.535 0l-10.782 10.782c-10.52 10.52-10.52 27.577 0 38.097 10.521 10.522 27.578 10.522 38.099 0L0 16.533C4.565 11.968 4.565 4.565 0 0"
transform="translate(81.066 210.38)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.564-21.564c-4.566-4.567-11.968-4.567-16.535 0l-10.782 10.782c-10.52 10.52-10.52 27.577 0 38.097 10.521 10.522 27.578 10.522 38.099 0L0 16.533C4.565 11.968 4.565 4.565 0 0Z"
transform="translate(81.066 210.38)"
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 0a4.779 4.779 0 0 1 6.755 0l24.757 24.758c7.307 7.307 7.307 19.156 0 26.464-7.308 7.307-19.156 7.307-26.463 0a2.362 2.362 0 0 0-3.343 0c-7.308 7.307-19.156 7.307-26.464 0-7.307-7.308-7.307-19.157 0-26.464z"
transform="translate(137.637 114.637)"
fill="#fe7ab6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.779 4.779 0 0 1 6.755 0l24.757 24.758c7.307 7.307 7.307 19.156 0 26.464-7.308 7.307-19.156 7.307-26.463 0a2.362 2.362 0 0 0-3.343 0c-7.308 7.307-19.156 7.307-26.464 0-7.307-7.308-7.307-19.157 0-26.464z"
transform="translate(137.637 114.637)"
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