أيقونة Replace

codex:replace

أيقونة Replace (codex:replace) أيقونة SVG مجانية من مجموعة CodeX Icons من تصميم CodeX. مرسومة على شبكة 24 × 24. تُنشر CodeX Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: CodeX Icons
المؤلف: CodeX
الترخيص: MIT
الحجم: 24 × 24

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M11.5 17.5L5 11m0 0v4.5M5 11h4.5m3-4.5L19 13m0 0V8.5m0 4.5h-4.5"/></svg>

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

React

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

<Icon icon="codex:replace" width="24" />

Vue

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

<template>
  <Icon icon="codex:replace" width="24" />
</template>

Svelte

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

<Icon icon="codex:replace" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="codex:replace"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل CodeX Icons →