Icono Folders Bold
solar:folders-bold
El icono Folders Bold (solar:folders-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Etiquetas
- foldersbold, folder
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.04785 5.85352C3.96731 6.05229 3.90409 6.26025 3.86328 6.47656C3.80646 6.77773 3.80664 7.13923 3.80664 7.8623V13.6396C3.80664 16.7295 3.80667 18.2744 4.7666 19.2344C5.72659 20.1941 7.2715 20.1943 10.3613 20.1943H13.6387C15.7315 20.1943 17.1152 20.1928 18.0889 19.8945C17.9468 20.3589 17.7377 20.7301 17.4277 21.04C16.4678 22 14.9228 22 11.833 22H8.55469C5.46487 22 3.91989 22 2.95996 21.04C2.00012 20.0801 2 18.5352 2 15.4453V9.66797C2 8.94504 1.99982 8.58336 2.05664 8.28223C2.26609 7.17238 3.02778 6.26642 4.04785 5.85352Z"/><path d="M9.66797 2C9.98481 2 10.1437 2.00041 10.2959 2.01465C10.9521 2.07608 11.5746 2.33336 12.082 2.75391C12.1997 2.85148 12.3122 2.96352 12.5361 3.1875L12.9863 3.63867C13.6548 4.30711 13.9894 4.64159 14.3896 4.86426C14.6095 4.98656 14.843 5.08338 15.085 5.15234C15.5253 5.27779 15.9983 5.27734 16.9434 5.27734H17.249C19.4059 5.27734 20.4845 5.27772 21.1855 5.9082C21.2499 5.96612 21.3112 6.0274 21.3691 6.0918C21.9996 6.7928 22 7.8714 22 10.0283V11.833C22 14.9228 22 16.4678 21.04 17.4277C20.0801 18.3877 18.5351 18.3877 15.4453 18.3877H12.167C9.07716 18.3877 7.53219 18.3877 6.57227 17.4277C5.61234 16.4678 5.6123 14.9228 5.6123 11.833V6.05566C5.6123 5.33265 5.61214 4.97107 5.66895 4.66992C5.9191 3.34409 6.9564 2.30679 8.28223 2.05664C8.58338 1.99983 8.94496 2 9.66797 2Z"/></g></svg>Cómo usar el icono Folders Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folders-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folders-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folders-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:folders-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/folders-bold.svg" alt="Icono Folders Bold" width="24" height="24">Iconos relacionados en Solar
El icono Folders Bold en otras colecciones
Preguntas frecuentes sobre Icono Folders Bold
¿El icono Folders Bold es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Folders Bold en React?
Instala @iconify/react y renderiza <Icon icon="solar:folders-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Folders Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/folders-bold.svg" alt="Icono Folders Bold">, o pega el código SVG en línea para darle estilo con CSS.