codepen icon
codepen-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- codepen-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
- Aliases
- brand-codepen-solid
1 other variant in Myna UI Icons
The same icon in other sets
codepen-fillAkar Iconscodepen-outlinedAnt Design IconscodepenBoxicons BrandscodepenCoreUI BrandscodepenDeviconcodepenFont Awesome 6 BrandscodepenFont Awesome BrandscodepenFeather IconscodepenHuge IconscodepenIconoircodepenJam IconscodepenLine AwesomecodepenSVG LogoscodepenLucidecodepenMaterial Design Iconscodepen-fillMingCute Iconcodepen-fillRemix IconcodepenSimple Iconscodepen-darkSkill Iconscodepen-outlineTeenyicons
Use the codepen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.305 12l-1.297.868v-1.736zm3.178-2.126V7.456l-4.056 2.711l1.804 1.209zm5.1.293l-4.066-2.71v2.417l2.252 1.502zm-9.156 3.666l4.056 2.71v-2.417l-2.252-1.502zm5.09.293v2.418l4.066-2.711l-1.814-1.209zM12 10.772L10.167 12L12 13.229L13.833 12zM21.75 12c0 5.363-4.387 9.75-9.75 9.75c-5.362 0-9.75-4.387-9.75-9.75c0-5.362 4.388-9.75 9.75-9.75c5.363 0 9.75 4.388 9.75 9.75m-3.724-1.901l-.02-.098c-.01-.01-.01-.02-.02-.039l-.038-.078l-.04-.058l-.029-.03l-.029-.019v-.02l-.039-.019l-.01-.01l-5.508-3.666a.52.52 0 0 0-.576 0L6.2 9.728v.01l-.049.02v.019l-.03.02l-.029.029l-.01.029l-.029.03l-.058.116v.049h-.01l-.01.049V13.9l.01.049h.01v.049c.01.01.01.02.02.039l.038.078l.04.058l.029.03l.029.019v.02l.039.019l.01.01l5.518 3.676a.5.5 0 0 0 .283.078c.098 0 .205-.03.293-.078l5.508-3.676l.01-.01l.039-.02v-.019l.03-.02l.029-.029l.039-.058l.058-.117v-.049h.01l.01-.049zm-1.034 2.769v-1.736L15.695 12z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCodepenSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.305 12l-1.297.868v-1.736zm3.178-2.126V7.456l-4.056 2.711l1.804 1.209zm5.1.293l-4.066-2.71v2.417l2.252 1.502zm-9.156 3.666l4.056 2.71v-2.417l-2.252-1.502zm5.09.293v2.418l4.066-2.711l-1.814-1.209zM12 10.772L10.167 12L12 13.229L13.833 12zM21.75 12c0 5.363-4.387 9.75-9.75 9.75c-5.362 0-9.75-4.387-9.75-9.75c0-5.362 4.388-9.75 9.75-9.75c5.363 0 9.75 4.388 9.75 9.75m-3.724-1.901l-.02-.098c-.01-.01-.01-.02-.02-.039l-.038-.078l-.04-.058l-.029-.03l-.029-.019v-.02l-.039-.019l-.01-.01l-5.508-3.666a.52.52 0 0 0-.576 0L6.2 9.728v.01l-.049.02v.019l-.03.02l-.029.029l-.01.029l-.029.03l-.058.116v.049h-.01l-.01.049V13.9l.01.049h.01v.049c.01.01.01.02.02.039l.038.078l.04.058l.029.03l.029.019v.02l.039.019l.01.01l5.518 3.676a.5.5 0 0 0 .283.078c.098 0 .205-.03.293-.078l5.508-3.676l.01-.01l.039-.02v-.019l.03-.02l.029-.029l.039-.058l.058-.117v-.049h.01l.01-.049zm-1.034 2.769v-1.736L15.695 12z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.305 12l-1.297.868v-1.736zm3.178-2.126V7.456l-4.056 2.711l1.804 1.209zm5.1.293l-4.066-2.71v2.417l2.252 1.502zm-9.156 3.666l4.056 2.71v-2.417l-2.252-1.502zm5.09.293v2.418l4.066-2.711l-1.814-1.209zM12 10.772L10.167 12L12 13.229L13.833 12zM21.75 12c0 5.363-4.387 9.75-9.75 9.75c-5.362 0-9.75-4.387-9.75-9.75c0-5.362 4.388-9.75 9.75-9.75c5.363 0 9.75 4.388 9.75 9.75m-3.724-1.901l-.02-.098c-.01-.01-.01-.02-.02-.039l-.038-.078l-.04-.058l-.029-.03l-.029-.019v-.02l-.039-.019l-.01-.01l-5.508-3.666a.52.52 0 0 0-.576 0L6.2 9.728v.01l-.049.02v.019l-.03.02l-.029.029l-.01.029l-.029.03l-.058.116v.049h-.01l-.01.049V13.9l.01.049h.01v.049c.01.01.01.02.02.039l.038.078l.04.058l.029.03l.029.019v.02l.039.019l.01.01l5.518 3.676a.5.5 0 0 0 .283.078c.098 0 .205-.03.293-.078l5.508-3.676l.01-.01l.039-.02v-.019l.03-.02l.029-.029l.039-.058l.058-.117v-.049h.01l.01-.049zm-1.034 2.769v-1.736L15.695 12z"/></svg> </template>
CSS
.icon-codepen-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.305%2012l-1.297.868v-1.736zm3.178-2.126V7.456l-4.056%202.711l1.804%201.209zm5.1.293l-4.066-2.71v2.417l2.252%201.502zm-9.156%203.666l4.056%202.71v-2.417l-2.252-1.502zm5.09.293v2.418l4.066-2.711l-1.814-1.209zM12%2010.772L10.167%2012L12%2013.229L13.833%2012zM21.75%2012c0%205.363-4.387%209.75-9.75%209.75c-5.362%200-9.75-4.387-9.75-9.75c0-5.362%204.388-9.75%209.75-9.75c5.363%200%209.75%204.388%209.75%209.75m-3.724-1.901l-.02-.098c-.01-.01-.01-.02-.02-.039l-.038-.078l-.04-.058l-.029-.03l-.029-.019v-.02l-.039-.019l-.01-.01l-5.508-3.666a.52.52%200%200%200-.576%200L6.2%209.728v.01l-.049.02v.019l-.03.02l-.029.029l-.01.029l-.029.03l-.058.116v.049h-.01l-.01.049V13.9l.01.049h.01v.049c.01.01.01.02.02.039l.038.078l.04.058l.029.03l.029.019v.02l.039.019l.01.01l5.518%203.676a.5.5%200%200%200%20.283.078c.098%200%20.205-.03.293-.078l5.508-3.676l.01-.01l.039-.02v-.019l.03-.02l.029-.029l.039-.058l.058-.117v-.049h.01l.01-.049zm-1.034%202.769v-1.736L15.695%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.305%2012l-1.297.868v-1.736zm3.178-2.126V7.456l-4.056%202.711l1.804%201.209zm5.1.293l-4.066-2.71v2.417l2.252%201.502zm-9.156%203.666l4.056%202.71v-2.417l-2.252-1.502zm5.09.293v2.418l4.066-2.711l-1.814-1.209zM12%2010.772L10.167%2012L12%2013.229L13.833%2012zM21.75%2012c0%205.363-4.387%209.75-9.75%209.75c-5.362%200-9.75-4.387-9.75-9.75c0-5.362%204.388-9.75%209.75-9.75c5.363%200%209.75%204.388%209.75%209.75m-3.724-1.901l-.02-.098c-.01-.01-.01-.02-.02-.039l-.038-.078l-.04-.058l-.029-.03l-.029-.019v-.02l-.039-.019l-.01-.01l-5.508-3.666a.52.52%200%200%200-.576%200L6.2%209.728v.01l-.049.02v.019l-.03.02l-.029.029l-.01.029l-.029.03l-.058.116v.049h-.01l-.01.049V13.9l.01.049h.01v.049c.01.01.01.02.02.039l.038.078l.04.058l.029.03l.029.019v.02l.039.019l.01.01l5.518%203.676a.5.5%200%200%200%20.283.078c.098%200%20.205-.03.293-.078l5.508-3.676l.01-.01l.039-.02v-.019l.03-.02l.029-.029l.039-.058l.058-.117v-.049h.01l.01-.049zm-1.034%202.769v-1.736L15.695%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/codepen-solid.svg?color=%231a73e8&size=48
