{"slug":"styled-components","name":"styled-components","tags":["css","react","css-in-js","styling","javascript"],"popular":false,"url":"https://devicons.io/icons/styled-components/","svg":"https://devicons.io/devicons/icons/styled-components.svg","description":"styled-components is a CSS-in-JS library for React that styles components with tagged template literals, scoped class names, theming and server-side rendering.","aliases":["Styled Components","styled","CSS-in-JS"],"website":"https://styled-components.com/","license":null,"brandGuidelines":null,"mainColor":null,"badInDark":true,"badInLight":false,"deprecated":false,"recommended":false,"variants":[{"file":"styled-components","label":"Logo","svg":"https://devicons.io/devicons/icons/styled-components.svg","mono":"https://devicons.io/devicons/font/styled-components.svg"}],"components":{"react":{"package":"@dev.icons/react","mono":"@dev.icons/react/mono","name":"StyledComponents"},"vue":{"package":"@dev.icons/vue","mono":"@dev.icons/vue/mono","name":"StyledComponents"},"svelte":{"package":"@dev.icons/svelte","mono":"@dev.icons/svelte/mono","name":"StyledComponents"}}}