Icono Folder
websymbol:folder
El icono Folder (websymbol:folder) es un icono SVG gratuito de la colección Web Symbols Liga de Just Be Nice studio. Está dibujado en una cuadrícula de 1391 × 1000. Web Symbols Liga icons se publican bajo la Open Font License, 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
- Web Symbols Liga
- Autor
- Just Be Nice studio
- Licencia
- OFL-1.1
- Tamaño
- 1391 × 1000
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1391" height="1000" viewBox="0 0 1391 1000"><path fill="currentColor" d="M1313 218H78q9-48 27-67q16-17 31-17h4q4 1 8 1q12 0 26-4q18-6 25-29l24-72Q300 1 431 1q89 0 164 29l25 72q24 23 32.5 26t43.5 3h485q84 0 110 22q12 11 22 65m78 164v10l-68 523q-5 35-33.5 60.5T1225 1001H167q-36 0-65.5-25.5T68 915L1 392q-1-3-1-10q0-33 22.5-54.5T78 306h1235q33 0 55.5 21.5T1391 382"/></svg>
Cómo usar el icono Folder
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:folder" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:folder" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:folder" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--folder]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:folder"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:folder"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/websymbol/folder.svg" alt="Icono Folder" width="24" height="24">
El icono Folder en otras colecciones
Preguntas frecuentes sobre Icono Folder
¿El icono Folder es gratis para uso comercial?
Sí. Web Symbols Liga icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Folder en React?
Instala @iconify/react y renderiza <Icon icon="websymbol:folder" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Folder a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/websymbol/folder.svg" alt="Icono Folder">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Web Symbols Liga →
ICONYZ
