Icono Folders Outline

solar:folders-outline

El icono Folders Outline (solar:folders-outline) 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: foldersoutline, folder

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.66798 1.25001C9.97079 1.25001 10.1701 1.24936 10.3652 1.26759C11.1718 1.34301 11.9369 1.65986 12.5606 2.17677C12.7115 2.30186 12.8523 2.44312 13.0664 2.65724L13.5176 3.10841C14.2156 3.80645 14.4667 4.04915 14.7539 4.209C14.9234 4.30328 15.1036 4.3775 15.2901 4.43068C15.6063 4.52081 15.9558 4.52736 16.9434 4.52736H17.249C18.3078 4.52736 19.1729 4.52626 19.8574 4.61232C20.5605 4.70075 21.1775 4.89193 21.6875 5.3506C21.7714 5.42607 21.8513 5.50596 21.9268 5.58986C22.3855 6.09994 22.5766 6.71768 22.6651 7.42091C22.7511 8.10537 22.75 8.96972 22.75 10.0283V11.833C22.75 13.3567 22.7513 14.5753 22.6231 15.5293C22.4919 16.5048 22.2128 17.3156 21.5703 17.958C20.9279 18.6005 20.1171 18.8796 19.1416 19.0108C19.1024 19.016 19.0625 19.0186 19.0225 19.0235C18.8979 20.054 18.6244 20.9039 17.958 21.5703C17.3155 22.2128 16.5048 22.4928 15.5293 22.624C14.5753 22.7523 13.3567 22.75 11.833 22.75H8.5547C7.03105 22.75 5.81244 22.7523 4.85841 22.624C3.88289 22.4928 3.07218 22.2128 2.4297 21.5703C1.78729 20.9278 1.50814 20.1172 1.37697 19.1416C1.2487 18.1875 1.25001 16.9691 1.25001 15.4453V9.66798C1.25001 8.97921 1.24724 8.53095 1.32033 8.14357C1.62772 6.51437 2.90206 5.24003 4.53126 4.93263C4.64501 4.91119 4.76227 4.8979 4.88673 4.88771C4.89708 4.76089 4.91147 4.64349 4.93263 4.53126C5.24003 2.90206 6.51437 1.62772 8.14357 1.32033C8.53094 1.24729 8.97922 1.25001 9.66798 1.25001ZM4.80861 6.40626C3.78632 6.59927 2.98685 7.39956 2.79396 8.42189C2.75348 8.63669 2.75002 8.91142 2.75001 9.66798V15.4453C2.75001 17.0114 2.75162 18.1105 2.8633 18.9414C2.97209 19.7506 3.17294 20.1924 3.49025 20.5098C3.80764 20.8272 4.24934 21.0279 5.05861 21.1367C5.88946 21.2484 6.98867 21.25 8.5547 21.25H11.833C13.399 21.25 14.4983 21.2484 15.3291 21.1367C16.1384 21.0279 16.5801 20.8272 16.8975 20.5098C17.1913 20.2159 17.3826 19.8167 17.4961 19.1221C16.8846 19.1375 16.2026 19.1377 15.4453 19.1377H12.167C10.6434 19.1377 9.42474 19.139 8.47072 19.0108C7.49523 18.8796 6.68447 18.6005 6.04201 17.958C5.39956 17.3156 5.12047 16.5048 4.98927 15.5293C4.86101 14.5753 4.86232 13.3567 4.86232 11.833V6.39845C4.84373 6.40126 4.82577 6.40302 4.80861 6.40626ZM9.66798 2.75001C8.91083 2.75001 8.63579 2.75342 8.42091 2.79396C7.39877 2.98697 6.59927 3.78646 6.40626 4.80861C6.36572 5.02348 6.36232 5.29852 6.36232 6.05568V11.833C6.36232 13.399 6.3639 14.4983 6.4756 15.3291C6.58441 16.1384 6.78517 16.5801 7.10255 16.8975C7.41995 17.2149 7.86162 17.4156 8.67091 17.5244C9.50177 17.6361 10.601 17.6377 12.167 17.6377H15.4453C17.0114 17.6377 18.1106 17.6361 18.9414 17.5244C19.7507 17.4156 20.1924 17.2149 20.5098 16.8975C20.8272 16.5801 21.0279 16.1384 21.1367 15.3291C21.2484 14.4983 21.25 13.399 21.25 11.833V10.0283C21.25 8.93022 21.2483 8.17663 21.1768 7.60744C21.1076 7.05717 20.9832 6.78464 20.8115 6.59376C20.7713 6.54908 20.7293 6.50604 20.6846 6.46583C20.4937 6.29414 20.2203 6.1698 19.6699 6.1006C19.1007 6.02904 18.3471 6.02736 17.249 6.02736H16.9434C16.0404 6.02736 15.4436 6.03402 14.8789 5.87306C14.5818 5.78835 14.2954 5.66973 14.0254 5.51954C13.5123 5.23407 13.0946 4.80745 12.4561 4.16896L12.0059 3.71779C11.7723 3.48417 11.688 3.40206 11.6035 3.33204C11.2121 3.0076 10.7318 2.80809 10.2256 2.76076C10.1164 2.75055 9.99857 2.75001 9.66798 2.75001Z" clip-rule="evenodd"/></svg>

Cómo usar el icono Folders Outline

React

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

<Icon icon="solar:folders-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:folders-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:folders-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-outline"></div>

Web component

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

<iconify-icon icon="solar:folders-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/folders-outline.svg" alt="Icono Folders Outline" width="24" height="24">

Iconos relacionados en Solar

El icono Folders Outline en otras colecciones

Preguntas frecuentes sobre Icono Folders Outline

¿El icono Folders Outline 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 Outline en React?

Instala @iconify/react y renderiza <Icon icon="solar:folders-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Folders Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/folders-outline.svg" alt="Icono Folders Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →