Add icons to this collection by clicking the heart icon.
Bff icon - also known as people, friends, girls, 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.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 0c-135.31 0-245-109.69-245-245 0-23.16 3.217-45.567 9.222-66.804L0-376.156l244.75 141.944C239.103-103.91 131.693 0 0 0"
transform="translate(256 490)"
fill="#42c3fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.915 24.968-28.803 51.13-28.803 51.13h-177.433S-242.954 24.968-235.038 0c7.915-24.968 2.922-37.672-15.388-44.082-18.31-6.408-61.587-47.466-16.091-107.389h186.575l94.276 25.731c6.005 21.237 9.222 43.645 9.222 66.804 0 3.617-.095 7.21-.25 10.789-2.885 1.887-5.602 3.255-7.918 4.065C-2.922-37.672-7.916-24.968 0 0"
transform="translate(477.444 303.935)"
fill="#ffc839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.568-18.259 30-40.782 30-22.523 0-40.781-13.432-40.781-30 0-16.568 18.258-30 40.781-30S0-16.568 0 0"
transform="translate(400.707 482)"
fill="#ffc839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-58.068 0-105.143-47.074-105.143-105.143v-20.075h210.287v20.075C105.144-47.074 58.069 0 0 0"
transform="translate(359.925 490)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-75.866 27.247-60.599 112.806-60.589 112.859-37.814-15.927-64.361-53.332-64.361-96.939V-4.155H0z"
transform="translate(379.732 368.937)"
fill="#ffc839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-10.385 25.285-28.897 19.416c-18.512-5.87.447-60.665 36.573-64.117z"
transform="translate(284.867 352.433)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c56.749 31.248 99.781 84.328 117.768 147.933-37.055 11.274-83.008 18.941-84.745 19.229h-94.217c-1.314-.218-27.907-4.656-56.817-11.68z"
transform="translate(374.01 30.263)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c43.008 0 67.378 24.535 67.382 24.539-11.639 2.277-19.571 3.601-20.273 3.717h-94.217c-.703-.116-8.634-1.44-20.273-3.717C-67.376 24.534-43.006 0 0 0"
transform="translate(359.925 169.169)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120.825s21.091-13.257 47.108-13.257c26.018 0 47.11 13.257 47.11 13.257V0Z"
transform="translate(312.816 318.25)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120.825c93.243 0 94.21 51.192 94.218 52.792V0Z"
transform="translate(312.816 318.25)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s10.385 25.285 28.897 19.416c18.513-5.87-.447-60.665-36.573-64.117Z"
transform="translate(434.982 352.433)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.039.01-27.855 54.367s-.314-7.549-1.903-17.933c-.745-4.869-4.954-8.456-9.881-8.456h-95.784c-4.926 0-9.136 3.587-9.881 8.456-1.589 10.384-1.902 17.933-1.902 17.933L-175.099.014a161.64 161.64 0 0 1-.047-3.696c0-64.504 39.218-140.155 87.596-140.155C-39.171-143.837.048-68.186.048-3.682.048-2.447.028-1.221 0 0"
transform="translate(447.475 368.927)"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.147 1.172 21.751 3.359 31.669H-.315c-4.927 0-9.136 3.588-9.881 8.457-1.589 10.384-1.903 17.933-1.903 17.933L-39.952 3.696A161.62 161.62 0 0 1-40 0c0-64.504 39.219-140.155 87.597-140.155 6.882 0 13.576 1.534 20 4.346C28.856-118.856 0-55.33 0 0"
transform="translate(312.328 365.246)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.47 12.47 0 0 1-4.241 9.539c-4.675 4.128-11.84 4.128-16.515 0A12.471 12.471 0 0 1-24.998 0c.056-4.538 5.629-6.716 8.839-3.507a5.176 5.176 0 0 0 7.321 0C-5.629-6.716-.055-4.538 0 0"
transform="translate(414.924 349.915)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.471 12.471 0 0 0 4.242 9.539c4.675 4.128 11.84 4.128 16.515 0A12.47 12.47 0 0 0 24.998 0c-.055-4.538-5.629-6.716-8.838-3.507a5.176 5.176 0 0 1-7.321 0C5.629-6.716.056-4.538 0 0"
transform="translate(304.926 349.915)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.436 13.441c2.568 4.093 8.533 4.093 11.102 0L27.974 0c2.739-4.365-.399-10.038-5.552-10.038H5.551C.397-10.038-2.739-4.365 0 0"
transform="translate(345.938 319.553)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h41.232a31.177 31.177 0 0 1 9.011 13.631c1.583 4.811-2.069 9.754-7.135 9.754H-1.876c-5.064 0-8.718-4.943-7.134-9.754A31.184 31.184 0 0 1 0 0"
transform="translate(339.309 271.13)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a31.057 31.057 0 0 0-20.616-7.798A31.057 31.057 0 0 0-41.232 0c5.5 4.849 12.713 7.797 20.616 7.797C-12.714 7.797-5.5 4.849 0 0"
transform="translate(380.541 271.13)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20a7.5 7.5 0 0 0 0 15H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(327.425 371.245)"
fill="#ef9d25"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20a7.5 7.5 0 0 0 0 15H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(412.425 371.245)"
fill="#ef9d25"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c69.747 0 126.287 38.788 126.287 86.636 0 47.847-56.54 86.636-126.287 86.636-69.746 0-126.287-38.789-126.287-86.636C-126.287 38.788-69.746 0 0 0"
transform="translate(152.075 149.518)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c60.017 0 108.67 39.531 108.67 88.294 0 48.764-48.653 88.294-108.67 88.294s-108.669-39.53-108.669-88.294C-108.669 39.531-60.017 0 0 0"
transform="translate(152.075 224.338)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.65 41.159-45.138 83.218-80.681 83.218-12.234 0-18.866-12-18.866-12s-6.632 12-18.867 12c-35.544 0-68.033-42.062-80.682-83.222-3.586-10.527-5.547-21.804-5.589-33.534-.001-.129-.005-.259-.005-.387V-64H5.596v30.075C5.596-22.054 3.626-10.644 0 0"
transform="translate(251.622 428.782)"
fill="#47477f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v12.854c-32.85 31.529-31.491 102.768-.303 125.564-23.524-14.474-43.022-44.681-52.162-74.422-3.586-10.527-5.547-21.804-5.589-33.534-.001-.128-.005-.258-.005-.386V0Z"
transform="translate(104.991 364.782)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-23.413 20.673-123.865 37.435-126.449 37.863h-94.218c-1.736-.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.259C34.292-64.69 8.352-7.373 0 0"
transform="translate(325.633 159.563)"
fill="#e9efff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-92.105 0-211.435 101.152-211.435 190.429-17.161-3.359-42.395-8.795-64.471-15.512C-246.825 72.077-152.278-3.279-40.128-3.279-26.46-3.279-13.057-2.153 0 0M0 0a243.389 243.389 0 0 1 77.886 26.98c-14.089 64.614-40.03 121.931-48.381 129.304-2.137 1.886-4.921 3.74-8.208 5.552C21.297 161.835 1.276 105.091 0 0"
transform="translate(296.128 3.279)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c43.007 0 67.378 24.535 67.381 24.539-11.638 2.277-19.57 3.601-20.272 3.717h-94.217c-.703-.116-8.634-1.44-20.273-3.717C-67.376 24.534-43.006 0 0 0"
transform="translate(152.075 169.169)"
fill="#bec8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120.825s21.091-13.257 47.108-13.257c26.018 0 47.109 13.257 47.109 13.257V0Z"
transform="translate(104.966 318.25)"
fill="#ce846a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120.825c93.243 0 94.21 51.192 94.217 52.792V0Z"
transform="translate(104.966 318.25)"
fill="#c3785c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s10.385 25.285 28.897 19.416c18.513-5.87-.447-60.665-36.573-64.117Z"
transform="translate(227.132 352.433)"
fill="#ce846a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-10.385 25.285-28.897 19.416c-18.513-5.87.447-60.665 36.573-64.117Z"
transform="translate(77.018 352.433)"
fill="#c3785c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-19.69-60.441-87.333-60.563a157.03 157.03 0 0 1-.048-3.708c0-64.504 39.218-140.155 87.597-140.155 48.378 0 87.597 75.651 87.597 140.155 0 1.244-.02 2.479-.049 3.708C20.121-60.441 0 0 0 0"
transform="translate(151.86 429.516)"
fill="#dd9883"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 4.214.187 8.339.513 12.39-11.035-5.218-24.395-8.653-40.465-8.682C-39.98 2.478-40 1.244-40 0c0-64.504 39.218-140.155 87.597-140.155 6.881 0 13.576 1.534 20 4.346C28.856-118.856 0-55.33 0 0"
transform="translate(104.478 365.246)"
fill="#ce846a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.475 12.475 0 0 1-4.242 9.539c-4.675 4.128-11.84 4.128-16.515 0A12.475 12.475 0 0 1-24.999 0c.056-4.538 5.63-6.716 8.839-3.507a5.177 5.177 0 0 0 7.322 0C-5.629-6.716-.056-4.538 0 0"
transform="translate(207.074 349.915)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.475 12.475 0 0 0 4.242 9.539c4.675 4.128 11.84 4.128 16.514 0A12.472 12.472 0 0 0 24.999 0c-.056-4.538-5.63-6.716-8.839-3.507a5.177 5.177 0 0 1-7.322 0C5.629-6.716.056-4.538 0 0"
transform="translate(97.076 349.915)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.436 13.441c2.568 4.093 8.533 4.093 11.102 0L27.973 0c2.74-4.365-.398-10.038-5.551-10.038H5.551C.398-10.038-2.74-4.365 0 0"
transform="translate(138.088 319.553)"
fill="#ce846a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h41.233a31.184 31.184 0 0 1 9.01 13.631c1.584 4.811-2.069 9.754-7.134 9.754H-1.876c-5.065 0-8.718-4.943-7.134-9.754A31.175 31.175 0 0 1 0 0"
transform="translate(131.458 271.13)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a31.06 31.06 0 0 0-20.617-7.798A31.059 31.059 0 0 0-41.233 0c5.5 4.849 12.714 7.797 20.616 7.797C-12.714 7.797-5.5 4.849 0 0"
transform="translate(172.691 271.13)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20a7.5 7.5 0 0 0-7.5 7.5A7.5 7.5 0 0 0-20 15H0A7.5 7.5 0 0 0 0 0"
transform="translate(119.575 371.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.5A7.5 7.5 0 0 0-20 15H0A7.5 7.5 0 0 0 0 0"
transform="translate(204.575 371.245)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category