outline
1. Color
Original icon colors are kept until you pick a new color.
2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets
Included in SVG export
Bookmark SVG Icon
Source, author, and license are available in the preview and icon details. Bookmark - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color.
bookmark.svg (480 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg id="i-bookmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Bookmark icon"><title>Bookmark - Bytesize Icons icon</title><desc>Free Bookmark vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 251 bytes.</desc>
<path d="M6 2 L26 2 26 30 16 20 6 30 Z" />
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Bookmark
Generate a precise engineering prompt, or improve the icon on the canvas right now. Bookmark
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#bookmark
#bytesize
#interface
#outline
Bookmark - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Bookmark
| Canonical asset identifier | bytesize/bookmark |
|---|---|
| Source library pack | Bytesize Icons |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 480 bytes (~264 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| Supported export targets | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Security and privacy guarantee | No Sign-Up Required | 100% Browser-Based Processing |
How to Use and Customize This Icon: Bookmark
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (76,166)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages.
bookmark.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Bookmark")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browseoutline
Bookmark
Open Iconic|interfaceoutline
Bookmark
MingCute Icons|interfacesolid
Bookmark
MingCute Icons Fill|interfaceoutline
Bookmark
IconPark|interface3d
Bookmark
3D Vector Icons|3d-iconsoutline
Nestjs
SVG Icons Collection|interface
Nikon
SVG Icons Collection|interface
Npm
SVG Icons Collection|interface
Circle Number
Tabler Icons|interface
Classify 3 AI
MingCute Icons Fill|interface
Clockwise Alt
MingCute Icons|interface
Chevrons Left Right Ellipsis
Lucide|interface
Cigarette Off
Lucide|interface
City
Phosphor Icons|interface
Forward
Bootstrap Icons|interface
Contacts
MingCute Icons|interface
Cursor Grabbing
Mouse|interface
Current Location
Tabler Icons|interface
Crutch
MingCute Icons Fill|interface
Action Try
Material Icons|interface
Christmas Tree
IconPark|interface
Cursor Resize Diagonal
Mouse|interface
Cursor Zoom In
Mouse|interface
Finger Print
Heroicons|interfaceExplore more
Frequently Asked Questions
Bookmark - Frequently Asked Questions
What licence covers Bookmark? +
Bookmark comes from Bytesize Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Bookmark? +
Bookmark is a outline-style vector (viewBox 0 0 32 32). Download SVG, PNG, WebP or ICO, or copy React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask or Base64 code from this page.
Where does the Bookmark icon come from? +
Bookmark is part of the Bytesize Icons library by Dan Klammer, in the User Interface (UI/UX) category. The full licence text is in the library notice file linked on this page.
100% Browser-Based Processing | 76,166 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.