purgetss/dist/glossary/colorProperties/iconColor.md

A package that simplifies mobile app creation for Titanium developers.

```css
// Property: iconColor
// Description: Color of the search and close icon. Search icon will only work for iconified:false.
// Component(s): Ti.UI.SearchBar
'.icon-transparent': { iconColor: 'transparent' }
'.icon-black': { iconColor: '#000000' }
'.icon-white': { iconColor: '#ffffff' }
'.icon-slate-50': { iconColor: '#f8fafc' }
'.icon-slate-100': { iconColor: '#f1f5f9' }
'.icon-slate-200': { iconColor: '#e2e8f0' }
'.icon-slate-300': { iconColor: '#cbd5e1' }
'.icon-slate-400': { iconColor: '#94a3b8' }
'.icon-slate-500': { iconColor: '#64748b' }
'.icon-slate-600': { iconColor: '#475569' }
'.icon-slate-700': { iconColor: '#334155' }
'.icon-slate-800': { iconColor: '#1e293b' }
'.icon-slate-900': { iconColor: '#0f172a' }
'.icon-slate-950': { iconColor: '#020617' }
'.icon-gray-50': { iconColor: '#f9fafb' }
'.icon-gray-100': { iconColor: '#f3f4f6' }
'.icon-gray-200': { iconColor: '#e5e7eb' }
'.icon-gray-300': { iconColor: '#d1d5db' }
'.icon-gray-400': { iconColor: '#9ca3af' }
'.icon-gray-500': { iconColor: '#6b7280' }
'.icon-gray-600': { iconColor: '#4b5563' }
'.icon-gray-700': { iconColor: '#374151' }
'.icon-gray-800': { iconColor: '#1f2937' }
'.icon-gray-900': { iconColor: '#111827' }
'.icon-gray-950': { iconColor: '#030712' }
'.icon-zinc-50': { iconColor: '#fafafa' }
'.icon-zinc-100': { iconColor: '#f4f4f5' }
'.icon-zinc-200': { iconColor: '#e4e4e7' }
'.icon-zinc-300': { iconColor: '#d4d4d8' }
'.icon-zinc-400': { iconColor: '#a1a1aa' }
'.icon-zinc-500': { iconColor: '#71717a' }
'.icon-zinc-600': { iconColor: '#52525b' }
'.icon-zinc-700': { iconColor: '#3f3f46' }
'.icon-zinc-800': { iconColor: '#27272a' }
'.icon-zinc-900': { iconColor: '#18181b' }
'.icon-zinc-950': { iconColor: '#09090b' }
'.icon-neutral-50': { iconColor: '#fafafa' }
'.icon-neutral-100': { iconColor: '#f5f5f5' }
'.icon-neutral-200': { iconColor: '#e5e5e5' }
'.icon-neutral-300': { iconColor: '#d4d4d4' }
'.icon-neutral-400': { iconColor: '#a3a3a3' }
'.icon-neutral-500': { iconColor: '#737373' }
'.icon-neutral-600': { iconColor: '#525252' }
'.icon-neutral-700': { iconColor: '#404040' }
'.icon-neutral-800': { iconColor: '#262626' }
'.icon-neutral-900': { iconColor: '#171717' }
'.icon-neutral-950': { iconColor: '#0a0a0a' }
'.icon-stone-50': { iconColor: '#fafaf9' }
'.icon-stone-100': { iconColor: '#f5f5f4' }
'.icon-stone-200': { iconColor: '#e7e5e4' }
'.icon-stone-300': { iconColor: '#d6d3d1' }
'.icon-stone-400': { iconColor: '#a8a29e' }
'.icon-stone-500': { iconColor: '#78716c' }
'.icon-stone-600': { iconColor: '#57534e' }
'.icon-stone-700': { iconColor: '#44403c' }
'.icon-stone-800': { iconColor: '#292524' }
'.icon-stone-900': { iconColor: '#1c1917' }
'.icon-stone-950': { iconColor: '#0c0a09' }
'.icon-red-50': { iconColor: '#fef2f2' }
'.icon-red-100': { iconColor: '#fee2e2' }
'.icon-red-200': { iconColor: '#fecaca' }
'.icon-red-300': { iconColor: '#fca5a5' }
'.icon-red-400': { iconColor: '#f87171' }
'.icon-red-500': { iconColor: '#ef4444' }
'.icon-red-600': { iconColor: '#dc2626' }
'.icon-red-700': { iconColor: '#b91c1c' }
'.icon-red-800': { iconColor: '#991b1b' }
'.icon-red-900': { iconColor: '#7f1d1d' }
'.icon-red-950': { iconColor: '#450a0a' }
'.icon-orange-50': { iconColor: '#fff7ed' }
'.icon-orange-100': { iconColor: '#ffedd5' }
'.icon-orange-200': { iconColor: '#fed7aa' }
'.icon-orange-300': { iconColor: '#fdba74' }
'.icon-orange-400': { iconColor: '#fb923c' }
'.icon-orange-500': { iconColor: '#f97316' }
'.icon-orange-600': { iconColor: '#ea580c' }
'.icon-orange-700': { iconColor: '#c2410c' }
'.icon-orange-800': { iconColor: '#9a3412' }
'.icon-orange-900': { iconColor: '#7c2d12' }
'.icon-orange-950': { iconColor: '#431407' }
'.icon-amber-50': { iconColor: '#fffbeb' }
'.icon-amber-100': { iconColor: '#fef3c7' }
'.icon-amber-200': { iconColor: '#fde68a' }
'.icon-amber-300': { iconColor: '#fcd34d' }
'.icon-amber-400': { iconColor: '#fbbf24' }
'.icon-amber-500': { iconColor: '#f59e0b' }
'.icon-amber-600': { iconColor: '#d97706' }
'.icon-amber-700': { iconColor: '#b45309' }
'.icon-amber-800': { iconColor: '#92400e' }
'.icon-amber-900': { iconColor: '#78350f' }
'.icon-amber-950': { iconColor: '#451a03' }
'.icon-yellow-50': { iconColor: '#fefce8' }
'.icon-yellow-100': { iconColor: '#fef9c3' }
'.icon-yellow-200': { iconColor: '#fef08a' }
'.icon-yellow-300': { iconColor: '#fde047' }
'.icon-yellow-400': { iconColor: '#facc15' }
'.icon-yellow-500': { iconColor: '#eab308' }
'.icon-yellow-600': { iconColor: '#ca8a04' }
'.icon-yellow-700': { iconColor: '#a16207' }
'.icon-yellow-800': { iconColor: '#854d0e' }
'.icon-yellow-900': { iconColor: '#713f12' }
'.icon-yellow-950': { iconColor: '#422006' }
'.icon-lime-50': { iconColor: '#f7fee7' }
'.icon-lime-100': { iconColor: '#ecfccb' }
'.icon-lime-200': { iconColor: '#d9f99d' }
'.icon-lime-300': { iconColor: '#bef264' }
'.icon-lime-400': { iconColor: '#a3e635' }
'.icon-lime-500': { iconColor: '#84cc16' }
'.icon-lime-600': { iconColor: '#65a30d' }
'.icon-lime-700': { iconColor: '#4d7c0f' }
'.icon-lime-800': { iconColor: '#3f6212' }
'.icon-lime-900': { iconColor: '#365314' }
'.icon-lime-950': { iconColor: '#1a2e05' }
'.icon-green-50': { iconColor: '#f0fdf4' }
'.icon-green-100': { iconColor: '#dcfce7' }
'.icon-green-200': { iconColor: '#bbf7d0' }
'.icon-green-300': { iconColor: '#86efac' }
'.icon-green-400': { iconColor: '#4ade80' }
'.icon-green-500': { iconColor: '#22c55e' }
'.icon-green-600': { iconColor: '#16a34a' }
'.icon-green-700': { iconColor: '#15803d' }
'.icon-green-800': { iconColor: '#166534' }
'.icon-green-900': { iconColor: '#14532d' }
'.icon-green-950': { iconColor: '#052e16' }
'.icon-emerald-50': { iconColor: '#ecfdf5' }
'.icon-emerald-100': { iconColor: '#d1fae5' }
'.icon-emerald-200': { iconColor: '#a7f3d0' }
'.icon-emerald-300': { iconColor: '#6ee7b7' }
'.icon-emerald-400': { iconColor: '#34d399' }
'.icon-emerald-500': { iconColor: '#10b981' }
'.icon-emerald-600': { iconColor: '#059669' }
'.icon-emerald-700': { iconColor: '#047857' }
'.icon-emerald-800': { iconColor: '#065f46' }
'.icon-emerald-900': { iconColor: '#064e3b' }
'.icon-emerald-950': { iconColor: '#022c22' }
'.icon-teal-50': { iconColor: '#f0fdfa' }
'.icon-teal-100': { iconColor: '#ccfbf1' }
'.icon-teal-200': { iconColor: '#99f6e4' }
'.icon-teal-300': { iconColor: '#5eead4' }
'.icon-teal-400': { iconColor: '#2dd4bf' }
'.icon-teal-500': { iconColor: '#14b8a6' }
'.icon-teal-600': { iconColor: '#0d9488' }
'.icon-teal-700': { iconColor: '#0f766e' }
'.icon-teal-800': { iconColor: '#115e59' }
'.icon-teal-900': { iconColor: '#134e4a' }
'.icon-teal-950': { iconColor: '#042f2e' }
'.icon-cyan-50': { iconColor: '#ecfeff' }
'.icon-cyan-100': { iconColor: '#cffafe' }
'.icon-cyan-200': { iconColor: '#a5f3fc' }
'.icon-cyan-300': { iconColor: '#67e8f9' }
'.icon-cyan-400': { iconColor: '#22d3ee' }
'.icon-cyan-500': { iconColor: '#06b6d4' }
'.icon-cyan-600': { iconColor: '#0891b2' }
'.icon-cyan-700': { iconColor: '#0e7490' }
'.icon-cyan-800': { iconColor: '#155e75' }
'.icon-cyan-900': { iconColor: '#164e63' }
'.icon-cyan-950': { iconColor: '#083344' }
'.icon-sky-50': { iconColor: '#f0f9ff' }
'.icon-sky-100': { iconColor: '#e0f2fe' }
'.icon-sky-200': { iconColor: '#bae6fd' }
'.icon-sky-300': { iconColor: '#7dd3fc' }
'.icon-sky-400': { iconColor: '#38bdf8' }
'.icon-sky-500': { iconColor: '#0ea5e9' }
'.icon-sky-600': { iconColor: '#0284c7' }
'.icon-sky-700': { iconColor: '#0369a1' }
'.icon-sky-800': { iconColor: '#075985' }
'.icon-sky-900': { iconColor: '#0c4a6e' }
'.icon-sky-950': { iconColor: '#082f49' }
'.icon-blue-50': { iconColor: '#eff6ff' }
'.icon-blue-100': { iconColor: '#dbeafe' }
'.icon-blue-200': { iconColor: '#bfdbfe' }
'.icon-blue-300': { iconColor: '#93c5fd' }
'.icon-blue-400': { iconColor: '#60a5fa' }
'.icon-blue-500': { iconColor: '#3b82f6' }
'.icon-blue-600': { iconColor: '#2563eb' }
'.icon-blue-700': { iconColor: '#1d4ed8' }
'.icon-blue-800': { iconColor: '#1e40af' }
'.icon-blue-900': { iconColor: '#1e3a8a' }
'.icon-blue-950': { iconColor: '#172554' }
'.icon-indigo-50': { iconColor: '#eef2ff' }
'.icon-indigo-100': { iconColor: '#e0e7ff' }
'.icon-indigo-200': { iconColor: '#c7d2fe' }
'.icon-indigo-300': { iconColor: '#a5b4fc' }
'.icon-indigo-400': { iconColor: '#818cf8' }
'.icon-indigo-500': { iconColor: '#6366f1' }
'.icon-indigo-600': { iconColor: '#4f46e5' }
'.icon-indigo-700': { iconColor: '#4338ca' }
'.icon-indigo-800': { iconColor: '#3730a3' }
'.icon-indigo-900': { iconColor: '#312e81' }
'.icon-indigo-950': { iconColor: '#1e1b4b' }
'.icon-violet-50': { iconColor: '#f5f3ff' }
'.icon-violet-100': { iconColor: '#ede9fe' }
'.icon-violet-200': { iconColor: '#ddd6fe' }
'.icon-violet-300': { iconColor: '#c4b5fd' }
'.icon-violet-400': { iconColor: '#a78bfa' }
'.icon-violet-500': { iconColor: '#8b5cf6' }
'.icon-violet-600': { iconColor: '#7c3aed' }
'.icon-violet-700': { iconColor: '#6d28d9' }
'.icon-violet-800': { iconColor: '#5b21b6' }
'.icon-violet-900': { iconColor: '#4c1d95' }
'.icon-violet-950': { iconColor: '#2e1065' }
'.icon-purple-50': { iconColor: '#faf5ff' }
'.icon-purple-100': { iconColor: '#f3e8ff' }
'.icon-purple-200': { iconColor: '#e9d5ff' }
'.icon-purple-300': { iconColor: '#d8b4fe' }
'.icon-purple-400': { iconColor: '#c084fc' }
'.icon-purple-500': { iconColor: '#a855f7' }
'.icon-purple-600': { iconColor: '#9333ea' }
'.icon-purple-700': { iconColor: '#7e22ce' }
'.icon-purple-800': { iconColor: '#6b21a8' }
'.icon-purple-900': { iconColor: '#581c87' }
'.icon-purple-950': { iconColor: '#3b0764' }
'.icon-fuchsia-50': { iconColor: '#fdf4ff' }
'.icon-fuchsia-100': { iconColor: '#fae8ff' }
'.icon-fuchsia-200': { iconColor: '#f5d0fe' }
'.icon-fuchsia-300': { iconColor: '#f0abfc' }
'.icon-fuchsia-400': { iconColor: '#e879f9' }
'.icon-fuchsia-500': { iconColor: '#d946ef' }
'.icon-fuchsia-600': { iconColor: '#c026d3' }
'.icon-fuchsia-700': { iconColor: '#a21caf' }
'.icon-fuchsia-800': { iconColor: '#86198f' }
'.icon-fuchsia-900': { iconColor: '#701a75' }
'.icon-fuchsia-950': { iconColor: '#4a044e' }
'.icon-pink-50': { iconColor: '#fdf2f8' }
'.icon-pink-100': { iconColor: '#fce7f3' }
'.icon-pink-200': { iconColor: '#fbcfe8' }
'.icon-pink-300': { iconColor: '#f9a8d4' }
'.icon-pink-400': { iconColor: '#f472b6' }
'.icon-pink-500': { iconColor: '#ec4899' }
'.icon-pink-600': { iconColor: '#db2777' }
'.icon-pink-700': { iconColor: '#be185d' }
'.icon-pink-800': { iconColor: '#9d174d' }
'.icon-pink-900': { iconColor: '#831843' }
'.icon-pink-950': { iconColor: '#500724' }
'.icon-rose-50': { iconColor: '#fff1f2' }
'.icon-rose-100': { iconColor: '#ffe4e6' }
'.icon-rose-200': { iconColor: '#fecdd3' }
'.icon-rose-300': { iconColor: '#fda4af' }
'.icon-rose-400': { iconColor: '#fb7185' }
'.icon-rose-500': { iconColor: '#f43f5e' }
'.icon-rose-600': { iconColor: '#e11d48' }
'.icon-rose-700': { iconColor: '#be123c' }
'.icon-rose-800': { iconColor: '#9f1239' }
'.icon-rose-900': { iconColor: '#881337' }
'.icon-rose-950': { iconColor: '#4c0519' }
```