أيقونة Scroll Duo

glyphs:scroll-duo

أيقونة Scroll Duo (glyphs:scroll-duo) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: scrollduo

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="m17 14l-.586-.586A4.83 4.83 0 0 0 13 12h39.757A10.24 10.24 0 0 1 63 22.243V53H40a1 1 0 0 0-1 1v3.757c0 2.717-1.08 5.322-3 7.243l-.172.172a9.66 9.66 0 0 1-6.709 2.827A10.243 10.243 0 0 1 19 57.757V18.828c0-1.81-.72-3.547-2-4.828"/><path fill="currentColor" fill-opacity=".25" d="M35.828 65.172L36 65c1.92-1.92 3-4.526 3-7.243V54a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v3.757A10.24 10.24 0 0 1 64.757 68H29a9.66 9.66 0 0 0 6.828-2.828M12.172 12h-.344A6.83 6.83 0 0 0 5 18.828V29a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V18.828A6.83 6.83 0 0 0 12.172 12"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m17 14l-.586-.586A4.83 4.83 0 0 0 13 12h39.757A10.24 10.24 0 0 1 63 22.243V53H40M17 14c1.28 1.28 2 3.017 2 4.828M17 14l-.001-.001A6.83 6.83 0 0 0 12.172 12h-.344A6.83 6.83 0 0 0 5 18.828V29a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V18.828M40 53a1 1 0 0 0-1 1v3.757c0 2.717-1.08 5.322-3 7.243l-.172.172M40 53h34a1 1 0 0 1 1 1v3.757A10.24 10.24 0 0 1 64.757 68H29a9.66 9.66 0 0 0 6.828-2.828m0 0a9.66 9.66 0 0 1-6.709 2.827A10.243 10.243 0 0 1 19 57.757V18.828"/></g></svg>

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

React

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

<Icon icon="glyphs:scroll-duo" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:scroll-duo" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:scroll-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--scroll-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:scroll-duo"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:scroll-duo"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/scroll-duo.svg" alt="أيقونة Scroll Duo" width="24" height="24">

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

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

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

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

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

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

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

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

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