Icono Library

ion:library

El icono Library (ion:library) es un icono SVG gratuito de la colección IonIcons de Ben Sperry. Está dibujado en una cuadrícula de 512 × 512. IonIcons 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: IonIcons
Autor: Ben Sperry
Licencia: MIT
Tamaño: 512 × 512

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M64 480H48a32 32 0 0 1-32-32V112a32 32 0 0 1 32-32h16a32 32 0 0 1 32 32v336a32 32 0 0 1-32 32m176-304a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32v28a4 4 0 0 0 4 4h120a4 4 0 0 0 4-4ZM112 448a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-30a2 2 0 0 0-2-2H114a2 2 0 0 0-2 2Z"/><rect width="128" height="144" x="112" y="240" fill="currentColor" rx="2" ry="2"/><path fill="currentColor" d="M320 480h-32a32 32 0 0 1-32-32V64a32 32 0 0 1 32-32h32a32 32 0 0 1 32 32v384a32 32 0 0 1-32 32m175.89-34.55l-32.23-340c-1.48-15.65-16.94-27-34.53-25.31l-31.85 3c-17.59 1.67-30.65 15.71-29.17 31.36l32.23 340c1.48 15.65 16.94 27 34.53 25.31l31.85-3c17.59-1.67 30.65-15.71 29.17-31.36"/></svg>

Cómo usar el icono Library

React

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

<Icon icon="ion:library" width="24" />

Vue

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

<template>
  <Icon icon="ion:library" width="24" />
</template>

Svelte

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

<Icon icon="ion:library" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--library]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:library"></div>

Web component

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

<iconify-icon icon="ion:library"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ion/library.svg" alt="Icono Library" width="24" height="24">

Iconos relacionados en IonIcons

El icono Library en otras colecciones

Preguntas frecuentes sobre Icono Library

¿El icono Library es gratis para uso comercial?

Sí. IonIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Library en React?

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

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

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

Ver todos los IonIcons →