bxl codepen icon
bxl-codepen from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-codepen
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl codepen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.838 8.445c0-.001-.001-.001 0 0l-.003-.004l-.001-.001v-.001a.809.809 0 0 0-.235-.228l-9.164-6.08a.834.834 0 0 0-.898 0L2.371 8.214A.786.786 0 0 0 2 8.897v6.16a.789.789 0 0 0 .131.448v.001l.002.002l.01.015v.002h.001l.001.001l.001.001c.063.088.14.16.226.215l9.165 6.082a.787.787 0 0 0 .448.139a.784.784 0 0 0 .45-.139l9.165-6.082a.794.794 0 0 0 .371-.685v-6.16a.793.793 0 0 0-.133-.452zm-9.057-4.172l6.953 4.613l-3.183 2.112l-3.771-2.536V4.273zm-1.592 0v4.189l-3.771 2.536l-3.181-2.111l6.952-4.614zm-7.595 6.098l2.395 1.59l-2.395 1.611v-3.201zm7.595 9.311l-6.96-4.617l3.195-2.15l3.765 2.498v4.269zm.795-5.653l-3.128-2.078l3.128-2.105l3.131 2.105l-3.131 2.078zm.797 5.653v-4.27l3.766-2.498l3.193 2.15l-6.959 4.618zm7.597-6.11l-2.396-1.611l2.396-1.59v3.201z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlCodepen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.838 8.445c0-.001-.001-.001 0 0l-.003-.004l-.001-.001v-.001a.809.809 0 0 0-.235-.228l-9.164-6.08a.834.834 0 0 0-.898 0L2.371 8.214A.786.786 0 0 0 2 8.897v6.16a.789.789 0 0 0 .131.448v.001l.002.002l.01.015v.002h.001l.001.001l.001.001c.063.088.14.16.226.215l9.165 6.082a.787.787 0 0 0 .448.139a.784.784 0 0 0 .45-.139l9.165-6.082a.794.794 0 0 0 .371-.685v-6.16a.793.793 0 0 0-.133-.452zm-9.057-4.172l6.953 4.613l-3.183 2.112l-3.771-2.536V4.273zm-1.592 0v4.189l-3.771 2.536l-3.181-2.111l6.952-4.614zm-7.595 6.098l2.395 1.59l-2.395 1.611v-3.201zm7.595 9.311l-6.96-4.617l3.195-2.15l3.765 2.498v4.269zm.795-5.653l-3.128-2.078l3.128-2.105l3.131 2.105l-3.131 2.078zm.797 5.653v-4.27l3.766-2.498l3.193 2.15l-6.959 4.618zm7.597-6.11l-2.396-1.611l2.396-1.59v3.201z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.838 8.445c0-.001-.001-.001 0 0l-.003-.004l-.001-.001v-.001a.809.809 0 0 0-.235-.228l-9.164-6.08a.834.834 0 0 0-.898 0L2.371 8.214A.786.786 0 0 0 2 8.897v6.16a.789.789 0 0 0 .131.448v.001l.002.002l.01.015v.002h.001l.001.001l.001.001c.063.088.14.16.226.215l9.165 6.082a.787.787 0 0 0 .448.139a.784.784 0 0 0 .45-.139l9.165-6.082a.794.794 0 0 0 .371-.685v-6.16a.793.793 0 0 0-.133-.452zm-9.057-4.172l6.953 4.613l-3.183 2.112l-3.771-2.536V4.273zm-1.592 0v4.189l-3.771 2.536l-3.181-2.111l6.952-4.614zm-7.595 6.098l2.395 1.59l-2.395 1.611v-3.201zm7.595 9.311l-6.96-4.617l3.195-2.15l3.765 2.498v4.269zm.795-5.653l-3.128-2.078l3.128-2.105l3.131 2.105l-3.131 2.078zm.797 5.653v-4.27l3.766-2.498l3.193 2.15l-6.959 4.618zm7.597-6.11l-2.396-1.611l2.396-1.59v3.201z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-codepen {
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%20d%3D%22M21.838%208.445c0-.001-.001-.001%200%200l-.003-.004l-.001-.001v-.001a.809.809%200%200%200-.235-.228l-9.164-6.08a.834.834%200%200%200-.898%200L2.371%208.214A.786.786%200%200%200%202%208.897v6.16a.789.789%200%200%200%20.131.448v.001l.002.002l.01.015v.002h.001l.001.001l.001.001c.063.088.14.16.226.215l9.165%206.082a.787.787%200%200%200%20.448.139a.784.784%200%200%200%20.45-.139l9.165-6.082a.794.794%200%200%200%20.371-.685v-6.16a.793.793%200%200%200-.133-.452zm-9.057-4.172l6.953%204.613l-3.183%202.112l-3.771-2.536V4.273zm-1.592%200v4.189l-3.771%202.536l-3.181-2.111l6.952-4.614zm-7.595%206.098l2.395%201.59l-2.395%201.611v-3.201zm7.595%209.311l-6.96-4.617l3.195-2.15l3.765%202.498v4.269zm.795-5.653l-3.128-2.078l3.128-2.105l3.131%202.105l-3.131%202.078zm.797%205.653v-4.27l3.766-2.498l3.193%202.15l-6.959%204.618zm7.597-6.11l-2.396-1.611l2.396-1.59v3.201z%22%20fill%3D%22currentColor%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%20d%3D%22M21.838%208.445c0-.001-.001-.001%200%200l-.003-.004l-.001-.001v-.001a.809.809%200%200%200-.235-.228l-9.164-6.08a.834.834%200%200%200-.898%200L2.371%208.214A.786.786%200%200%200%202%208.897v6.16a.789.789%200%200%200%20.131.448v.001l.002.002l.01.015v.002h.001l.001.001l.001.001c.063.088.14.16.226.215l9.165%206.082a.787.787%200%200%200%20.448.139a.784.784%200%200%200%20.45-.139l9.165-6.082a.794.794%200%200%200%20.371-.685v-6.16a.793.793%200%200%200-.133-.452zm-9.057-4.172l6.953%204.613l-3.183%202.112l-3.771-2.536V4.273zm-1.592%200v4.189l-3.771%202.536l-3.181-2.111l6.952-4.614zm-7.595%206.098l2.395%201.59l-2.395%201.611v-3.201zm7.595%209.311l-6.96-4.617l3.195-2.15l3.765%202.498v4.269zm.795-5.653l-3.128-2.078l3.128-2.105l3.131%202.105l-3.131%202.078zm.797%205.653v-4.27l3.766-2.498l3.193%202.15l-6.959%204.618zm7.597-6.11l-2.396-1.611l2.396-1.59v3.201z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-codepen.svg?color=%231a73e8&size=48
