ICONYZ
العربية
أيقونة Control Forward من Simple line icons

أيقونة Control Forward

simple-line-icons:control-forward

أيقونة Control Forward (simple-line-icons:control-forward) أيقونة SVG مجانية من مجموعة Simple line icons من تصميم Sabbir Ahmed. مرسومة على شبكة 1024 × 1024. تُنشر Simple line icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Simple line icons
المؤلف
Sabbir Ahmed
الترخيص
MIT
الحجم
1024 × 1024
الوسوم
controlforward
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m450.08 197.904l505.28 314.097l-505.28 314.096V579.121l-384 246.976V197.905l384 246.992v-255.84zm2.656-63.999c-10.72 0-22.736 2.67-32.433 8.062c-20.303 11.28-34.223 32.705-34.223 55.937v131.84L87.856 143.552c-10.32-6.4-21.376-9.648-33.12-9.648c-10.689 0-15.729 2.671-25.44 8.063c-20.29 11.28-27.216 32.704-27.216 55.937v628.192c0 23.248 7.248 44.656 27.568 55.936c9.68 5.376 17.727 8.064 28.432 8.064c11.727 0 20.783-3.216 31.103-9.665l296.896-186.176v131.84c0 23.248 13.92 44.657 34.224 55.937c9.696 5.376 21.056 8.064 31.776 8.064c11.712 0 23.792-3.215 34.112-9.664l505.456-314.096c18.785-11.664 30.288-32.223 30.288-54.336s-11.376-42.671-30.16-54.351l-505.28-314.096a63.9 63.9 0 0 0-33.76-9.649z"/></svg>

كيفية استخدام أيقونة Control Forward

React

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

<Icon icon="simple-line-icons:control-forward" width="24" />

Vue

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

<template>
  <Icon icon="simple-line-icons:control-forward" width="24" />
</template>

Svelte

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

<Icon icon="simple-line-icons:control-forward" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--control-forward]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:control-forward"></div>

مكوّن ويب

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

<iconify-icon icon="simple-line-icons:control-forward"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/simple-line-icons/control-forward.svg" alt="أيقونة Control Forward" width="24" height="24">

أيقونات ذات صلة في Simple line icons

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

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

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

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/simple-line-icons/control-forward.svg" alt="أيقونة Control Forward">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Simple line icons →