Skip to content
shadcn.io

Spin 1

The spin1 icon represents a loading or spinning animation often used to indicate progress or wait times in digital interfaces.

Add shadcn.io to your AI agent. · Pro It installs Spin 1, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Spin 1 icon from Fontelico
Get Pro

34 in FontelicoCC BY SA license (opens in a new tab)Free to copy and download

Code

Spin 1 in your framework

In any framework. Customize it above, and the code follows.

export const Spin1Icon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000" {...props}>
    <path fill="currentColor" d="M495.571.188C319.765.188 164.91 90.115 74.477 226.469a504 504 0 0 0-45.125 84.5A501 501 0 0 0 .977 403.157c-.09.308-.186.65-.25.969v.031H.79c-.145.736-.25 1.504-.25 2.281c0 6.416 5.209 11.594 11.625 11.594H113.04c5.185.005 9.911-3.495 11.25-8.75c29.147-113.201 108.762-206.163 213.438-253.531a380.3 380.3 0 0 1 63.688-22.281a384 384 0 0 1 94.125-11.688v.063h.031v-.063c25.467 0 50.473 2.532 74.781 7.344c4.551.901 9.231 1.931 14 3.063a386 386 0 0 1 13.813 3.531h.031a11.595 11.595 0 0 0 13.188-5.406l50.156-86.875c.516-.801.933-1.681 1.25-2.625c2.037-6.089-1.225-12.68-7.313-14.719a502 502 0 0 0-64.875-16.938a499 499 0 0 0-12.969-2.281c-26.627-4.359-54.016-6.623-82-6.625V.188zm326.906 113.875a11.61 11.61 0 0 0-10.344 5.844l-50.094 86.75c-2.988 4.544-2.463 10.697 1.563 14.656c29.65 29.12 54.588 63.019 73.563 100.438a382 382 0 0 1 10.375 22.219c19.859 46.325 30.874 97.326 30.875 150.844h-.063v.031c0 77.145-22.763 148.915-61.938 209a385 385 0 0 1-24.688 33.688a387 387 0 0 1-27.719 30.406l-.031.031l-.375.344l.031.031c-3.689 3.613-4.63 9.377-1.938 14.063l50.188 86.969c.428.809.961 1.597 1.594 2.313c4.253 4.806 11.602 5.252 16.406 1c58.229-51.639 104.441-116.505 133.906-189.875a501 501 0 0 0 15.281-43.75c13.589-45.641 20.905-94.045 20.906-144.219c.001-108.271-34.092-208.57-92.094-290.75a508 508 0 0 0-36.5-45.813a509 509 0 0 0-41.469-41.281h-.031c-.58-.514-1.207-1.003-1.906-1.406a11.55 11.55 0 0 0-5.5-1.531zM11.633 581.907v.063c-.751.001-1.517.065-2.281.219c-6.291 1.257-10.383 7.366-9.125 13.656c33.724 165.908 148.81 302.319 301.75 365.688a501 501 0 0 0 93.188 28.344c32.281 6.481 65.672 9.873 99.844 9.875v.063h.031c40.203 0 79.33-4.728 116.844-13.625a502 502 0 0 0 21.688-5.656c6.667-1.898 13.628-4.088 20.875-6.5a11.6 11.6 0 0 0 2.625-1.094c5.559-3.221 7.44-10.346 4.219-15.906l-50.438-87.375c-2.585-4.474-7.944-6.816-13.156-5.375a382 382 0 0 1-41.875 9.125c-2.619.417-5.392.818-8.313 1.219a386 386 0 0 1-52.406 3.594v-.063h-.063c-128.347 0-241.969-63.085-311.531-159.906a12 12 0 0 0-.406-.594c-13.605-19.008-25.451-39.187-35.344-60.281c-9.825-20.949-17.824-42.907-23.75-65.656c-.882-5.565-5.685-9.813-11.5-9.813H11.634z"/>
  </svg>
);

Fontelico

More like it

Icons that share its tags, then the ones next to it in Fontelico, in the same style.

All 34 icons
  • Spin 2 icon from Fontelico
  • Spin 3 icon from Fontelico
  • Spin 4 icon from Fontelico
  • Spin 5 icon from Fontelico
  • Spin 6 icon from Fontelico
  • Marquee icon from Fontelico
  • Emo Squint icon from Fontelico
  • Emo Sunglasses icon from Fontelico
  • Emo Surprised icon from Fontelico
  • Emo Thumbsup icon from Fontelico
  • Emo Tongue icon from Fontelico
  • Emo Unhappy icon from Fontelico
  • Emo Wink icon from Fontelico
  • Emo Wink 2 icon from Fontelico
  • Firefox icon from Fontelico
  • Ie icon from Fontelico
  • Opera icon from Fontelico

Search Fontelico

Skip the copy and paste. With Pro, your AI agent finds and installs any Fontelico icon from a prompt.

Get Pro

Tags

Browse by tag

Spin 1 is tagged UI, design, UX and 2 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Fontelico MCP, with Pro

Ask for Spin 1 or any of 34 Fontelico icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Spin 1 icon means and where it's used, then how to install, style and license it.

Install Spin 1 from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro