duotone
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
Highlighter Circle SVG Icon
Source, author, and license are available in the preview and icon details. Highlighter Circle - 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.
phosphor-thin-highlighter-circle-thin.svg (713 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Highlighter Circle icon"><title>Highlighter Circle - Phosphor Icons icon</title><desc>Free Highlighter Circle vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 429 bytes.</desc><path d="M198.71,57.29A100,100,0,1,0,57.29,198.71,100,100,0,1,0,198.71,57.29ZM92,212.7V152a4,4,0,0,1,4-4h64a4,4,0,0,1,4,4v60.7a92.42,92.42,0,0,1-72,0ZM148,140H108V98.47l40-20Zm45.05,53.05A92,92,0,0,1,172,208.83V152a12,12,0,0,0-12-12h-4V72a4,4,0,0,0-5.79-3.58l-48,24A4,4,0,0,0,100,96v44H96a12,12,0,0,0-12,12v56.83a92,92,0,1,1,109.05-15.78Z"/></svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Highlighter Circle
Generate a precise engineering prompt, or improve the icon on the canvas right now. Highlighter Circle
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#phosphor
#thin
#highlighter
#circle
#interface
#outline
Highlighter Circle - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Highlighter Circle
| Canonical asset identifier | phosphor/phosphor-thin-highlighter-circle-thin |
|---|---|
| Source library pack | Phosphor Icons |
| Coordinate grid and viewBox | viewBox="0 0 256 256" |
| Uncompressed payload | 713 bytes (~392 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| Upstream Source | https://github.com/phosphor-icons/core |
| 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: Highlighter Circle
- 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.
phosphor-thin-highlighter-circle-thin.svg aria-hidden="true" focusable="false"
More in User Interface (UI/UX)
Browsesolid
Circle Chevrons Up
Tabler Icons|interfacesolid
Fast Forward Circle
Bootstrap Icons|interfacesolid
H Circle
Bootstrap Icons|interfaceoutline
Circle Four
IconPark|interfaceoutline
Circle Three
IconPark|interface
Minus Circle
Heroicons|interface
Circle Dashed Minus
Tabler Icons|interface
Action Check Circle
Material Icons|interface
4 Circle
Bootstrap Icons|interface
Circle Dotted Letter B
Tabler Icons|interface
Action Nightlight
Material Icons|interface
Action Pinch
Material Icons|interface
Tech Circuit
Domain Icons|interface
Audio Spectrum
Open Iconic|interface
Accessibility Ear
Domain Icons|interface
Open Iconic|interface
Align Left
MingCute Icons|interface
Cursor Cyber Stealth Dart Copy
Mouse|interface
Android
MingCute Icons|interface
Anticlockwise Alt
MingCute Icons|interface
Appstore
MingCute Icons Fill|interface
Align Text Left One
IconPark|interface
Funnel Plot
Ant Design TwoTone|interfaceExplore more
Frequently Asked Questions
Highlighter Circle - Frequently Asked Questions
What licence covers Highlighter Circle? +
Highlighter Circle comes from Phosphor Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Highlighter Circle? +
Highlighter Circle is a outline-style vector (viewBox 0 0 256 256). 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 Highlighter Circle icon come from? +
Highlighter Circle is part of the Phosphor Icons library by Helena Zhang & Toby Fried, 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.