Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add spinner icon

See original GitHub issue

It would be nice to have a spinner icon to use with tailwind’s animate-spin class name.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:66
  • Comments:6

github_iconTop GitHub Comments

36reactions
mariusmaraiscommented, Apr 29, 2021

Save the Googlers some time 😃

Copied from https://tailwindcss.com/docs/animation#spin example

<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
  <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
7reactions
timReynoldscommented, Mar 3, 2021

I know it’s annoying when people just add +1 comments but this would be a really good addition. I recently wanted an icon to use with animate-spin and ended up copying the svg from the tailwind website as one isn’t included in heroicons.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change Spinner dropdown icon - android - Stack Overflow
Change Spinner dropdown icon · 1. create a custom drawable · 2. Set the drawable as the spinner background:
Read more >
Font Awesome Spinner Icons - W3Schools
Spinner Icons. The table below shows all Font Awesome Spinner icons: Icon, Description, Example. fa fa-circle-o-notch, Try it. fa fa-cog, Try it.
Read more >
fa-spinner: Font Awesome Icons
fa-spinner · Unicode: f110 · Created: v3.0 · Categories: Web Application Icons, Spinner Icons. After you get up and running, you can place...
Read more >
Adding an Icon on a Spinner on Android | by Hannah Olukoye
Add the spinner widget in your layout file as follows. Step 3. Create a layout file with the desired icon as follows.
Read more >
Loading spinner Icons – Download for Free in PNG and SVG
Free Loading spinner icons in various UI design styles for web, mobile. Download static and animated Loading spinner vector icons for free in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Tailwind stroke-width classes are ignored due to the hardcoded path attribute

Next page

Label all svg's with descriptive <title> tag