solid
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
Star SVG Icon
Source, author, and license are available in the preview and icon details. Star - 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.
star.svg (495 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg id="i-star" 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="Star icon"><title>Star - Bytesize Icons icon</title><desc>Free Star vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 278 bytes.</desc>
<path d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z" />
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Star
Generate a precise engineering prompt, or improve the icon on the canvas right now. Star
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
#star
#bytesize
#interface
#outline
Star - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Star
| Canonical asset identifier | bytesize/star |
|---|---|
| Source library pack | Bytesize Icons |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 495 bytes (~272 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: Star
- 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.
star.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Star")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browsesolid
Star
Maki|traveloutline
Star
Open Iconic|interfaceoutline
Star
MingCute Icons|interfacesolid
Star
MingCute Icons Fill|interface3d
Star
3D Vector Icons|3d-iconsoutline
Star
IconPark|interface
Action Swipe Up
Material Icons|interface
Action Thumb Up Off Alt
Material Icons|interface
Water Level
IconPark|interface
Clock Question
Tabler Icons|interface
Whistling
IconPark|interface
AV 5k Plus
Material Icons|interface
Seat
Phosphor Icons|interface
Hospitality Table
Domain Icons|interface
Legal Courthouse
Domain Icons|interface
Crosshair
Tabler Icons|interface
Legal Scale
Domain Icons|interface
Subtract Square
Phosphor Icons|interface
Delta
Tabler Icons|interface
Triangle
Phosphor Icons|interface
Alert
Ant Design TwoTone|interface
Add Circle Dash
MingCute Icons Fill|interface
AI
MingCute Icons|interface
Align Horizontal Justify Center
Lucide|interfaceExplore more
Frequently Asked Questions
Star - Frequently Asked Questions
What licence covers Star? +
Star comes from Bytesize Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Star? +
Star 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 Star icon come from? +
Star 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.