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 0c0-80.993-87.901-146.651-196.332-146.651S-392.664-80.993-392.664 0c0 80.993 87.901 146.651 196.332 146.651S0 80.993 0 0"
transform="translate(452.332 204.733)"
fill="#5f7080"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a165.138 165.138 0 0 1-39.087-4.677C-43.498 10.66-55.237 21.63-69.031 21.63c-17.57 0-31.813-17.797-31.813-39.749 0-1.612.086-3.199.236-4.762-14.629 9.655-32.42 9.818-42.913-.675-12.423-12.423-9.911-35.079 5.612-50.602.054-.054.111-.104.165-.157-17.096-25.974-27.053-57.063-27.053-90.483v-31.151h329.594v31.151C164.797-73.782 91.015 0 0 0"
transform="translate(256 490.331)"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 64.736 33.212 166.609 98.299 179.972a165.138 165.138 0 0 1-39.087-4.677c-4.411 15.336-16.15 26.307-29.943 26.307-17.57 0-31.813-17.797-31.813-39.749 0-1.613.085-3.2.234-4.762-14.628 9.655-32.419 9.817-42.912-.675-12.423-12.424-9.911-35.079 5.612-50.603.054-.053.111-.103.165-.157-17.096-25.973-27.053-57.062-27.053-90.482v-31.152H0Z"
transform="translate(157.703 310.36)"
fill="#5f7080"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.524-16.638-37.162-37.163-37.162-20.525 0-37.163 16.638-37.163 37.162 0 20.524 16.638 37.163 37.163 37.163C-16.638 37.163 0 20.524 0 0"
transform="translate(442.643 261.024)"
fill="#ffdecf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.524-16.638-37.162-37.163-37.162-20.525 0-37.163 16.638-37.163 37.162 0 20.524 16.638 37.163 37.163 37.163C-16.638 37.163 0 20.524 0 0"
transform="translate(143.683 261.024)"
fill="#ffcdbe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-.001l-3.38-13.762c-5.987-24.372-23.477-40.925-43.24-40.925h-142.828c-19.763 0-37.252 16.553-43.239 40.925l-2.358 9.599-.007.017c-19.027-25.081-30.323-56.346-30.323-90.254 0-82.556 66.924-149.481 149.479-149.481 82.556 0 149.48 66.925 149.48 149.481C33.584-58.598 20.991-25.739 0 0"
transform="translate(371.896 355.562)"
fill="#ffeee5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.019.467 15.929 1.359 23.709-8.575 7.225-15.238 18.157-18.494 31.412l-2.358 9.599-.006.014C-38.527 39.656-49.823 8.392-49.823-25.518c0-81.84 65.773-148.307 147.342-149.453C38.991-138.708 0-73.912 0 0"
transform="translate(156.343 286.65)"
fill="#ffdecf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 48.047-48.047 56.436 46.519c-6.152 3.997-12.435 7.8-18.877 11.314-18.536 10.11-44.149 22.552-65.807 17.676C5.766 24.302.65 13.069 0 0"
transform="translate(88.592 163.7)"
fill="#eaaa83"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.583 10.136-43.526 22.357-65.94 20.845-.742-14.933 4.346-32.263 8.633-42.699.66-1.605 13.527-26.686 13.948-26.339L8.927-5.096A291.258 291.258 0 0 1 0 0"
transform="translate(154.532 142.855)"
fill="#ffc9d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.649 13.069-5.765 24.302-19.799 27.462-21.657 4.876-47.271-7.566-65.807-17.676-6.442-3.514-12.724-7.317-18.877-11.314l56.437-46.519z"
transform="translate(421.142 163.7)"
fill="#eaaa83"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c18.583 10.136 43.527 22.357 65.94 20.845.742-14.933-4.345-32.263-8.633-42.699-.659-1.605-13.527-26.686-13.948-26.339L-8.927-5.096A292.456 292.456 0 0 0 0 0"
transform="translate(355.202 142.855)"
fill="#ffc9d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.022 19.071 17.268 40.778 17.268 63.814 0 75.92-67.733 137.465-151.286 137.465s-151.286-61.545-151.286-137.465c0-23.036 6.245-44.743 17.267-63.814z"
transform="translate(388.988 -.04)"
fill="#f0f0f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 15.082-10.926 16.499-24.404 16.499S-48.808 15.082-48.808 0c0-15.082 10.926-27.308 24.404-27.308S0-15.082 0 0"
transform="translate(280.404 145.03)"
fill="#ff9eb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 70.685 58.717 128.897 134.247 136.592-16.086 5.296-33.439 8.187-51.537 8.187-83.553 0-151.286-61.545-151.286-137.464 0-23.037 6.245-44.744 17.267-63.815h64.65C4.775-39.265 0-20.141 0 0"
transform="translate(172.26 56.46)"
fill="#d9d9d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-10.807"
transform="translate(197.496 136.363)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-10.807"
transform="translate(311.91 136.363)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.189-5.829-13.019-13.019-13.019-7.189 0-13.019 5.83-13.019 13.019"
transform="translate(254.867 93.796)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.189-5.829-13.019-13.019-13.019S-26.038-7.189-26.038 0"
transform="translate(280.904 93.796)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s11.167 11.386 28.902 19.925"
transform="translate(159.35 59.346)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-14.451 4.927-30.544 6.897"
transform="translate(365.788 93.94)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-11.167 11.386-28.902 19.925"
transform="translate(352.65 59.346)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.403-14.663-26.08-32.75-26.08C-50.838-26.08-65.5-14.403-65.5 0c0 14.404 14.662 26.081 32.75 26.081C-14.663 26.081 0 14.404 0 0"
transform="translate(199.992 231.405)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.403 14.663-26.08 32.75-26.08C50.838-26.08 65.5-14.403 65.5 0c0 14.404-14.662 26.081-32.75 26.081C14.663 26.081 0 14.404 0 0"
transform="translate(312.008 231.405)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.745"
transform="translate(186.328 269.578)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.466-5.125 11.037-8.368 18.369-8.368 7.332 0 13.902 3.243 18.368 8.368"
transform="translate(237.631 256.91)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.158 6.613 14.771 14.771 14.771 8.157 0 14.77-6.613 14.77-14.771"
transform="translate(313.362 257.188)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s14.451 4.927 30.544 6.897"
transform="translate(146.212 93.94)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-21.872 17.731-39.603 39.603-39.603S79.206-21.872 79.206 0 61.475 39.604 39.603 39.604 0 21.872 0 0"
transform="translate(81.349 39.645)"
fill="#ffdecf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-21.872-17.731-39.603-39.603-39.603S-79.206-21.872-79.206 0s17.731 39.604 39.603 39.604S0 21.872 0 0"
transform="translate(428.591 39.645)"
fill="#ffdecf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category