iconLintThemeable
Turn an icon's hardcoded colours into currentColor so it takes the text colour from CSS, works in dark mode, and can be tinted with one rule. Strips the export leftovers that get in the way of inlining it. Nothing leaves your browser.
Drop SVG icons here
or click to choose, or paste markup with ⌘V. Several files at once is fine.
Colours found
Tick the ones that should follow the text colour. Untick knockouts and brand colours that must stay put.
What it does
Every fill and stroke that carries a ticked colour becomes currentColor, whether it was set as an attribute, an inline style, a parent group or a CSS class. Opacity is kept. none, gradients and unticked colours are left alone.
- The three previews on the right of each icon are the same output rendered with different text colours. If they all change, it works.
- Semi-transparent colours like
rgba(0,0,0,.4)becomecurrentColorplus afill-opacity, so the tint survives. - Multi-colour icons: tick only the colour that should follow the text. The rest stay fixed.
- This changes colour only. To convert strokes to fills, use Outline Stroke; to fix sizing, use Fit to Grid.