Spin5 icon

fontelico:spin5

The Spin5 icon (fontelico:spin5) is a free SVG icon from the Fontelico set by Fontello. It is drawn on a 1000 × 1000 grid. Fontelico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Fontelico
Author: Fontello
License: CC-BY-SA-3.0
Size: 1000 × 1000

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M462.25 0c-6.371 0-11.531 5.159-11.531 11.531V193.75h.031c0 6.347 5.153 11.5 11.5 11.5h69.063c.343.03.68.031 1.031.031c6.372 0 11.531-5.16 11.531-11.531V11.531h-.031c0-6.347-5.153-11.5-11.5-11.5H463.25a11 11 0 0 0-1-.031m249.594 46.594a11.51 11.51 0 0 0-10.281 5.75l-91.094 157.781v.062c-3.161 5.5-1.282 12.528 4.219 15.688l60.063 34.656c.203.136.41.251.625.375c5.5 3.187 12.533 1.313 15.719-4.188L782.22 98.905c3.187-5.5 1.282-12.533-4.219-15.719l-60.688-35.063a11.5 11.5 0 0 0-5.469-1.531zm-428.375 2.688c-1.856.051-3.75.567-5.469 1.563l-60.688 35.063c-5.474 3.17-7.372 10.199-4.219 15.688l90.781 157.219c.106.21.224.418.344.625c3.187 5.5 10.218 7.373 15.719 4.188l60.719-35.063c5.474-3.17 7.341-10.199 4.188-15.688l-90.75-157.188a11 11 0 0 0-.344-.656a11.51 11.51 0 0 0-10.281-5.75zm620.375 162.313a11.45 11.45 0 0 0-5.438 1.5l-157.219 90.781c-.21.106-.418.224-.625.344c-5.5 3.187-7.373 10.218-4.188 15.719l35.063 60.719c3.17 5.474 10.199 7.341 15.688 4.188l157.188-90.75c.217-.107.444-.221.656-.344c5.5-3.185 7.374-10.25 4.188-15.75l-35.063-60.688c-2.179-3.764-6.184-5.82-10.25-5.719m-810.375 4.656a11.51 11.51 0 0 0-10.281 5.75l-35.063 60.688c-3.187 5.5-1.282 12.565 4.219 15.75l157.781 91.094h.062c5.5 3.161 12.528 1.282 15.688-4.219l34.656-60.063c.136-.203.251-.41.375-.625c3.187-5.5 1.313-12.533-4.188-15.719L98.905 217.782a11.4 11.4 0 0 0-5.438-1.531zM806.25 450.72v.031c-6.347 0-11.5 5.153-11.5 11.5v69.063c-.029.343-.063.68-.063 1.031c0 6.372 5.192 11.531 11.563 11.531h182.219v-.031c6.347 0 11.5-5.153 11.5-11.5v-69.094c.03-.328.031-.663.031-1c0-6.371-5.159-11.531-11.531-11.531zm-794.719 5.406v.031c-6.347 0-11.5 5.153-11.5 11.5v69.094c-.03.328-.031.663-.031 1c0 6.371 5.159 11.531 11.531 11.531H193.75v-.031c6.347 0 11.5-5.153 11.5-11.5v-69.063c.03-.343.031-.68.031-1.031c0-6.372-5.16-11.531-11.531-11.531zm772.844 152.813c-4.075-.097-8.078 1.968-10.25 5.75l-34.656 60.063c-.136.203-.251.41-.375.625c-3.187 5.5-1.313 12.533 4.188 15.719l157.813 91.125c5.5 3.187 12.533 1.282 15.719-4.219l35.063-60.688c3.187-5.5 1.282-12.565-4.219-15.75L789.877 610.47h-.062a11.4 11.4 0 0 0-5.438-1.531zm-566.063 4.688a11.5 11.5 0 0 0-5.438 1.531l-157.188 90.75c-.217.107-.444.221-.656.344c-5.5 3.185-7.374 10.25-4.188 15.75l35.063 60.688c3.17 5.474 10.199 7.372 15.688 4.219l157.219-90.781c.21-.106.418-.224.625-.344c5.5-3.187 7.373-10.218 4.188-15.719l-35.063-60.719c-2.179-3.764-6.184-5.82-10.25-5.719M685.5 734.815a11.45 11.45 0 0 0-5.438 1.563l-60.719 35.063c-5.474 3.17-7.341 10.199-4.188 15.688l90.75 157.188c.107.217.221.444.344.656c3.185 5.5 10.25 7.374 15.75 4.188l60.688-35.063c5.474-3.17 7.372-10.199 4.219-15.688l-90.781-157.219c-.106-.21-.224-.418-.344-.625a11.51 11.51 0 0 0-10.281-5.75zm-366.313 2.719a11.51 11.51 0 0 0-10.281 5.75l-91.125 157.813c-3.187 5.5-1.282 12.533 4.219 15.719l60.688 35.063c5.5 3.187 12.565 1.282 15.75-4.219l91.094-157.781v-.062c3.161-5.5 1.282-12.528-4.219-15.688l-60.063-34.656c-.203-.136-.41-.251-.625-.375a11.45 11.45 0 0 0-5.438-1.563zm148.469 57.156c-6.372 0-11.531 5.192-11.531 11.563v182.219h.031c0 6.347 5.153 11.5 11.5 11.5h69.094c.328.03.663.031 1 .031c6.371 0 11.531-5.159 11.531-11.531V806.253h-.031c0-6.347-5.153-11.5-11.5-11.5h-69.063c-.343-.029-.68-.063-1.031-.063"/></svg>

How to use the Spin5 icon

React

import { Icon } from "@iconify/react";

<Icon icon="fontelico:spin5" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontelico:spin5" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontelico:spin5" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontelico--spin5]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontelico -->
<div class="i-fontelico:spin5"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontelico:spin5"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fontelico/spin5.svg" alt="Spin5 icon" width="24" height="24">

Spin5 icon FAQ

Is the Spin5 icon free for commercial use?

Yes. Fontelico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Spin5 icon in React?

Install @iconify/react and render <Icon icon="fontelico:spin5" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Spin5 icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fontelico/spin5.svg" alt="Spin5 icon">, or paste the SVG code inline to style it with CSS.

Browse all Fontelico icons →