Ikon Spin5
fontelico:spin5
Ikon Spin5 (fontelico:spin5) adalah ikon SVG gratis dari set Fontelico karya Fontello. Ikon ini digambar pada grid 1000 × 1000. Fontelico icons dirilis di bawah lisensi CC BY SA, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fontelico
- Pembuat
- Fontello
- Lisensi
- CC-BY-SA-3.0
- Ukuran
- 1000 × 1000
Kode SVG
<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>Cara memakai ikon Spin5
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fontelico/spin5.svg" alt="Ikon Spin5" width="24" height="24">FAQ Ikon Spin5
Apakah ikon Spin5 gratis untuk penggunaan komersial?
Ya. Fontelico icons dirilis di bawah lisensi CC BY SA, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Spin5 di React?
Pasang @iconify/react lalu render <Icon icon="fontelico:spin5" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Spin5 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fontelico/spin5.svg" alt="Ikon Spin5">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.