ICONYZ
العربية
أيقونة Clear Wave من Arcticons

أيقونة Clear Wave

arcticons:clear-wave

أيقونة Clear Wave (arcticons:clear-wave) أيقونة SVG مجانية من مجموعة Arcticons من تصميم Donnnno. مرسومة على شبكة 48 × 48. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Arcticons
المؤلف
Donnnno
الترخيص
CC-BY-SA-4.0
الحجم
48 × 48
الوسوم
clearwave
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.5 23.918c4.858-.266 9.23 5.056 12.956 6.817c5.815 2.75 9.113-2.626 13.077-5.753c4.396-3.47 7.63-3.682 10.966.844"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.503 26.592c6.512 3.968 11.18 3.719 14.82-3.445c2.765-5.445 4.662-10.57 6.807-9.454c3.605 1.876 5.964 14.882 11.147 17.125c1.52.657 2.852-2.428 4.22-4.713"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M42.5 20.419c-2.232 2.89-3.74 9.233-7.152 9.221c-4.264-.014-9.39-6.503-15.044-10.013c-5.757-3.573-10.707-1.45-14.804 3.383"/><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/></svg>

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

React

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

<Icon icon="arcticons:clear-wave" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:clear-wave" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:clear-wave" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--clear-wave]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:clear-wave"></div>

مكوّن ويب

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

<iconify-icon icon="arcticons:clear-wave"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/arcticons/clear-wave.svg" alt="أيقونة Clear Wave" width="24" height="24">

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

أيقونة clear
clear
 أيقونة clear-outside
clear-outside
 أيقونة clearscan
clearscan
 أيقونة clearscore
clearscore
 أيقونة cleartrip
cleartrip

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

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

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

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

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

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

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

تصفح كل Arcticons →