![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 17.036 16.071 L 3.536 16.071 C 2.65 16.071 1.929 15.35 1.929 14.464 L 1.929 11.25 C 1.929 10.717 1.497 10.286 0.964 10.286 C 0.432 10.286 0 10.717 0 11.25 L 0 14.464 C 0.001 16.416 1.584 17.999 3.536 18 L 17.036 18 C 17.568 18 18 17.568 18 17.036 C 18 16.503 17.568 16.071 17.036 16.071 Z M 13.539 0.283 C 13.162 -0.094 12.551 -0.094 12.174 0.283 C 11.798 0.659 11.798 1.27 12.174 1.647 L 14.707 4.18 L 11.571 4.18 C 8.027 4.18 5.143 7.064 5.143 10.608 C 5.143 11.141 5.575 11.573 6.107 11.573 C 6.64 11.573 7.071 11.141 7.071 10.608 C 7.071 8.127 9.09 6.108 11.571 6.108 L 14.707 6.108 L 12.174 8.641 C 11.809 9.019 11.814 9.621 12.186 9.993 C 12.557 10.365 13.159 10.371 13.537 10.005 L 17.716 5.827 C 17.897 5.646 17.999 5.4 17.999 5.145 C 17.999 4.889 17.897 4.643 17.716 4.462 L 13.537 0.284 Z" fill="transparent" height="18px" id="Z7MyMvAGJ" transform="translate(1 1)" width="18px"><g opacity="0.4"><path d="M 17.036 5.786 L 3.536 5.786 C 2.65 5.786 1.929 5.065 1.929 4.179 L 1.929 0.964 C 1.929 0.432 1.497 0 0.964 0 C 0.432 0 0 0.432 0 0.964 L 0 4.179 C 0.001 6.131 1.584 7.713 3.536 7.714 L 17.036 7.714 C 17.568 7.714 18 7.283 18 6.75 C 18 6.218 17.568 5.786 17.036 5.786 Z" fill="rgb(247, 247, 247)" height="7.714428914061898px" id="EIf7EERTU" transform="translate(0 10.286)" width="18px"/></g><path d="M 8.396 0.283 C 8.019 -0.094 7.408 -0.094 7.032 0.283 C 6.655 0.659 6.655 1.27 7.032 1.647 L 9.564 4.18 L 6.429 4.18 C 2.884 4.18 0 7.064 0 10.608 C 0 11.141 0.432 11.573 0.964 11.573 C 1.497 11.573 1.929 11.141 1.929 10.608 C 1.929 8.127 3.947 6.108 6.429 6.108 L 9.564 6.108 L 7.032 8.641 C 6.666 9.019 6.671 9.621 7.043 9.993 C 7.414 10.365 8.016 10.371 8.394 10.005 L 12.573 5.827 C 12.754 5.646 12.856 5.4 12.856 5.145 C 12.856 4.889 12.754 4.643 12.573 4.462 L 8.394 0.284 Z" fill="rgb(247, 247, 247)" height="11.572595196411214px" id="Ha_t3VDsa" transform="translate(5.143 0)" width="12.855651277727503px"/></g></svg>)
Share
Thanks for sharing :)
Share
Thanks for sharing :)
Like
Liked
0
Led Button
This is a skeuomorphic led button with an underlight which shows its current active or non-active state. It has a default, hover and pressed variant and consists in multiple light effects which makes it look more realistic.
How do I use it?
You need to click "Copy component" and paste it in your Framer project. Make sure when you want to edit the file that you double click the component and select "unlink all" in order for the instances to transfer a new version in your project.
made by Fabian Albert.
© 2026 - Eleveight Supply™
Follow us on x.com
Say hello: sales@eleveight.supply
made by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
© 2026 - Eleveight Supply™
made by Fabian Albert.
© 2026 - Eleveight Supply™
Follow us on x.com
Say hello: sales@eleveight.supply