Icon Tool
SVG Icon Colorizer
Apply Tailwind CSS colors to SVG icons
SVG Code
Color Settings
slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
Preview
Output
1<svg stroke="#3b82f6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">2 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>3</svg>