ICONYZ
العربية
أيقونة Spin5 من Fontelico

أيقونة Spin5

fontelico:spin5

أيقونة Spin5 (fontelico:spin5) أيقونة SVG مجانية من مجموعة Fontelico من تصميم Fontello. مرسومة على شبكة 1000 × 1000. تُنشر Fontelico icons بموجب ترخيص CC BY SA، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fontelico
المؤلف
Fontello
الترخيص
CC-BY-SA-3.0
الحجم
1000 × 1000
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/fontelico/spin5.svg" alt="أيقونة Spin5" width="24" height="24">

الأسئلة الشائعة حول أيقونة Spin5

هل أيقونة Spin5 مجانية للاستخدام التجاري؟

نعم. تُنشر Fontelico icons بموجب ترخيص CC BY SA، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.

كيف أستخدم أيقونة Spin5 في React؟

ثبّت @iconify/react واعرض <Icon icon="fontelico:spin5" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Spin5 إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fontelico/spin5.svg" alt="أيقونة Spin5">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fontelico →