cmake logo

cmake from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name: cmake
Set: Material Icon Theme
Style: Color
Viewbox: 24×24
License: MIT

The same logo in other sets

cmakeCatppuccin Icons cmakeCoreUI Brands cmakeDevicon cmakeSimple Icons cmake-darkSkill Icons

Use the cmake logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1e88e5" d="M11.94 2.984L2.928 21.017l9.875-8.47z"/><path fill="#e53935" d="m11.958 2.982l.002.29l1.312 14.499l-.002.006l.023.26l7.363 2.978h.415l-.158-.31l-.114-.228h-.001l-8.84-17.494z"/><path fill="#7cb342" d="m8.558 16.13l-5.627 4.884h17.743v-.016z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeCmake(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1e88e5" d="M11.94 2.984L2.928 21.017l9.875-8.47z"/><path fill="#e53935" d="m11.958 2.982l.002.29l1.312 14.499l-.002.006l.023.26l7.363 2.978h.415l-.158-.31l-.114-.228h-.001l-8.84-17.494z"/><path fill="#7cb342" d="m8.558 16.13l-5.627 4.884h17.743v-.016z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1e88e5" d="M11.94 2.984L2.928 21.017l9.875-8.47z"/><path fill="#e53935" d="m11.958 2.982l.002.29l1.312 14.499l-.002.006l.023.26l7.363 2.978h.415l-.158-.31l-.114-.228h-.001l-8.84-17.494z"/><path fill="#7cb342" d="m8.558 16.13l-5.627 4.884h17.743v-.016z"/></svg>
</template>

CSS

.icon-cmake {
  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%22%231e88e5%22%20d%3D%22M11.94%202.984L2.928%2021.017l9.875-8.47z%22%2F%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22m11.958%202.982l.002.29l1.312%2014.499l-.002.006l.023.26l7.363%202.978h.415l-.158-.31l-.114-.228h-.001l-8.84-17.494z%22%2F%3E%3Cpath%20fill%3D%22%237cb342%22%20d%3D%22m8.558%2016.13l-5.627%204.884h17.743v-.016z%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%22%231e88e5%22%20d%3D%22M11.94%202.984L2.928%2021.017l9.875-8.47z%22%2F%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22m11.958%202.982l.002.29l1.312%2014.499l-.002.006l.023.26l7.363%202.978h.415l-.158-.31l-.114-.228h-.001l-8.84-17.494z%22%2F%3E%3Cpath%20fill%3D%22%237cb342%22%20d%3D%22m8.558%2016.13l-5.627%204.884h17.743v-.016z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/cmake.svg?color=%231a73e8&size=48