{"slug":"tailwind","name":"Tailwind","tags":["css","utility-first","framework","frontend","styling"],"popular":true,"url":"https://devicons.io/icons/tailwind/","svg":"https://devicons.io/devicons/icons/tailwind-icon.svg","description":"Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.","aliases":["Tailwind CSS"],"website":"https://tailwindcss.com/","license":null,"brandGuidelines":null,"mainColor":null,"badInDark":false,"badInLight":false,"deprecated":false,"recommended":true,"variants":[{"file":"tailwind-icon","label":"Icon (mark only)","svg":"https://devicons.io/devicons/icons/tailwind-icon.svg","mono":"https://devicons.io/devicons/font/tailwind-icon.svg"},{"file":"tailwind","label":"Logo with wordmark","svg":"https://devicons.io/devicons/icons/tailwind.svg","mono":"https://devicons.io/devicons/font/tailwind.svg"}],"components":{"react":{"package":"@dev.icons/react","mono":"@dev.icons/react/mono","name":"TailwindIcon"},"vue":{"package":"@dev.icons/vue","mono":"@dev.icons/vue/mono","name":"TailwindIcon"},"svelte":{"package":"@dev.icons/svelte","mono":"@dev.icons/svelte/mono","name":"TailwindIcon"}}}