Icono Pages
emojione-v1:pages
El icono Pages (emojione-v1:pages) es un icono SVG gratuito de la colección Emoji One (v1) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Emoji One (v1)
- Autor
- Emoji One
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 64 × 64
- Categoría
- Objetos
- Etiquetas
- page
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d0d2d3" d="M38.986 48.749c0 2.174-2.01 3.932-4.498 3.932H5.805c-2.486 0-4.499-1.758-4.499-3.932V13.314c0-2.17 2.01-3.931 4.499-3.931h28.683c2.488 0 4.498 1.761 4.498 3.931z"/><path fill="#fff" d="M36.672 45.722c0 1.903-1.768 3.448-3.945 3.448H7.567c-2.179 0-3.946-1.545-3.946-3.448v-31.08c0-1.903 1.767-3.448 3.946-3.448h25.16c2.178 0 3.945 1.545 3.945 3.448z"/><path fill="#34484c" d="M8.598 19.549h22.383c1.502 0 1.502-2.04 0-2.04H8.598c-1.505 0-1.505 2.04 0 2.04m0 4.136h22.383c1.502 0 1.502-2.036 0-2.036H8.598c-1.505-.001-1.505 2.036 0 2.036m0 4.229h22.383c1.502 0 1.502-2.036 0-2.036H8.598c-1.505 0-1.505 2.036 0 2.036m0 4.136h22.383c1.502 0 1.502-2.036 0-2.036H8.598c-1.505 0-1.505 2.036 0 2.036m0 14.96h10.299c1.501 0 1.501-2.036 0-2.036H8.598c-1.505 0-1.505 2.036 0 2.036"/><path fill="#d0d2d3" d="M50.951 39.37c0 2.175-2.02 3.932-4.497 3.932H17.765c-2.482 0-4.497-1.757-4.497-3.932V3.936c0-2.17 2.01-3.931 4.497-3.931h28.689c2.482 0 4.497 1.761 4.497 3.931z"/><path fill="#fff" d="M48.634 36.34c0 1.902-1.765 3.447-3.944 3.447H19.53c-2.177 0-3.943-1.545-3.943-3.447V5.26c0-1.903 1.766-3.444 3.943-3.444h25.16c2.18 0 3.944 1.541 3.944 3.444z"/><path fill="#34484c" d="M20.561 10.162H42.94c1.508 0 1.508-2.037 0-2.037H20.561c-1.502 0-1.502 2.037 0 2.037m0 4.139H42.94c1.508 0 1.508-2.036 0-2.036H20.561c-1.502 0-1.502 2.036 0 2.036m0 4.23H42.94c1.508 0 1.508-2.041 0-2.041H20.561c-1.502.001-1.502 2.041 0 2.041m0 4.136H42.94c1.508 0 1.508-2.036 0-2.036H20.561c-1.502-.001-1.502 2.036 0 2.036m0 14.957h10.301c1.501 0 1.501-2.036 0-2.036H20.561c-1.502 0-1.502 2.036 0 2.036"/><path fill="#d0d2d3" d="M62.913 60.16c0 2.174-2.01 3.931-4.497 3.931H29.729c-2.486 0-4.501-1.757-4.501-3.931V24.725c0-2.169 2.02-3.931 4.501-3.931h28.687c2.484 0 4.497 1.761 4.497 3.931z"/><path fill="#fff" d="M60.6 57.14c0 1.905-1.77 3.447-3.947 3.447h-25.16c-2.178 0-3.946-1.542-3.946-3.447V26.06c0-1.902 1.769-3.443 3.946-3.443h25.16c2.178 0 3.947 1.541 3.947 3.443z"/><path fill="#34484c" d="M32.522 30.965h22.383c1.505 0 1.505-2.041 0-2.041H32.522c-1.501 0-1.501 2.041 0 2.041m0 4.135h22.383c1.505 0 1.505-2.036 0-2.036H32.522c-1.501-.001-1.501 2.036 0 2.036m0 4.23h22.383c1.505 0 1.505-2.036 0-2.036H32.522c-1.501 0-1.501 2.036 0 2.036m0 4.14h22.383c1.505 0 1.505-2.041 0-2.041H32.522c-1.501 0-1.501 2.041 0 2.041m0 14.95h10.304c1.501 0 1.501-2.035 0-2.035H32.522c-1.501 0-1.501 2.035 0 2.035"/></svg>Cómo usar el icono Pages
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:pages" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:pages" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:pages" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--pages]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:pages"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:pages"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/pages.svg" alt="Icono Pages" width="24" height="24">El icono Pages en otras colecciones
Preguntas frecuentes sobre Icono Pages
¿El icono Pages es gratis para uso comercial?
Sí. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Pages en React?
Instala @iconify/react y renderiza <Icon icon="emojione-v1:pages" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pages a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/emojione-v1/pages.svg" alt="Icono Pages">, o pega el código SVG en línea para darle estilo con CSS.