Gentleface › Files & folders › book-search

book-search icon

Book search: search library, search docs, search documentation. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L9 1C9.254 1 9.5 1.047 9.736 1.14C9.993 1.242 10.219 1.391 10.414 1.586C10.609 1.781 10.758 2.007 10.86 2.264C10.953 2.5 11 2.746 11 3L11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 3C10 2.724 9.902 2.488 9.707 2.293C9.512 2.098 9.276 2 9 2L5 2L5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L4 10C3.724 10 3.488 10.098 3.293 10.293C3.098 10.488 3 10.723 3 10.999L3 11C3 11.276 3.098 11.512 3.293 11.707C3.488 11.902 3.724 12 4 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11L2 3ZM3.293 2.293C3.098 2.488 3 2.724 3 3L3 9.268C3.084 9.219 3.172 9.177 3.264 9.14C3.5 9.047 3.746 9 4 9L4 2C3.724 2 3.488 2.098 3.293 2.293ZM16.003 15.5C16.003 15.636 15.953 15.754 15.854 15.854C15.754 15.953 15.636 16.003 15.5 16.003C15.364 16.003 15.246 15.953 15.146 15.854L12.596 13.304C12.35 13.488 12.08 13.639 11.788 13.754C11.375 13.918 10.945 14 10.5 14C10.055 14 9.625 13.918 9.212 13.754C8.762 13.576 8.367 13.317 8.025 12.975C7.683 12.633 7.424 12.238 7.246 11.788C7.082 11.375 7 10.945 7 10.5C7 10.055 7.082 9.625 7.246 9.212C7.424 8.762 7.683 8.367 8.025 8.025C8.367 7.683 8.762 7.424 9.212 7.246C9.625 7.082 10.055 7 10.5 7C10.945 7 11.375 7.082 11.788 7.246C12.238 7.424 12.633 7.683 12.975 8.025C13.317 8.367 13.576 8.762 13.754 9.212C13.918 9.625 14 10.055 14 10.5C14 10.945 13.918 11.375 13.754 11.788C13.639 12.08 13.488 12.35 13.303 12.596L15.854 15.146C15.953 15.246 16.003 15.364 16.003 15.5ZM8.732 12.268C8.976 12.512 9.259 12.697 9.58 12.824C9.875 12.941 10.182 13 10.5 13C10.818 13 11.125 12.941 11.42 12.824C11.741 12.697 12.024 12.512 12.268 12.268C12.512 12.024 12.697 11.741 12.824 11.42C12.941 11.125 13 10.818 13 10.5C13 10.182 12.941 9.875 12.824 9.58C12.697 9.259 12.512 8.976 12.268 8.732C12.024 8.488 11.741 8.303 11.42 8.176C11.125 8.059 10.818 8 10.5 8C10.182 8 9.875 8.059 9.58 8.176C9.259 8.303 8.976 8.488 8.732 8.732C8.488 8.976 8.303 9.259 8.176 9.58C8.059 9.875 8 10.182 8 10.5C8 10.818 8.059 11.125 8.176 11.42C8.303 11.741 8.488 12.024 8.732 12.268Z"/></svg>

React

// Gentleface "book-search" (line-round), MIT. https://gentleface.com/icons/book-search
import type { SVGProps } from 'react';

