Add icons to this collection by clicking the heart icon.
Bff icon - also known as people, girl, friends, boy, besties, best friend forever, 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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath269">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path267" />
</clipPath>
</defs>
<g id="g261" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g263">
<g id="g265" clip-path="url(#clipPath269)">
<g id="g271" transform="translate(20.2217,178.1958)">
<path
d="M 0,0 235.778,-64.352 471.557,0 c 6.005,21.237 9.221,43.645 9.221,66.804 0,135.31 -109.69,245 -245,245 -135.309,0 -245,-109.69 -245,-245 C -9.222,43.645 -6.005,21.237 0,0"
id="path273"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g275" transform="translate(374.0107,30.2632)">
<path
d="M 0,0 C 56.749,31.248 99.781,84.328 117.768,147.933 80.713,159.207 34.76,166.874 33.023,167.162 h -94.217 c -1.313,-0.218 -27.907,-4.656 -56.817,-11.68 z"
id="path277"
fill="#9181f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g279" transform="translate(359.9248,169.1689)">
<path
d="M 0,0 C 43.007,0 67.378,24.535 67.381,24.539 55.743,26.816 47.811,28.14 47.109,28.256 H -47.108 C -47.81,28.14 -55.742,26.816 -67.381,24.539 -67.376,24.534 -43.006,0 0,0"
id="path281"
fill="#816ae2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g283" transform="translate(312.8164,318.2505)">
<path
d="m 0,0 v -120.825 c 0,0 21.091,-13.257 47.109,-13.257 26.017,0 47.108,13.257 47.108,13.257 V 0 Z"
id="path285"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g287" transform="translate(312.8164,318.25)">
<path
d="m 0,0 v -120.825 c 93.243,0 94.21,51.192 94.217,52.792 V 0 Z"
id="path289"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g291" transform="translate(404.5571,490.7246)">
<path
d="m 0,0 v -3.874 c 0,0 -5.847,10.215 -21.526,17.946 -2.865,1.413 -6.159,-0.884 -5.774,-4.055 l 1.242,-10.224 c 0,0 -4.693,12.978 -16.384,20.819 -1.318,0.885 -3.062,0.885 -4.38,0 -11.691,-7.841 -16.384,-20.819 -16.384,-20.819 l 1.242,10.224 c 0.384,3.171 -2.91,5.468 -5.774,4.055 C -83.417,6.341 -89.264,-3.874 -89.264,-3.874 V 0 c 0,2.886 -2.969,4.84 -5.605,3.665 -15.811,-7.053 -58.718,-35.246 -44.527,-130.094 H 50.131 C 64.323,-31.581 21.416,-3.388 5.604,3.665 2.969,4.84 0,2.886 0,0"
id="path293"
fill="#47477f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g295" transform="translate(329.3804,432.3979)">
<path
d="m 0,0 c -15.375,10.206 -24.2,39.836 -14.087,54.453 v 3.874 c 0,2.886 -2.969,4.84 -5.605,3.664 C -35.503,54.938 -78.41,26.746 -64.219,-68.103 H 0 Z"
id="path297"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g299" transform="translate(434.9824,352.4326)">
<path
d="M 0,0 C 0,0 10.385,25.285 28.897,19.416 47.41,13.546 28.45,-41.249 -7.676,-44.701 Z"
id="path301"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g303" transform="translate(430.9746,387.2456)">
<path
d="m 0,0 c -3.509,10.287 -9.219,24.496 -16.225,32.717 -3.978,3.853 -8.146,7.046 -12.399,9.103 -8.195,3.963 -15.759,4.069 -22.161,2.497 -13.314,-3.269 -27.215,-3.269 -40.529,0 -6.402,1.572 -13.966,1.466 -22.161,-2.497 -4.254,-2.057 -8.421,-5.25 -12.399,-9.103 -7.006,-8.221 -12.716,-22.43 -16.225,-32.717 -2.762,-8.097 -8.72,-14.703 -16.484,-18.295 -0.031,-1.23 -0.063,-2.46 -0.063,-3.705 0,-64.504 39.218,-140.155 87.597,-140.155 48.378,0 87.597,75.651 87.597,140.155 0,1.245 -0.033,2.475 -0.064,3.705 C 8.72,-14.703 2.762,-8.097 0,0"
id="path305"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g307" transform="translate(312.3281,365.2456)">
<path
d="M 0,0 C 0,25.925 6.339,48.917 17.057,67.152 13.302,66.84 9.318,65.825 5.171,63.82 0.918,61.763 -3.25,58.57 -7.228,54.717 -14.233,46.496 -19.943,32.287 -23.452,22 -26.214,13.903 -32.172,7.297 -39.937,3.705 -39.968,2.475 -40,1.245 -40,0 c 0,-64.504 39.218,-140.155 87.597,-140.155 6.881,0 13.576,1.534 20,4.346 C 28.856,-118.856 0,-55.33 0,0"
id="path309"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g311" transform="translate(414.9243,349.9146)">
<path
d="m 0,0 c 0.042,3.495 -1.372,7.004 -4.242,9.539 -4.675,4.128 -11.84,4.128 -16.514,0 -2.871,-2.535 -4.285,-6.044 -4.243,-9.539 0.056,-4.538 5.63,-6.716 8.839,-3.507 2.022,2.022 5.3,2.022 7.322,0 C -5.629,-6.716 -0.056,-4.538 0,0"
id="path313"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g315" transform="translate(304.9258,349.9146)">
<path
d="m 0,0 c -0.042,3.495 1.372,7.004 4.242,9.539 4.675,4.128 11.84,4.128 16.515,0 2.87,-2.535 4.284,-6.044 4.242,-9.539 -0.056,-4.538 -5.63,-6.716 -8.839,-3.507 -2.022,2.022 -5.3,2.022 -7.322,0 C 5.629,-6.716 0.056,-4.538 0,0"
id="path317"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g319" transform="translate(345.9385,319.5532)">
<path
d="m 0,0 8.436,13.441 c 2.568,4.093 8.533,4.093 11.102,0 L 27.973,0 c 2.74,-4.365 -0.398,-10.038 -5.551,-10.038 H 5.551 C 0.398,-10.038 -2.74,-4.365 0,0"
id="path321"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g323" transform="translate(339.3086,271.1304)">
<path
d="m 0,0 h 41.233 c 4.111,3.622 7.258,8.309 9.01,13.631 1.584,4.811 -2.069,9.754 -7.134,9.754 H -1.876 c -5.065,0 -8.718,-4.943 -7.134,-9.754 C -7.258,8.309 -4.11,3.622 0,0"
id="path325"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g327" transform="translate(380.5415,271.1304)">
<path
d="m 0,0 c -5.493,-4.849 -12.714,-7.798 -20.616,-7.798 -7.903,0 -15.124,2.949 -20.617,7.798 5.501,4.849 12.714,7.797 20.617,7.797 C -12.714,7.797 -5.5,4.849 0,0"
id="path329"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g331" transform="translate(327.4253,371.2446)">
<path
d="m 0,0 h -20 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 H 0 C 4.142,15 7.5,11.642 7.5,7.5 7.5,3.358 4.142,0 0,0"
id="path333"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g335" transform="translate(412.4253,371.2446)">
<path
d="m 0,0 h -20 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 H 0 C 4.142,15 7.5,11.642 7.5,7.5 7.5,3.358 4.142,0 0,0"
id="path337"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g339" transform="translate(282.0747,312.6328)">
<path
d="m 0,0 c 0,88.365 -58.203,160 -130,160 -71.797,0 -130,-71.635 -130,-160 0,-88.366 58.203,-160 130,-160 71.797,0 130,71.634 130,160"
id="path341"
fill="#cc0053"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g343" transform="translate(233.9443,475.5776)">
<path
d="m 0,0 c -19.784,22.322 -47.62,36.422 -81.869,36.422 -34.25,0 -48.985,-5.638 -62.773,-12 -13.787,-6.361 -14.707,-34.072 -14.707,-34.072 -17.176,-18.715 -27.663,-43.666 -27.663,-71.07 v -30.076 H 23.273 V -80.72 C 23.273,-57.711 19.784,-22.322 0,0"
id="path345"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g347" transform="translate(46.9321,364.7817)">
<path
d="M 0,0 H 49.009 V 63.728 C 37.179,67.833 27.818,81.069 27.663,101.146 10.487,82.431 0,57.479 0,30.076 Z"
id="path349"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g351" transform="translate(325.6328,159.5625)">
<path
d="m 0,0 c -23.413,20.673 -123.865,37.435 -126.449,37.863 h -94.218 c -1.736,-0.288 -47.689,-7.955 -84.744,-19.23 29.081,-102.84 123.628,-178.195 235.778,-178.195 42.788,0 83.008,10.979 118.014,30.259 C 34.292,-64.69 8.351,-7.373 0,0"
id="path353"
fill="#fc90ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g355" transform="translate(296.1279,3.2788)">
<path
d="m 0,0 c 27.82,4.587 54.062,13.859 77.886,26.98 -14.089,64.614 -40.03,121.931 -48.381,129.304 -2.136,1.886 -4.921,3.74 -8.208,5.552 C 21.297,161.835 1.276,105.091 0,0"
id="path357"
fill="#f964b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g359" transform="translate(152.0747,169.1689)">
<path
d="M 0,0 C 43.007,0 67.378,24.535 67.381,24.539 55.743,26.816 47.811,28.14 47.109,28.256 H -47.108 C -47.811,28.14 -55.742,26.816 -67.381,24.539 -67.376,24.534 -43.006,0 0,0"
id="path361"
fill="#ea349c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g363" transform="translate(104.9663,318.2505)">
<path
d="m 0,0 v -120.825 c 0,0 21.091,-13.257 47.108,-13.257 26.018,0 47.109,13.257 47.109,13.257 V 0 Z"
id="path365"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g367" transform="translate(104.9663,318.2505)">
<path
d="m 0,0 v -120.825 c 93.243,0 94.21,51.192 94.217,52.792 V 0 Z"
id="path369"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g371" transform="translate(227.1323,352.4326)">
<path
d="M 0,0 C 0,0 10.385,25.285 28.897,19.416 47.41,13.546 28.45,-41.249 -7.676,-44.701 Z"
id="path373"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g375" transform="translate(77.0176,352.4326)">
<path
d="M 0,0 C 0,0 -10.385,25.285 -28.897,19.416 -47.41,13.546 -28.45,-41.249 7.676,-44.701 Z"
id="path377"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g379" transform="translate(90.9121,427.0962)">
<path
d="m 0,0 c -10.322,-3.438 -17.931,-12.279 -20.433,-22.867 -2.552,-10.801 -6.001,-27.519 -6.001,-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 -0.033,2.084 -0.085,3.733 C 67.264,-58.116 36.49,12.157 0,0"
id="path381"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g383" transform="translate(172.0752,229.4365)">
<path
d="m 0,0 c -38.741,16.953 -67.597,80.479 -67.597,135.809 0,21.971 4.563,41.826 12.476,58.475 -8.87,4.459 -17.292,6.291 -26.042,3.376 -10.322,-3.439 -17.931,-12.28 -20.433,-22.868 -2.552,-10.8 -6.001,-27.519 -6.001,-38.983 0,-64.505 39.219,-140.155 87.597,-140.155 6.881,0 13.576,1.534 20,4.346"
id="path385"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g387" transform="translate(207.0742,349.9146)">
<path
d="m 0,0 c 0.042,3.495 -1.372,7.004 -4.242,9.539 -4.675,4.128 -11.84,4.128 -16.515,0 -2.87,-2.535 -4.284,-6.044 -4.242,-9.539 0.056,-4.538 5.63,-6.716 8.839,-3.507 2.022,2.022 5.3,2.022 7.322,0 C -5.629,-6.716 -0.056,-4.538 0,0"
id="path389"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g391" transform="translate(97.0757,349.9146)">
<path
d="m 0,0 c -0.042,3.495 1.372,7.004 4.242,9.539 4.675,4.128 11.84,4.128 16.514,0 2.871,-2.535 4.285,-6.044 4.243,-9.539 -0.056,-4.538 -5.63,-6.716 -8.839,-3.507 -2.022,2.022 -5.3,2.022 -7.322,0 C 5.629,-6.716 0.056,-4.538 0,0"
id="path393"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g395" transform="translate(138.0884,319.5532)">
<path
d="m 0,0 8.436,13.441 c 2.568,4.093 8.533,4.093 11.102,0 L 27.973,0 c 2.74,-4.365 -0.398,-10.038 -5.551,-10.038 H 5.551 C 0.398,-10.038 -2.74,-4.365 0,0"
id="path397"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g399" transform="translate(131.4585,271.1304)">
<path
d="m 0,0 h 41.233 c 4.11,3.622 7.258,8.309 9.01,13.631 1.584,4.811 -2.069,9.754 -7.134,9.754 H -1.876 c -5.065,0 -8.718,-4.943 -7.134,-9.754 C -7.258,8.309 -4.111,3.622 0,0"
id="path401"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g403" transform="translate(172.6914,271.1304)">
<path
d="m 0,0 c -5.493,-4.849 -12.714,-7.798 -20.617,-7.798 -7.902,0 -15.123,2.949 -20.616,7.798 5.5,4.849 12.714,7.797 20.616,7.797 C -12.714,7.797 -5.5,4.849 0,0"
id="path405"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g407" transform="translate(119.5752,371.2446)">
<path
d="m 0,0 h -20 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 H 0 C 4.142,15 7.5,11.642 7.5,7.5 7.5,3.358 4.142,0 0,0"
id="path409"
fill="#cc0053"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g411" transform="translate(204.5752,371.2446)">
<path
d="m 0,0 h -20 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 H 0 C 4.142,15 7.5,11.642 7.5,7.5 7.5,3.358 4.142,0 0,0"
id="path413"
fill="#cc0053"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g415" transform="translate(296.1279,3.2788)">
<path
d="m 0,0 c -92.105,0 -211.435,101.152 -211.435,190.429 v 0 c -17.161,-3.359 -42.395,-8.795 -64.471,-15.512 C -246.825,72.077 -152.278,-3.279 -40.128,-3.279 -26.46,-3.279 -13.057,-2.153 0,0 Z"
id="path417"
fill="#f964b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category