ICONYZ
Español
Icono Book de Ligature Symbols

Icono Book

ls:book

El icono Book (ls:book) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 768 × 614. Ligature Symbols 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
Ligature Symbols
Autor
Kazuyuki Motoyama
Licencia
OFL-1.1
Tamaño
768 × 614
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="768" height="614" viewBox="0 0 768 614"><path fill="currentColor" d="M0 601V169s54-81 196-81c143 0 188 77 188 77s45-77 188-77c142 0 196 81 196 81v432s-95-70-198-70c-102 0-186 75-186 75s-84-75-186-75C95 531 0 601 0 601m65-415v314s41-31 139-31c97 0 148 58 148 58V200s-69-50-156-50c-86 0-131 36-131 36m351 14v327s48-58 148-58c99 0 139 31 139 31V186s-45-36-131-36c-87 0-156 50-156 50"/></svg>

Cómo usar el icono Book

React

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

<Icon icon="ls:book" width="24" />

Vue

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

<template>
  <Icon icon="ls:book" width="24" />
</template>

Svelte

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

<Icon icon="ls:book" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ls:book"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ls/book.svg" alt="Icono Book" width="24" height="24">

Iconos relacionados en Ligature Symbols

El icono Book en otras colecciones

Preguntas frecuentes sobre Icono Book

¿El icono Book es gratis para uso comercial?

Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Book en React?

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

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

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

Ver todos los Iconos Ligature Symbols →