compilerexplorer logo
compilerexplorer from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- compilerexplorer
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the compilerexplorer logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.78 14.147h8.914v1.657H8.78Zm0-2.94h7.355v1.657H8.78Zm0-2.943h8.914V9.92H8.78Zm13.203 9.195a.66.66 0 0 1 0-.638c.13-.238.252-.476.366-.728a.27.27 0 0 0-.249-.383h-2.166a.66.66 0 0 0-.552.297a7.6 7.6 0 0 1-.977 1.208a7.32 7.32 0 0 1-5.21 2.156a7.32 7.32 0 0 1-5.208-2.157a7.32 7.32 0 0 1-2.157-5.21c0-1.969.766-3.821 2.156-5.211a7.32 7.32 0 0 1 5.21-2.156c1.967 0 3.819.766 5.21 2.157c.368.369.696.783.976 1.207c.12.186.327.297.551.297H22.1a.273.273 0 0 0 .248-.383a10 10 0 0 0-.365-.728a.67.67 0 0 1 0-.638l.735-1.332a.66.66 0 0 0-.11-.787l-1.836-1.836a.659.66 0 0 0-.787-.11l-1.335.738a.66.66 0 0 1-.638-.004a9.767 9.768 0 0 0-2.005-.824a.66.66 0 0 1-.452-.449L15.131.48a.664.664 0 0 0-.635-.48h-2.598a.66.66 0 0 0-.634.48l-.421 1.46a.66.66 0 0 1-.452.448c-.697.203-1.37.48-2.005.828c-.2.11-.438.11-.638.003L6.41 2.484a.66.66 0 0 0-.787.11L3.788 4.432a.659.66 0 0 0-.11.787l.737 1.335c.11.2.107.438-.003.638a9.767 9.768 0 0 0-.825 2.005a.66.66 0 0 1-.448.452l-1.46.42a.664.664 0 0 0-.479.635v2.599c0 .293.193.556.48.635l1.459.42a.66.66 0 0 1 .448.453c.204.697.48 1.37.828 2.004c.11.2.11.438.004.64l-.738 1.334a.66.66 0 0 0 .11.786l1.835 1.837a.659.66 0 0 0 .787.11l1.335-.738c.2-.11.438-.107.638.003a9.767 9.768 0 0 0 2.005.825c.217.062.39.23.452.448l.42 1.46c.083.283.342.48.635.48h2.598a.66.66 0 0 0 .635-.48l.421-1.46a.66.66 0 0 1 .452-.448a9.975 9.976 0 0 0 2.004-.828a.67.67 0 0 1 .639-.004l1.335.739c.259.14.58.096.786-.11l1.836-1.837a.659.66 0 0 0 .11-.787z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCompilerexplorer(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.78 14.147h8.914v1.657H8.78Zm0-2.94h7.355v1.657H8.78Zm0-2.943h8.914V9.92H8.78Zm13.203 9.195a.66.66 0 0 1 0-.638c.13-.238.252-.476.366-.728a.27.27 0 0 0-.249-.383h-2.166a.66.66 0 0 0-.552.297a7.6 7.6 0 0 1-.977 1.208a7.32 7.32 0 0 1-5.21 2.156a7.32 7.32 0 0 1-5.208-2.157a7.32 7.32 0 0 1-2.157-5.21c0-1.969.766-3.821 2.156-5.211a7.32 7.32 0 0 1 5.21-2.156c1.967 0 3.819.766 5.21 2.157c.368.369.696.783.976 1.207c.12.186.327.297.551.297H22.1a.273.273 0 0 0 .248-.383a10 10 0 0 0-.365-.728a.67.67 0 0 1 0-.638l.735-1.332a.66.66 0 0 0-.11-.787l-1.836-1.836a.659.66 0 0 0-.787-.11l-1.335.738a.66.66 0 0 1-.638-.004a9.767 9.768 0 0 0-2.005-.824a.66.66 0 0 1-.452-.449L15.131.48a.664.664 0 0 0-.635-.48h-2.598a.66.66 0 0 0-.634.48l-.421 1.46a.66.66 0 0 1-.452.448c-.697.203-1.37.48-2.005.828c-.2.11-.438.11-.638.003L6.41 2.484a.66.66 0 0 0-.787.11L3.788 4.432a.659.66 0 0 0-.11.787l.737 1.335c.11.2.107.438-.003.638a9.767 9.768 0 0 0-.825 2.005a.66.66 0 0 1-.448.452l-1.46.42a.664.664 0 0 0-.479.635v2.599c0 .293.193.556.48.635l1.459.42a.66.66 0 0 1 .448.453c.204.697.48 1.37.828 2.004c.11.2.11.438.004.64l-.738 1.334a.66.66 0 0 0 .11.786l1.835 1.837a.659.66 0 0 0 .787.11l1.335-.738c.2-.11.438-.107.638.003a9.767 9.768 0 0 0 2.005.825c.217.062.39.23.452.448l.42 1.46c.083.283.342.48.635.48h2.598a.66.66 0 0 0 .635-.48l.421-1.46a.66.66 0 0 1 .452-.448a9.975 9.976 0 0 0 2.004-.828a.67.67 0 0 1 .639-.004l1.335.739c.259.14.58.096.786-.11l1.836-1.837a.659.66 0 0 0 .11-.787z"/></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.78 14.147h8.914v1.657H8.78Zm0-2.94h7.355v1.657H8.78Zm0-2.943h8.914V9.92H8.78Zm13.203 9.195a.66.66 0 0 1 0-.638c.13-.238.252-.476.366-.728a.27.27 0 0 0-.249-.383h-2.166a.66.66 0 0 0-.552.297a7.6 7.6 0 0 1-.977 1.208a7.32 7.32 0 0 1-5.21 2.156a7.32 7.32 0 0 1-5.208-2.157a7.32 7.32 0 0 1-2.157-5.21c0-1.969.766-3.821 2.156-5.211a7.32 7.32 0 0 1 5.21-2.156c1.967 0 3.819.766 5.21 2.157c.368.369.696.783.976 1.207c.12.186.327.297.551.297H22.1a.273.273 0 0 0 .248-.383a10 10 0 0 0-.365-.728a.67.67 0 0 1 0-.638l.735-1.332a.66.66 0 0 0-.11-.787l-1.836-1.836a.659.66 0 0 0-.787-.11l-1.335.738a.66.66 0 0 1-.638-.004a9.767 9.768 0 0 0-2.005-.824a.66.66 0 0 1-.452-.449L15.131.48a.664.664 0 0 0-.635-.48h-2.598a.66.66 0 0 0-.634.48l-.421 1.46a.66.66 0 0 1-.452.448c-.697.203-1.37.48-2.005.828c-.2.11-.438.11-.638.003L6.41 2.484a.66.66 0 0 0-.787.11L3.788 4.432a.659.66 0 0 0-.11.787l.737 1.335c.11.2.107.438-.003.638a9.767 9.768 0 0 0-.825 2.005a.66.66 0 0 1-.448.452l-1.46.42a.664.664 0 0 0-.479.635v2.599c0 .293.193.556.48.635l1.459.42a.66.66 0 0 1 .448.453c.204.697.48 1.37.828 2.004c.11.2.11.438.004.64l-.738 1.334a.66.66 0 0 0 .11.786l1.835 1.837a.659.66 0 0 0 .787.11l1.335-.738c.2-.11.438-.107.638.003a9.767 9.768 0 0 0 2.005.825c.217.062.39.23.452.448l.42 1.46c.083.283.342.48.635.48h2.598a.66.66 0 0 0 .635-.48l.421-1.46a.66.66 0 0 1 .452-.448a9.975 9.976 0 0 0 2.004-.828a.67.67 0 0 1 .639-.004l1.335.739c.259.14.58.096.786-.11l1.836-1.837a.659.66 0 0 0 .11-.787z"/></svg> </template>
CSS
.icon-compilerexplorer {
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.78%2014.147h8.914v1.657H8.78Zm0-2.94h7.355v1.657H8.78Zm0-2.943h8.914V9.92H8.78Zm13.203%209.195a.66.66%200%200%201%200-.638c.13-.238.252-.476.366-.728a.27.27%200%200%200-.249-.383h-2.166a.66.66%200%200%200-.552.297a7.6%207.6%200%200%201-.977%201.208a7.32%207.32%200%200%201-5.21%202.156a7.32%207.32%200%200%201-5.208-2.157a7.32%207.32%200%200%201-2.157-5.21c0-1.969.766-3.821%202.156-5.211a7.32%207.32%200%200%201%205.21-2.156c1.967%200%203.819.766%205.21%202.157c.368.369.696.783.976%201.207c.12.186.327.297.551.297H22.1a.273.273%200%200%200%20.248-.383a10%2010%200%200%200-.365-.728a.67.67%200%200%201%200-.638l.735-1.332a.66.66%200%200%200-.11-.787l-1.836-1.836a.659.66%200%200%200-.787-.11l-1.335.738a.66.66%200%200%201-.638-.004a9.767%209.768%200%200%200-2.005-.824a.66.66%200%200%201-.452-.449L15.131.48a.664.664%200%200%200-.635-.48h-2.598a.66.66%200%200%200-.634.48l-.421%201.46a.66.66%200%200%201-.452.448c-.697.203-1.37.48-2.005.828c-.2.11-.438.11-.638.003L6.41%202.484a.66.66%200%200%200-.787.11L3.788%204.432a.659.66%200%200%200-.11.787l.737%201.335c.11.2.107.438-.003.638a9.767%209.768%200%200%200-.825%202.005a.66.66%200%200%201-.448.452l-1.46.42a.664.664%200%200%200-.479.635v2.599c0%20.293.193.556.48.635l1.459.42a.66.66%200%200%201%20.448.453c.204.697.48%201.37.828%202.004c.11.2.11.438.004.64l-.738%201.334a.66.66%200%200%200%20.11.786l1.835%201.837a.659.66%200%200%200%20.787.11l1.335-.738c.2-.11.438-.107.638.003a9.767%209.768%200%200%200%202.005.825c.217.062.39.23.452.448l.42%201.46c.083.283.342.48.635.48h2.598a.66.66%200%200%200%20.635-.48l.421-1.46a.66.66%200%200%201%20.452-.448a9.975%209.976%200%200%200%202.004-.828a.67.67%200%200%201%20.639-.004l1.335.739c.259.14.58.096.786-.11l1.836-1.837a.659.66%200%200%200%20.11-.787z%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.78%2014.147h8.914v1.657H8.78Zm0-2.94h7.355v1.657H8.78Zm0-2.943h8.914V9.92H8.78Zm13.203%209.195a.66.66%200%200%201%200-.638c.13-.238.252-.476.366-.728a.27.27%200%200%200-.249-.383h-2.166a.66.66%200%200%200-.552.297a7.6%207.6%200%200%201-.977%201.208a7.32%207.32%200%200%201-5.21%202.156a7.32%207.32%200%200%201-5.208-2.157a7.32%207.32%200%200%201-2.157-5.21c0-1.969.766-3.821%202.156-5.211a7.32%207.32%200%200%201%205.21-2.156c1.967%200%203.819.766%205.21%202.157c.368.369.696.783.976%201.207c.12.186.327.297.551.297H22.1a.273.273%200%200%200%20.248-.383a10%2010%200%200%200-.365-.728a.67.67%200%200%201%200-.638l.735-1.332a.66.66%200%200%200-.11-.787l-1.836-1.836a.659.66%200%200%200-.787-.11l-1.335.738a.66.66%200%200%201-.638-.004a9.767%209.768%200%200%200-2.005-.824a.66.66%200%200%201-.452-.449L15.131.48a.664.664%200%200%200-.635-.48h-2.598a.66.66%200%200%200-.634.48l-.421%201.46a.66.66%200%200%201-.452.448c-.697.203-1.37.48-2.005.828c-.2.11-.438.11-.638.003L6.41%202.484a.66.66%200%200%200-.787.11L3.788%204.432a.659.66%200%200%200-.11.787l.737%201.335c.11.2.107.438-.003.638a9.767%209.768%200%200%200-.825%202.005a.66.66%200%200%201-.448.452l-1.46.42a.664.664%200%200%200-.479.635v2.599c0%20.293.193.556.48.635l1.459.42a.66.66%200%200%201%20.448.453c.204.697.48%201.37.828%202.004c.11.2.11.438.004.64l-.738%201.334a.66.66%200%200%200%20.11.786l1.835%201.837a.659.66%200%200%200%20.787.11l1.335-.738c.2-.11.438-.107.638.003a9.767%209.768%200%200%200%202.005.825c.217.062.39.23.452.448l.42%201.46c.083.283.342.48.635.48h2.598a.66.66%200%200%200%20.635-.48l.421-1.46a.66.66%200%200%201%20.452-.448a9.975%209.976%200%200%200%202.004-.828a.67.67%200%200%201%20.639-.004l1.335.739c.259.14.58.096.786-.11l1.836-1.837a.659.66%200%200%200%20.11-.787z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/compilerexplorer.svg?color=%231a73e8&size=48
