Icono Folder Bold
glyphs:folder-bold
El icono Folder Bold (glyphs:folder-bold) 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
- folderbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M16 17a4 4 0 0 0-4 4v38a4 4 0 0 0 4 4h48a4 4 0 0 0 4-4V29a4 4 0 0 0-4-4H35.4c-.367 0-.711-.177-.924-.475l-.34-.474l-.376-.526l-.377-.525l-3.099-4.329A4 4 0 0 0 27.032 17z" clip-rule="evenodd"/><path d="m34.136 24.05l1.626-1.163zm-.376-.525l-1.626 1.165zM33.383 23l1.627-1.164zm-3.099-4.329l1.626-1.164zM14 21a2 2 0 0 1 2-2v-4a6 6 0 0 0-6 6zm0 8v-8h-4v8zm0 16V29h-4v16zm0 14V45h-4v14zm2 2a2 2 0 0 1-2-2h-4a6 6 0 0 0 6 6zm48 0H16v4h48zm2-2a2 2 0 0 1-2 2v4a6 6 0 0 0 6-6zm0-30v30h4V29zm-2-2a2 2 0 0 1 2 2h4a6 6 0 0 0-6-6zm-28.6 0H64v-4H35.4zm-2.89-1.785l.34.475l3.252-2.329l-.34-.474zm-.376-.525l.376.525l3.252-2.328l-.376-.526zm-.377-.526l.377.526l3.252-2.329l-.376-.525zm-3.1-4.328l3.1 4.328l3.253-2.328l-3.1-4.329zM27.033 19a2 2 0 0 1 1.626.836l3.252-2.329A6 6 0 0 0 27.032 15zM16 19h11.032v-4H16zm19.4 4c.278 0 .54.134.702.361L32.85 25.69A3.14 3.14 0 0 0 35.4 27z"/></g></svg>
Cómo usar el icono Folder Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:folder-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:folder-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:folder-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--folder-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:folder-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:folder-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/folder-bold.svg" alt="Icono Folder Bold" width="24" height="24">
Iconos relacionados en Glyphs
El icono Folder Bold en otras colecciones
Preguntas frecuentes sobre Icono Folder Bold
¿El icono Folder Bold 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 Folder Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:folder-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Folder Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/folder-bold.svg" alt="Icono Folder Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs →
ICONYZ
