Add icons to this collection by clicking the heart icon.
Bff icon - also known as people, man, boy, guy, 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>
<clipPath id="b" 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-46.62 20.72-84.359-21.46-84.359-21.46s-37.74 42.18-84.36 21.46c-46.619-20.72-46.619-89.539-5.179-135.419 25.532-28.268 53.592-46.703 71.373-56.691a37.078 37.078 0 0 1 36.332 0c17.78 9.988 45.841 28.423 71.373 56.691C46.62-89.539 46.62-20.72 0 0"
transform="translate(340.36 -20.62)"
fill="#9181f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.23 35.159-49.57 134.78-18.166 170.65 0 0-37.74 42.18-84.359 21.46-46.62-20.719-46.62-89.539-5.18-135.419C-82.173 28.424-54.113 9.988-36.332 0A37.078 37.078 0 0 1 0 0"
transform="translate(274.166 -212.73)"
fill="#816ae2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c27.744 39.712 44.031 88.021 44.031 140.139 0 135.31-109.691 245-245 245-135.31 0-245-109.69-245-245 0-52.118 16.287-100.427 44.031-140.139z"
transform="translate(456.97 104.86)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-110.457-89.543-200-200-200S-400-110.457-400 0s89.543 200 200 200S0 110.457 0 0"
transform="translate(456 270)"
fill="#ffc839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.221 25.363-19.04 47.329-27.391 54.702-23.413 20.673-123.588 37.434-126.172 37.862h-94.772c-2.584-.428-102.759-17.189-126.172-37.862-8.351-7.373-18.171-29.339-27.391-54.702l-.008-.017c25.377-36.318 60.346-65.436 101.232-83.684h10.962l10.961-8.54-.001-.003.177-.057 38.05-9.362-.009-.009a246.426 246.426 0 0 1 21.37-2.507l10.898 5.127 10.834-5.781a245.808 245.808 0 0 1 44.666 4.716l6.945 7.876 14.978-2.434C-77.227-78.687-31.312-44.836.001-.027L0 0"
transform="translate(456.95 104.86)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 2.974-6.025A4.139 4.139 0 0 1 6.09-8.29l6.65-.966c3.395-.494 4.751-4.665 2.294-7.06l-4.812-4.69a4.142 4.142 0 0 1-1.19-3.664l1.136-6.622c.58-3.382-2.969-5.96-6.006-4.364l-5.947 3.127a4.14 4.14 0 0 1-3.853 0l-5.947-3.127c-3.037-1.596-6.585.982-6.006 4.364l1.136 6.622a4.139 4.139 0 0 1-1.19 3.664l-4.812 4.69c-2.457 2.395-1.101 6.566 2.294 7.06l6.65.966a4.139 4.139 0 0 1 3.116 2.265L-7.423 0C-5.905 3.077-1.518 3.077 0 0"
transform="translate(259.711 143.86)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.918-8.507c.165-.055.332-.107.497-.162l37.773-9.293-.006-.006a245.562 245.562 0 0 1 21.351-2.518s-73.45 93.347-81.494 186.113c-29.062-6.881-61.721-16.529-73.834-27.225-8.351-7.373-18.17-29.339-27.391-54.701a.089.089 0 0 0-.008-.017C-86.811 47.357-51.827 18.245-10.929 0Z"
transform="translate(167.237 21.16)"
fill="#e80054"
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-.097-6.223-1.04-14.843-2.678 1.996-2.662 25.125-32.415 62.013-32.415C-25.243-32.403-1.608-2.119 0 0"
transform="translate(318.291 194.735)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.075.519.127 1.045.127 1.585v26.269h16.304c6.054 0 10.962 4.908 10.962 10.961 0 6.054-4.908 10.962-10.962 10.962H.127V63.7h18.657c6.054 0 10.962 4.908 10.962 10.962 0 6.054-4.908 10.962-10.962 10.962h-29.618c-6.054 0-10.962-4.908-10.962-10.962V1.585c0-.316.021-.628.047-.938 6.02-.443 12.098-.674 18.231-.674 1.175 0 2.347.01 3.518.027"
transform="translate(259.518 .027)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.054 0 10.961 4.908 10.961 10.962 0 6.054-4.907 10.961-10.961 10.961h-29.618c-6.054 0-10.962-4.907-10.962-10.961v-69.945a242.994 242.994 0 0 1 21.923 5.441v17.696h16.304c6.054 0 10.962 4.908 10.962 10.961 0 6.054-4.908 10.962-10.962 10.962h-16.304V0Z"
transform="translate(344.763 63.727)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.961c-6.054 0-10.962-4.908-10.962-10.961v-69.946A243.334 243.334 0 0 1 0-75.465v17.695c-6.054 0-10.961 4.908-10.961 10.962 0 6.054 4.907 10.961 10.961 10.961v13.924c-6.054 0-10.961 4.907-10.961 10.962C-10.961-4.908-6.054 0 0 0"
transform="translate(326.106 85.65)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.639 0-8.556-.021-13.973-.041v17.449l2.554.009H0c4.802 0 8.708-3.906 8.708-8.709C8.708 3.907 4.802 0 0 0m-13.973 51.067h10.266a5.86 5.86 0 0 0 5.853-5.854 5.86 5.86 0 0 0-5.853-5.853c-1.566 0-4.522-.008-7.74-.02h-2.526zm34.408-19.564a27.599 27.599 0 0 1 3.634 13.71c0 15.317-12.46 27.777-27.776 27.777h-21.227c-6.054 0-10.962-4.907-10.962-10.961V8.5a243.177 243.177 0 0 1 60.49-18.029 30.467 30.467 0 0 1 6.037 18.237c0 9.045-3.942 17.183-10.196 22.795"
transform="translate(192.17 12.66)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.054 0-10.961 4.908-10.961 10.961 0 6.055 4.907 10.962 10.961 10.962V33.65c-6.054 0-10.961 4.908-10.961 10.962 0 6.054 4.907 10.961 10.961 10.961h-10.961c-6.054 0-10.962-4.907-10.962-10.961V-8.917A242.734 242.734 0 0 1-.007-17.458H0z"
transform="translate(178.198 30.078)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.075.519.127 1.045.127 1.585v26.269c-6.054 0-10.961 4.907-10.961 10.961S-5.927 49.777.127 49.777V63.7c-6.054 0-10.961 4.908-10.961 10.962 0 6.054 4.907 10.962 10.961 10.962h-10.961c-6.054 0-10.962-4.908-10.962-10.962V1.585c0-.317.021-.628.047-.938 6.02-.443 12.098-.674 18.231-.674 1.175 0 2.347.01 3.518.027"
transform="translate(259.518 .027)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-94.772v-93.841s19.021-20.093 47.17-20.093S0-93.84 0-93.84z"
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.422-81.87 36.422s-48.984-5.638-62.772-12C-158.429 18.061-159.35-9.65-159.35-9.65c-17.175-18.715-27.662-43.666-27.662-71.07v-30.076H23.273v30.076C23.273-57.711 19.784-22.322 0 0"
transform="translate(339.003 475.578)"
fill="#47477f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.076h42.846v62.315C32.087 39.271 27.051 56.355 27.663 71.07 10.487 52.355 0 27.404 0 0"
transform="translate(151.991 394.857)"
fill="#3b3868"
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(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.416c-18.513-5.87.447-60.665 36.573-64.117Z"
transform="translate(180.942 352.433)"
fill="#fd995b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.322-3.439-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.733C67.264-58.116 36.49 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.809 0 21.971 4.564 41.826 12.476 58.475-8.869 4.459-17.292 6.291-26.042 3.376-10.322-3.439-17.931-12.28-20.433-22.868-2.551-10.8-6.001-27.519-6.001-38.983C-107.597 71.304-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 0 8.436 13.441c2.568 4.093 8.533 4.093 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.553)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h41.232a31.186 31.186 0 0 1 9.011 13.631c1.583 4.811-2.07 9.754-7.135 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(235.384 271.13)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a31.059 31.059 0 0 0-20.616-7.798A31.055 31.055 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(276.616 271.13)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.468 12.468 0 0 1-4.242 9.539c-4.675 4.128-11.84 4.128-16.514 0A12.468 12.468 0 0 1-24.998 0c.055-4.538 5.629-6.716 8.838-3.507a5.177 5.177 0 0 0 7.322 0C-5.629-6.716-.055-4.538 0 0"
transform="translate(310.999 349.915)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a12.468 12.468 0 0 0 4.242 9.539c4.675 4.128 11.84 4.128 16.514 0A12.468 12.468 0 0 0 24.998 0c-.055-4.538-5.629-6.716-8.838-3.507a5.177 5.177 0 0 1-7.322 0C5.629-6.716.055-4.538 0 0"
transform="translate(201.001 349.915)"
fill="#2d2d59"
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 0 0"
transform="translate(223.5 373.032)"
fill="#2d2d59"
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 0 0"
transform="translate(308.5 373.032)"
fill="#2d2d59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.327a245.931 245.931 0 0 1 22.599-18.261L10.564 1.515C8.813 7.494 0 6.23 0 0"
transform="translate(91.07 85.157)"
fill="#cc0053"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.327a245.931 245.931 0 0 0-22.599-18.261l12.035 41.103C-8.813 7.494 0 6.23 0 0"
transform="translate(420.93 85.157)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category