Add icons to this collection by clicking the heart icon.
Bff icon - also known as people, girl, cat, friend, and bff. Created in a clean flat style, 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 0c27.744 39.712 44.031 88.02 44.031 140.139 0 135.309-109.691 245-245 245-135.31 0-245-109.691-245-245 0-52.119 16.287-100.427 44.031-140.139z"
transform="translate(456.97 104.861)"
fill="#8ae1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-110.457 89.543-200 200-200S400-110.457 400 0s-89.543 200-200 200S0 110.457 0 0"
transform="translate(56 270)"
fill="#42c3fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 88.365-58.203 160-130 160S-260 88.365-260 0c0-88.366 58.203-160 130-160S0-88.366 0 0"
transform="translate(386 312.633)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h176.725c45.771 17.715 84.888 48.787 112.587 88.435-9.221 25.362-19.041 47.328-27.392 54.701-23.413 20.673-123.588 37.434-126.172 37.862H40.977c-2.584-.428-102.76-17.189-126.173-37.862-8.351-7.373-18.17-29.339-27.391-54.701C-84.889 48.787-45.771 17.715 0 0"
transform="translate(167.638 16.427)"
fill="#f964b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c27.413-10.605 57.205-16.434 88.361-16.434 31.156 0 60.948 5.829 88.361 16.434l-15.914 74.118H15.914Z"
transform="translate(167.64 16.434)"
fill="#ef9d25"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.654 1.646-14.316 2.593-14.905 2.69h-94.772c-.587-.096-6.223-1.04-14.843-2.678 1.996-2.661 25.125-32.414 62.013-32.414C-25.243-32.402-1.608-2.118 0 0"
transform="translate(318.291 194.734)"
fill="#ea349c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.327a246.108 246.108 0 0 1 22.599-18.262L10.564 1.515C8.813 7.494 0 6.23 0 0"
transform="translate(91.07 85.157)"
fill="#ea349c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.327a246.108 246.108 0 0 0-22.599-18.262l12.035 41.104C-8.813 7.494 0 6.23 0 0"
transform="translate(420.93 85.157)"
fill="#ea349c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-94.772v-93.841s19.021-20.093 47.17-20.093S0-93.841 0-93.841z"
transform="translate(303.386 291.266)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-93.841c94.723 0 94.772 53.401 94.772 53.401V0Z"
transform="translate(208.614 291.266)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.784 22.322-47.621 36.423-81.87 36.423s-48.984-5.639-62.772-12c-13.787-6.361-14.708-34.072-14.708-34.072-17.175-18.715-27.662-43.667-27.662-71.071v-30.076H23.273v30.076C23.273-57.711 19.784-22.321 0 0"
transform="translate(337.87 475.577)"
fill="#47477f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h49.009v63.729c-11.83 4.104-21.192 17.341-21.346 37.417C10.487 82.432 0 57.479 0 30.076Z"
transform="translate(150.857 364.781)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s10.385 25.285 28.897 19.415C47.41 13.546 28.45-41.248-7.676-44.7Z"
transform="translate(331.058 352.433)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-10.385 25.285-28.897 19.415C-47.41 13.546-28.45-41.248 7.676-44.7Z"
transform="translate(180.942 352.433)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.322-3.438-17.931-12.279-20.432-22.867-2.552-10.801-6.002-27.519-6.002-38.984 0-64.504 39.219-140.155 87.597-140.155 48.379 0 87.597 75.651 87.597 140.155 0 1.674-.032 2.084-.085 3.734C67.264-58.116 36.491 12.157 0 0"
transform="translate(194.837 427.096)"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-38.741 16.953-67.597 80.479-67.597 135.81 0 21.97 4.564 41.826 12.476 58.474-8.869 4.458-17.292 6.29-26.042 3.375-10.322-3.438-17.931-12.279-20.432-22.866-2.552-10.802-6.002-27.52-6.002-38.984C-107.597 71.305-68.378-4.346-20-4.346c6.881 0 13.576 1.534 20 4.346"
transform="translate(276 229.436)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20a7.5 7.5 0 0 0-7.5 7.499V7.5a7.5 7.5 0 0 0 7.5 7.499H0A7.5 7.5 0 0 0 7.5 7.5v-.001A7.5 7.5 0 0 0 0 0"
transform="translate(223.5 381.245)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20a7.5 7.5 0 0 0-7.5 7.499V7.5a7.5 7.5 0 0 0 7.5 7.499H0A7.5 7.5 0 0 0 7.5 7.5v-.001A7.5 7.5 0 0 0 0 0"
transform="translate(308.5 381.245)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.436 13.44c2.568 4.094 8.533 4.094 11.102 0L27.974 0c2.739-4.365-.398-10.038-5.552-10.038H5.551C.398-10.038-2.739-4.365 0 0"
transform="translate(242.013 319.554)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h41.232a31.189 31.189 0 0 1 9.011 13.632c1.583 4.81-2.07 9.754-7.135 9.754H-1.876c-5.065 0-8.718-4.944-7.134-9.754A31.178 31.178 0 0 1 0 0"
transform="translate(235.384 271.13)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a31.058 31.058 0 0 0-20.616-7.797A31.054 31.054 0 0 0-41.232 0c5.5 4.85 12.713 7.798 20.616 7.798C-12.714 7.798-5.5 4.85 0 0"
transform="translate(276.616 271.13)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.466 12.466 0 0 1-4.242 9.538c-4.675 4.129-11.84 4.129-16.514 0A12.466 12.466 0 0 1-24.998 0c.055-4.539 5.629-6.717 8.838-3.508a5.175 5.175 0 0 0 7.322 0C-5.629-6.717-.055-4.539 0 0"
transform="translate(310.999 349.915)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.466 12.466 0 0 0 4.242 9.538c4.675 4.129 11.84 4.129 16.514 0A12.466 12.466 0 0 0 24.998 0c-.055-4.539-5.629-6.717-8.838-3.508a5.175 5.175 0 0 1-7.322 0C5.629-6.717.055-4.539 0 0"
transform="translate(201.001 349.915)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-53.975-4.086-112.942-23.02-83.765-96.305 73.286-29.177 92.219 29.79 96.305 83.765C13.079-5.415 7.125.539 0 0"
transform="translate(373.703 231.88)"
fill="#c3785c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.456 13.924-16.766 26.608-30.513 37.237-8.977 6.941-19.049 12.693-29.898 17.159-26.706-13.212-41.753-37.695-23.938-82.441C-37.355-46.755-12.712-29.22 0 0"
transform="translate(374.287 163.621)"
fill="#af624a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.719 0-12.226 1.134-19.419 3.378-4.719 15.098-4.474 26.955.749 35.319C-10.822 51.267 9.5 59.66 40.377 63.17c-2.145-18.841-6.13-33.78-11.879-44.503C21.576 5.758 12.786 0 .002 0Z"
transform="translate(324.996 147.843)"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c53.975-4.086 112.942-23.02 83.765-96.305C10.479-125.482-8.454-66.515-12.54-12.54-13.079-5.415-7.125.539 0 0"
transform="translate(138.297 231.88)"
fill="#c3785c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a122.356 122.356 0 0 1-6.625 4.772C-21.866.322-32.321-6.106-37.449-14.318c-5.222-8.365-5.468-20.222-.748-35.32 7.193-2.244 13.699-3.378 19.419-3.378h.002c12.783 0 21.573 5.758 28.495 18.667 2.77 5.165 5.126 11.319 7.068 18.406C11.948-10.246 6.341-4.903 0 0"
transform="translate(343.774 200.858)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c12.712-29.22 37.355-46.755 84.349-28.045 17.815 44.746 2.768 69.229-23.938 82.441C49.562 49.93 39.49 44.178 30.513 37.237 16.766 26.608 6.456 13.924 0 0"
transform="translate(137.713 163.621)"
fill="#af624a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.787 0-21.576 5.758-28.499 18.668-5.75 10.723-9.734 25.661-11.88 44.502 30.877-3.51 51.2-11.903 59.048-24.473 5.222-8.364 5.468-20.221.748-35.319C12.224 1.134 5.717 0 0 0"
transform="translate(187.006 147.843)"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.942-7.086 4.298-13.239 7.067-18.404 6.923-12.91 15.713-18.668 28.499-18.668 5.718 0 12.225 1.134 19.418 3.378 4.719 15.097 4.474 26.955-.749 35.319-5.127 8.212-15.583 14.641-30.824 19.091a122.742 122.742 0 0 1-6.624-4.773C10.445 11.04 4.839 5.697 0 0"
transform="translate(151.44 184.915)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-47.466-49.766-85.944-111.156-85.944-61.389 0-111.156 38.478-111.156 85.944 0 47.465 49.767 85.943 111.156 85.943C-49.766 85.943 0 47.465 0 0"
transform="translate(367.156 128.22)"
fill="#ffc839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 42.186 39.312 77.27 91.156 84.554a143.865 143.865 0 0 1-20 1.389C9.766 85.943-40 47.465-40 0c0-47.466 49.766-85.944 111.156-85.944 6.828 0 13.511.479 20 1.39C39.312-77.271 0-42.186 0 0"
transform="translate(184.844 128.22)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c18.703 14.901 36.131 17.555 58.422 8.896"
transform="translate(294.28 65.023)"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.451 1.091 27.365-4.255 36.589-17.92"
transform="translate(297.698 60.917)"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.703 14.9-36.131 17.555-58.422 8.896"
transform="translate(217.72 64.809)"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.451 1.091-27.366-4.255-36.589-17.92"
transform="translate(214.087 60.917)"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.26 9.068-19.388 92.02-32.794 92.02-13.407 0-16.535-82.952-32.795-92.02-16.26-9.068-22.202-23.452-13.759-37.836 6.544-11.148 20.928-13.656 34.803-8.835a35.886 35.886 0 0 0 23.502 0c13.874-4.821 28.258-2.313 34.802 8.835C22.202-23.452 16.26-9.068 0 0"
transform="translate(288.794 82.002)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 10.581-7.666 11.575-17.121 11.575-9.456 0-17.121-.994-17.121-11.575s7.665-19.159 17.121-19.159C-7.666-19.159 0-10.581 0 0"
transform="translate(273.121 81.852)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.091 3.444 9.873 8.561 10.939-2.519.526-5.441.637-8.561.637-9.456 0-17.121-.994-17.121-11.576 0-10.58 7.665-19.158 17.121-19.158 3.12 0 6.042.938 8.561 2.569C3.444-13.275 0-7.09 0 0"
transform="translate(256 81.85)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a13.58 13.58 0 0 1-4.619 10.389c-5.091 4.496-12.894 4.496-17.985 0A13.584 13.584 0 0 1-27.224 0c.061-4.941 6.131-7.313 9.625-3.819h.001a5.637 5.637 0 0 0 7.973 0C-6.13-7.313-.06-4.941 0 0"
transform="translate(315.896 133.212)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a13.58 13.58 0 0 0 4.619 10.389c5.091 4.496 12.894 4.496 17.985 0A13.584 13.584 0 0 0 27.224 0c-.061-4.941-6.131-7.313-9.625-3.819h-.001a5.637 5.637 0 0 1-7.973 0C6.13-7.313.06-4.941 0 0"
transform="translate(196.105 133.212)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category