Free UI Elements
Discover the free UI elements. Just copy the element and paste it into your Framer projects.
Avatar Group
Badge
Banner
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 16 0 L 16 8 L 8 8 L 0 0 Z M 0 8 L 8 8 L 16 16 L 8 16 L 8 24 L 0 16 Z" fill="rgb(0, 0, 0)" height="23.999999844392278px" id="NKhtcVbew" transform="translate(4 0)" width="16px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 21.959 20.84 L 11.799 0.52 C 11.599 0.08 11.399 0 11.159 0 C 10.959 0 10.719 0.08 10.479 0.48 C 9.039 2.76 8.399 5.399 8.399 8.159 C 8.399 11.999 10.359 15.6 13.239 21.401 C 13.56 22.04 13.8 22.16 14.358 22.16 L 21.4 22.16 C 21.919 22.16 22.2 21.96 22.2 21.56 C 22.2 21.36 22.159 21.24 21.96 20.84 Z M 7.2 11.24 C 6.4 10.041 6.16 9.961 5.96 9.961 C 5.76 9.961 5.64 10.04 5.28 10.761 L 0.2 20.919 C 0.04 21.239 0 21.359 0 21.519 C 0 21.839 0.28 22.159 0.88 22.159 L 8.039 22.159 C 8.518 22.159 8.878 21.759 9.078 20.999 C 9.318 20.039 9.398 19.199 9.398 18.2 C 9.398 15.4 8.159 12.68 7.199 11.24 Z" fill="rgb(24, 104, 219)" height="22.16px" id="lFe25pRfo" transform="translate(0.9 0.9)" width="22.199999948527505px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 8.76 0 C 7.961 0.001 7.215 0.4 6.772 1.065 C 6.329 1.729 6.247 2.571 6.553 3.309 C 6.922 4.202 7.793 4.786 8.76 4.787 L 11.15 4.787 L 11.15 2.393 C 11.151 1.072 10.081 0.001 8.76 0 Z M 8.76 6.383 L 2.39 6.383 C 1.755 6.384 1.147 6.636 0.699 7.085 C 0.251 7.535 -0.001 8.143 0 8.778 C -0.001 9.412 0.251 10.021 0.699 10.47 C 1.147 10.919 1.756 11.171 2.39 11.172 L 8.76 11.172 C 10.08 11.172 11.15 10.1 11.15 8.778 C 11.151 8.143 10.899 7.535 10.451 7.085 C 10.003 6.636 9.395 6.384 8.76 6.383 Z" fill="rgb(54, 197, 240)" height="11.171999897003174px" id="BUnn13pRH" transform="translate(0 0.06)" width="11.150003770053003px"/><path d="M 11.151 8.778 C 11.152 8.143 10.9 7.535 10.452 7.085 C 10.004 6.636 9.396 6.384 8.761 6.383 C 8.126 6.384 7.518 6.636 7.07 7.085 C 6.622 7.535 6.37 8.143 6.371 8.778 L 6.371 11.172 L 8.761 11.172 C 9.395 11.171 10.004 10.919 10.452 10.47 C 10.9 10.021 11.152 9.412 11.151 8.778 Z M 4.779 8.778 L 4.779 2.393 C 4.78 1.072 3.71 0.001 2.389 0 C 1.068 0.002 -0.001 1.073 0 2.394 L 0 8.778 C -0.001 9.413 0.251 10.021 0.699 10.471 C 1.147 10.92 1.755 11.172 2.39 11.173 C 3.711 11.171 4.78 10.1 4.779 8.779" fill="rgb(46, 182, 125)" height="11.173px" id="uix94QaAq" transform="translate(12.743 0.06)" width="11.151003583132841px"/><path d="M 2.391 11.172 C 3.025 11.171 3.633 10.919 4.082 10.47 C 4.53 10.021 4.781 9.412 4.781 8.778 C 4.781 8.144 4.53 7.535 4.082 7.086 C 3.633 6.637 3.025 6.385 2.391 6.384 L 0.002 6.384 L 0.002 8.778 C 0.001 9.412 0.253 10.021 0.701 10.47 C 1.149 10.919 1.757 11.171 2.392 11.172 Z M 2.391 4.788 L 8.763 4.788 C 10.083 4.788 11.153 3.716 11.153 2.394 C 11.153 1.76 10.902 1.151 10.454 0.702 C 10.005 0.253 9.397 0.001 8.763 0 L 2.391 0 C 1.592 0 0.846 0.4 0.402 1.064 C -0.041 1.729 -0.124 2.571 0.183 3.309 C 0.552 4.203 1.423 4.787 2.391 4.788" fill="rgb(236, 178, 46)" height="11.171999824523922px" id="w3SQUJayw" transform="translate(12.741 12.828)" width="11.152763057718508px"/><path d="M 0 2.394 C -0.001 3.028 0.251 3.637 0.699 4.086 C 1.147 4.535 1.756 4.787 2.39 4.788 C 3.711 4.786 4.78 3.715 4.779 2.394 L 4.779 0 L 2.389 0 C 1.068 0.002 -0.001 1.073 0 2.394 Z M 6.372 2.394 L 6.372 8.778 C 6.371 10.098 7.44 11.17 8.76 11.172 C 9.394 11.171 10.003 10.919 10.451 10.47 C 10.899 10.021 11.151 9.412 11.15 8.778 L 11.15 2.394 C 11.15 1.074 10.08 0.004 8.76 0.004 C 7.44 0.004 6.37 1.074 6.37 2.394 Z" fill="rgb(224, 30, 90)" height="11.172000000189989px" id="yxNk2m1sp" transform="translate(0 12.828)" width="11.15000167725901px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 0.151 14.025 L 9.975 23.849 C 4.948 22.99 1.01 19.052 0.151 14.025 Z M 0 11.358 L 12.642 24 C 13.382 23.961 14.117 23.853 14.837 23.678 L 0.322 9.163 C 0.147 9.883 0.039 10.618 0 11.358 Z M 0.951 7.277 L 16.723 23.049 C 17.295 22.804 17.846 22.514 18.373 22.183 L 1.817 5.627 C 1.486 6.153 1.197 6.705 0.951 7.277 Z M 2.886 4.179 C 5.165 1.523 8.491 -0.003 11.99 0 C 18.624 0 24 5.377 24 12.009 C 24 15.649 22.38 18.912 19.82 21.114 L 2.887 4.18 Z" fill="rgb(94, 106, 210)" height="24.00000582885742px" id="xQNN1nHTs" transform="translate(0 0)" width="24px"/></svg>)
Brand Icons - Color
Brand Icons - Monotone
Shinny Badge
App Store Badge
Google Play Badge
Toggle
Segmented Control
Nav Menu