أيقونة Down Arrow Circle
ps:down-arrow-circle
أيقونة Down Arrow Circle (ps:down-arrow-circle) أيقونة SVG مجانية من مجموعة PrestaShop Icons من تصميم PrestaShop. مرسومة على شبكة 512 × 512. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- PrestaShop Icons
- المؤلف
- PrestaShop
- الترخيص
- CC-BY-NC-4.0
- الحجم
- 512 × 512
- الوسوم
- downarrow، arrowcircle، downarrowcircle
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 512q106 0 181-75t75-181t-75-181T256 0T75 75T0 256t75 181t181 75m0-469q88 0 150.5 62.5T469 256t-62.5 150.5T256 469t-150.5-62.5T43 256t62.5-150.5T256 43m-13 315l2 3h22q2 0 2-3l64-42q17-12 6-30q-10-18-30-7l-30 22V171q0-22-21-22t-21 22v130l-30-22q-20-11-30 7q-10 19 6 30z"/></svg>
كيفية استخدام أيقونة Down Arrow Circle
React
import { Icon } from "@iconify/react";
<Icon icon="ps:down-arrow-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:down-arrow-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:down-arrow-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--down-arrow-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:down-arrow-circle"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:down-arrow-circle"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ps/down-arrow-circle.svg" alt="أيقونة Down Arrow Circle" width="24" height="24">
أيقونات ذات صلة في PrestaShop Icons
أيقونة Down Arrow Circle في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Down Arrow Circle
هل أيقونة Down Arrow Circle مجانية للاستخدام التجاري؟
لا. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.
كيف أستخدم أيقونة Down Arrow Circle في React؟
ثبّت @iconify/react واعرض <Icon icon="ps:down-arrow-circle" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Down Arrow Circle إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ps/down-arrow-circle.svg" alt="أيقونة Down Arrow Circle">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل PrestaShop Icons →
ICONYZ
