Icono Scroll Duo
glyphs:scroll-duo
El icono Scroll Duo (glyphs:scroll-duo) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- scrollduo
Código 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>Cómo usar el icono 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:scroll-duo"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/scroll-duo.svg" alt="Icono Scroll Duo" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Scroll Duo
¿El icono Scroll Duo es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Scroll Duo en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:scroll-duo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Scroll Duo a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/scroll-duo.svg" alt="Icono Scroll Duo">, o pega el código SVG en línea para darle estilo con CSS.