codeblocks logo
codeblocks from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- codeblocks
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the codeblocks logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.011 0v8.406H8.61V0zm15.39 0v8.406H24V0zM8.972.658l.012 7.869l2.54 2.43l.007-5.564zm6.066 0l-2.555 4.735l.004 5.564l2.54-2.43zM.332 8.768l5.52 2.677l5.655-.006l-2.773-2.67zm14.944 0L12.53 11.49l5.655-.09l5.498-2.631zm-9.323 3.855L.318 15.232h8.405l2.748-2.722zm6.565-.113l2.747 2.722h8.402l-5.586-2.609zm-1.006.533l-2.54 2.43l-.011 7.873l2.555-4.74zm.964 0l-.008 5.564l2.559 4.74l-.011-7.874zM0 15.598V24h8.598v-8.402zm15.39 0V24h8.598v-8.402z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCodeblocks(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="M.011 0v8.406H8.61V0zm15.39 0v8.406H24V0zM8.972.658l.012 7.869l2.54 2.43l.007-5.564zm6.066 0l-2.555 4.735l.004 5.564l2.54-2.43zM.332 8.768l5.52 2.677l5.655-.006l-2.773-2.67zm14.944 0L12.53 11.49l5.655-.09l5.498-2.631zm-9.323 3.855L.318 15.232h8.405l2.748-2.722zm6.565-.113l2.747 2.722h8.402l-5.586-2.609zm-1.006.533l-2.54 2.43l-.011 7.873l2.555-4.74zm.964 0l-.008 5.564l2.559 4.74l-.011-7.874zM0 15.598V24h8.598v-8.402zm15.39 0V24h8.598v-8.402z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.011 0v8.406H8.61V0zm15.39 0v8.406H24V0zM8.972.658l.012 7.869l2.54 2.43l.007-5.564zm6.066 0l-2.555 4.735l.004 5.564l2.54-2.43zM.332 8.768l5.52 2.677l5.655-.006l-2.773-2.67zm14.944 0L12.53 11.49l5.655-.09l5.498-2.631zm-9.323 3.855L.318 15.232h8.405l2.748-2.722zm6.565-.113l2.747 2.722h8.402l-5.586-2.609zm-1.006.533l-2.54 2.43l-.011 7.873l2.555-4.74zm.964 0l-.008 5.564l2.559 4.74l-.011-7.874zM0 15.598V24h8.598v-8.402zm15.39 0V24h8.598v-8.402z"/></svg> </template>
CSS
.icon-codeblocks {
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%22M.011%200v8.406H8.61V0zm15.39%200v8.406H24V0zM8.972.658l.012%207.869l2.54%202.43l.007-5.564zm6.066%200l-2.555%204.735l.004%205.564l2.54-2.43zM.332%208.768l5.52%202.677l5.655-.006l-2.773-2.67zm14.944%200L12.53%2011.49l5.655-.09l5.498-2.631zm-9.323%203.855L.318%2015.232h8.405l2.748-2.722zm6.565-.113l2.747%202.722h8.402l-5.586-2.609zm-1.006.533l-2.54%202.43l-.011%207.873l2.555-4.74zm.964%200l-.008%205.564l2.559%204.74l-.011-7.874zM0%2015.598V24h8.598v-8.402zm15.39%200V24h8.598v-8.402z%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%22M.011%200v8.406H8.61V0zm15.39%200v8.406H24V0zM8.972.658l.012%207.869l2.54%202.43l.007-5.564zm6.066%200l-2.555%204.735l.004%205.564l2.54-2.43zM.332%208.768l5.52%202.677l5.655-.006l-2.773-2.67zm14.944%200L12.53%2011.49l5.655-.09l5.498-2.631zm-9.323%203.855L.318%2015.232h8.405l2.748-2.722zm6.565-.113l2.747%202.722h8.402l-5.586-2.609zm-1.006.533l-2.54%202.43l-.011%207.873l2.555-4.74zm.964%200l-.008%205.564l2.559%204.74l-.011-7.874zM0%2015.598V24h8.598v-8.402zm15.39%200V24h8.598v-8.402z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/codeblocks.svg?color=%231a73e8&size=48
