---
title: "Spinning Icon Sphere — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Troy Miller · Backgrounds. Spinning Icon Sphere is a stunning 3D rotating sphere that displays your chosen icons in an elegant, eye-catching animation."
canonical: "https://framer.elliotli.dev/component/spinning-icon-sphere"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Spinning Icon Sphere

# Spinning Icon Sphere

Beautiful 3D rotating icon sphere

[View on Framer](https://framer.com/marketplace/components/spinning-icon-sphere/?via=elliot-li)

![Spinning Icon Sphere preview image 1](https://framer.elliotli.dev/og/component/spinning-icon-sphere/0c36c2109ce9345e/1600x1200.jpg)

## Summary

Spinning Icon Sphere is a stunning 3D rotating sphere that displays your chosen icons in an elegant, eye-catching animation.

## Description

Spinning Icon Sphere

## Overview

The Spinning Icon Sphere is a stunning 3D rotating sphere that displays your chosen icons in an elegant, eye-catching animation. Built with react-icon-cloud and Phosphor icons, this component creates a professional, interactive visual that's perfect for showcasing tech stacks, skills, tools, or any collection of icons.

## Key Features

### Full Customization

-   **1000+ Phosphor Icons**: Access to the entire Phosphor icon library with beautiful, consistent designs
    
-   **Flexible Icon Count**: Display anywhere from 5 to 20 icons based on your needs
    
-   **Color Control**: Customize icon color to match your brand
    
-   **Size Adjustment**: Scale icons from 20px to 80px
    
-   **Weight Options**: Choose from Thin, Light, Regular, Bold, & Fill
    

### Animation Controls

-   **Rotation Speed**: Adjust the sphere's rotation speed (10-100)
    
-   **Hover Speed**: Control how quickly icons respond to clicks (100-1000ms)
    
-   **Globe Size**: Scale the entire sphere from compact (200) to expansive (1000)
    

### Smart Design

-   **Always Upright Icons**: Icons remain readable as they rotate, never flipping upside down
    
-   **No Clipping**: Built-in padding ensures icons never get cut off at frame edges
    
-   **Transparent Background**: Blends seamlessly with any design
    

## Perfect For

-   Portfolio websites showcasing technical skills
    
-   Landing pages displaying tech stacks
    
-   About sections highlighting tools and platforms
    
-   Agency sites showing service offerings
    
-   Product pages featuring integrations
    
-   Creative displays for any icon-based content
    

**IMPORTANT:** Due to the nature of digital code components, **all sales are final and non-refundable**. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

**Before purchasing, please:**

-   Review the component demo and documentation carefully
    
-   Check the feature list to ensure it meets your needs
    
-   Contact us at troy@fireislanddesign.com with any pre-purchase questions
    

For design work, questions, or help, please reach out at [https://www.fireislanddesign.com/](https://www.merokeeventures.com/)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6604

## Details

- **Author**: Troy Miller
- **Price**: $3.00
- **Published**: 2026-02-10
- **Updated**: 2026-06-17
- **Added**: 2026-01-29
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background