{"slug":"codepen","name":"Codepen","tags":["frontend","code-editor","web-development","social-coding"],"popular":false,"url":"https://devicons.io/icons/codepen/","svg":"https://devicons.io/devicons/icons/codepen.svg","description":"An online code editor and social development environment for front-end web development with live preview.","aliases":[],"website":"https://codepen.io/","license":null,"brandGuidelines":null,"mainColor":null,"badInDark":true,"badInLight":false,"deprecated":false,"recommended":false,"variants":[{"file":"codepen","label":"Logo with wordmark","svg":"https://devicons.io/devicons/icons/codepen.svg","mono":"https://devicons.io/devicons/font/codepen.svg"},{"file":"codepen-icon","label":"Icon (mark only)","svg":"https://devicons.io/devicons/icons/codepen-icon.svg","mono":"https://devicons.io/devicons/font/codepen-icon.svg"}],"components":{"react":{"package":"@dev.icons/react","mono":"@dev.icons/react/mono","name":"Codepen"},"vue":{"package":"@dev.icons/vue","mono":"@dev.icons/vue/mono","name":"Codepen"},"svelte":{"package":"@dev.icons/svelte","mono":"@dev.icons/svelte/mono","name":"Codepen"}}}