export function BookSearchIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L9 1C9.254 1 9.5 1.047 9.736 1.14C9.993 1.242 10.219 1.391 10.414 1.586C10.609 1.781 10.758 2.007 10.86 2.264C10.953 2.5 11 2.746 11 3L11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 3C10 2.724 9.902 2.488 9.707 2.293C9.512 2.098 9.276 2 9 2L5 2L5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L4 10C3.724 10 3.488 10.098 3.293 10.293C3.098 10.488 3 10.723 3 10.999L3 11C3 11.276 3.098 11.512 3.293 11.707C3.488 11.902 3.724 12 4 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11L2 3ZM3.293 2.293C3.098 2.488 3 2.724 3 3L3 9.268C3.084 9.219 3.172 9.177 3.264 9.14C3.5 9.047 3.746 9 4 9L4 2C3.724 2 3.488 2.098 3.293 2.293ZM16.003 15.5C16.003 15.636 15.953 15.754 15.854 15.854C15.754 15.953 15.636 16.003 15.5 16.003C15.364 16.003 15.246 15.953 15.146 15.854L12.596 13.304C12.35 13.488 12.08 13.639 11.788 13.754C11.375 13.918 10.945 14 10.5 14C10.055 14 9.625 13.918 9.212 13.754C8.762 13.576 8.367 13.317 8.025 12.975C7.683 12.633 7.424 12.238 7.246 11.788C7.082 11.375 7 10.945 7 10.5C7 10.055 7.082 9.625 7.246 9.212C7.424 8.762 7.683 8.367 8.025 8.025C8.367 7.683 8.762 7.424 9.212 7.246C9.625 7.082 10.055 7 10.5 7C10.945 7 11.375 7.082 11.788 7.246C12.238 7.424 12.633 7.683 12.975 8.025C13.317 8.367 13.576 8.762 13.754 9.212C13.918 9.625 14 10.055 14 10.5C14 10.945 13.918 11.375 13.754 11.788C13.639 12.08 13.488 12.35 13.303 12.596L15.854 15.146C15.953 15.246 16.003 15.364 16.003 15.5ZM8.732 12.268C8.976 12.512 9.259 12.697 9.58 12.824C9.875 12.941 10.182 13 10.5 13C10.818 13 11.125 12.941 11.42 12.824C11.741 12.697 12.024 12.512 12.268 12.268C12.512 12.024 12.697 11.741 12.824 11.42C12.941 11.125 13 10.818 13 10.5C13 10.182 12.941 9.875 12.824 9.58C12.697 9.259 12.512 8.976 12.268 8.732C12.024 8.488 11.741 8.303 11.42 8.176C11.125 8.059 10.818 8 10.5 8C10.182 8 9.875 8.059 9.58 8.176C9.259 8.303 8.976 8.488 8.732 8.732C8.488 8.976 8.303 9.259 8.176 9.58C8.059 9.875 8 10.182 8 10.5C8 10.818 8.059 11.125 8.176 11.42C8.303 11.741 8.488 12.024 8.732 12.268Z" />
    </svg>
  );
}

Vue

Vue: see /icons/book-search.md

Svelte

Svelte: see /icons/book-search.md

HTML img

HTML img: see /icons/book-search.md

CSS

CSS: see /icons/book-search.md

Data URL

Data URL: see /icons/book-search.md

Sprite

Sprite: see /icons/book-search.md

SwiftUI

SwiftUI: see /icons/book-search.md

Compose

Compose: see /icons/book-search.md

Android XML

Android XML: see /icons/book-search.md

Flutter

Flutter: see /icons/book-search.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

search library, search docs, search documentation

Example

Search the documentation

Alternatives

file-search: search inside files and documents (search-files)

Also fits

documentation: search the documentation (search-docs)
search files: search the documentation (search-docs)

Built from

book + search

Tags

book, closed-book, ebook, read, publication, novel, guide, manual, search

Category

Files & folders

Component name

BookSearchIcon

History

2026-10-15 added, modifier search redrawn

Family 9

book book-arrow-down book-bookmark book-check book-clock book-open book-plus book-x library

More files & folders icons

archive archive-arrow-up archive-clock archive-lock archive-search contract file file-alert file-arrow-down file-arrow-up file-binary file-chart file-check file-clock file-cloud file-code · all files & folders icons

For agents

Metadata: /icons/book-search.json · Markdown: /icons/book-search.md · SVG: https://gentleface.com/svg/{style}/16/book-search.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/book-search.png

book-search icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp