أيقونة Cycle Movement

icon-park:cycle-movement

أيقونة Cycle Movement (icon-park:cycle-movement) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IconPark
المؤلف: ByteDance
الترخيص: Apache-2.0
الحجم: 48 × 48
الفئة: الأسهم
الوسوم: cyclemovement

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M20 15L24 19L28 15"/><path d="M24 19V8C24 5.79086 25.7909 4 28 4H40C42.2091 4 44 5.79086 44 8V19"/><path d="M28 33L24 29L20 33"/><path d="M24 29V40C24 42.2091 22.2091 44 20 44H8C5.79086 44 4 42.2091 4 40V29"/><path d="M33 20L29 24L33 28"/><path d="M29 24H40C42.2091 24 44 25.7909 44 28V40C44 42.2091 42.2091 44 40 44H29"/><path d="M15 28L19 24L15 20"/><path d="M19 24H8C5.79086 24 4 22.2091 4 20V8C4 5.79086 5.79086 4 8 4H19"/></g></svg>

كيفية استخدام أيقونة Cycle Movement

React

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

<Icon icon="icon-park:cycle-movement" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:cycle-movement" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:cycle-movement" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cycle-movement]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cycle-movement"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:cycle-movement"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/cycle-movement.svg" alt="أيقونة Cycle Movement" width="24" height="24">

أيقونات ذات صلة في IconPark

أيقونة Cycle Movement في مجموعات أخرى

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

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

نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

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