Fill
Fill is a set of Tailwind CSS classes for svg. You'll find a comprehensive, complete list of all fill classes below.
- fill-none
- fill-inherit
- fill-current
- fill-transparent
- fill-black
- fill-white
- fill-slate-50
- fill-slate-100
- fill-slate-200
- fill-slate-300
- fill-slate-400
- fill-slate-500
- fill-slate-600
- fill-slate-700
- fill-slate-800
- fill-slate-900
- fill-slate-950
- fill-gray-50
- fill-gray-100
- fill-gray-200
- fill-gray-300
- fill-gray-400
- fill-gray-500
- fill-gray-600
- fill-gray-700
- fill-gray-800
- fill-gray-900
- fill-gray-950
- fill-zinc-50
- fill-zinc-100
- fill-zinc-200
- fill-zinc-300
- fill-zinc-400
- fill-zinc-500
- fill-zinc-600
- fill-zinc-700
- fill-zinc-800
- fill-zinc-900
- fill-zinc-950
- fill-neutral-50
- fill-neutral-100
- fill-neutral-200
- fill-neutral-300
- fill-neutral-400
- fill-neutral-500
- fill-neutral-600
- fill-neutral-700
- fill-neutral-800
- fill-neutral-900
- fill-neutral-950
- fill-stone-50
- fill-stone-100
- fill-stone-200
- fill-stone-300
- fill-stone-400
- fill-stone-500
- fill-stone-600
- fill-stone-700
- fill-stone-800
- fill-stone-900
- fill-stone-950
- fill-red-50
- fill-red-100
- fill-red-200
- fill-red-300
- fill-red-400
- fill-red-500
- fill-red-600
- fill-red-700
- fill-red-800
- fill-red-900
- fill-red-950
- fill-orange-50
- fill-orange-100
- fill-orange-200
- fill-orange-300
- fill-orange-400
- fill-orange-500
- fill-orange-600
- fill-orange-700
- fill-orange-800
- fill-orange-900
- fill-orange-950
- fill-amber-50
- fill-amber-100
- fill-amber-200
- fill-amber-300
- fill-amber-400
- fill-amber-500
- fill-amber-600
- fill-amber-700
- fill-amber-800
- fill-amber-900
- fill-amber-950
- fill-yellow-50
- fill-yellow-100
- fill-yellow-200
- fill-yellow-300
- fill-yellow-400
- fill-yellow-500
- fill-yellow-600
- fill-yellow-700
- fill-yellow-800
- fill-yellow-900
- fill-yellow-950
- fill-lime-50
- fill-lime-100
- fill-lime-200
- fill-lime-300
- fill-lime-400
- fill-lime-500
- fill-lime-600
- fill-lime-700
- fill-lime-800
- fill-lime-900
- fill-lime-950
- fill-green-50
- fill-green-100
- fill-green-200
- fill-green-300
- fill-green-400
- fill-green-500
- fill-green-600
- fill-green-700
- fill-green-800
- fill-green-900
- fill-green-950
- fill-emerald-50
- fill-emerald-100
- fill-emerald-200
- fill-emerald-300
- fill-emerald-400
- fill-emerald-500
- fill-emerald-600
- fill-emerald-700
- fill-emerald-800
- fill-emerald-900
- fill-emerald-950
- fill-teal-50
- fill-teal-100
- fill-teal-200
- fill-teal-300
- fill-teal-400
- fill-teal-500
- fill-teal-600
- fill-teal-700
- fill-teal-800
- fill-teal-900
- fill-teal-950
- fill-cyan-50
- fill-cyan-100
- fill-cyan-200
- fill-cyan-300
- fill-cyan-400
- fill-cyan-500
- fill-cyan-600
- fill-cyan-700
- fill-cyan-800
- fill-cyan-900
- fill-cyan-950
- fill-sky-50
- fill-sky-100
- fill-sky-200
- fill-sky-300
- fill-sky-400
- fill-sky-500
- fill-sky-600
- fill-sky-700
- fill-sky-800
- fill-sky-900
- fill-sky-950
- fill-blue-50
- fill-blue-100
- fill-blue-200
- fill-blue-300
- fill-blue-400
- fill-blue-500
- fill-blue-600
- fill-blue-700
- fill-blue-800
- fill-blue-900
- fill-blue-950
- fill-indigo-50
- fill-indigo-100
- fill-indigo-200
- fill-indigo-300
- fill-indigo-400
- fill-indigo-500
- fill-indigo-600
- fill-indigo-700
- fill-indigo-800
- fill-indigo-900
- fill-indigo-950
- fill-violet-50
- fill-violet-100
- fill-violet-200
- fill-violet-300
- fill-violet-400
- fill-violet-500
- fill-violet-600
- fill-violet-700
- fill-violet-800
- fill-violet-900
- fill-violet-950
- fill-purple-50
- fill-purple-100
- fill-purple-200
- fill-purple-300
- fill-purple-400
- fill-purple-500
- fill-purple-600
- fill-purple-700
- fill-purple-800
- fill-purple-900
- fill-purple-950
- fill-fuchsia-50
- fill-fuchsia-100
- fill-fuchsia-200
- fill-fuchsia-300
- fill-fuchsia-400
- fill-fuchsia-500
- fill-fuchsia-600
- fill-fuchsia-700
- fill-fuchsia-800
- fill-fuchsia-900
- fill-fuchsia-950
- fill-pink-50
- fill-pink-100
- fill-pink-200
- fill-pink-300
- fill-pink-400
- fill-pink-500
- fill-pink-600
- fill-pink-700
- fill-pink-800
- fill-pink-900
- fill-pink-950
- fill-rose-50
- fill-rose-100
- fill-rose-200
- fill-rose-300
- fill-rose-400
- fill-rose-500
- fill-rose-600
- fill-rose-700
- fill-rose-800
- fill-rose-900
- fill-rose-950