cakephp logo

cakephp from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
cakephp
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

cakephp-wordmark

The same logo in other sets

cakephpSVG LogoscakephpSimple Icons

Use the cakephp logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#d43d44" d="M2 73.69V93c0 10.69 27.75 19.35 62 19.35V93C29.75 93 2 84.36 2 73.69m62-19.35l48.5 12c8.44-3.3 13.51-7.5 13.51-12V35c0-10.68-27.76-19.35-62-19.35S2 24.29 2 35v19.34C2 65 29.75 73.69 64 73.69zm48.49 31.4L64 73.69V93l48.5 12.05c8.43-3.27 13.5-7.46 13.5-12.05V73.69c0 4.55-5.07 8.74-13.51 12.05"/></svg>

React

import type { SVGProps } from "react";

export function DeviconCakephp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#d43d44" d="M2 73.69V93c0 10.69 27.75 19.35 62 19.35V93C29.75 93 2 84.36 2 73.69m62-19.35l48.5 12c8.44-3.3 13.51-7.5 13.51-12V35c0-10.68-27.76-19.35-62-19.35S2 24.29 2 35v19.34C2 65 29.75 73.69 64 73.69zm48.49 31.4L64 73.69V93l48.5 12.05c8.43-3.27 13.5-7.46 13.5-12.05V73.69c0 4.55-5.07 8.74-13.51 12.05"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#d43d44" d="M2 73.69V93c0 10.69 27.75 19.35 62 19.35V93C29.75 93 2 84.36 2 73.69m62-19.35l48.5 12c8.44-3.3 13.51-7.5 13.51-12V35c0-10.68-27.76-19.35-62-19.35S2 24.29 2 35v19.34C2 65 29.75 73.69 64 73.69zm48.49 31.4L64 73.69V93l48.5 12.05c8.43-3.27 13.5-7.46 13.5-12.05V73.69c0 4.55-5.07 8.74-13.51 12.05"/></svg>
</template>

CSS

.icon-cakephp {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23d43d44%22%20d%3D%22M2%2073.69V93c0%2010.69%2027.75%2019.35%2062%2019.35V93C29.75%2093%202%2084.36%202%2073.69m62-19.35l48.5%2012c8.44-3.3%2013.51-7.5%2013.51-12V35c0-10.68-27.76-19.35-62-19.35S2%2024.29%202%2035v19.34C2%2065%2029.75%2073.69%2064%2073.69zm48.49%2031.4L64%2073.69V93l48.5%2012.05c8.43-3.27%2013.5-7.46%2013.5-12.05V73.69c0%204.55-5.07%208.74-13.51%2012.05%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23d43d44%22%20d%3D%22M2%2073.69V93c0%2010.69%2027.75%2019.35%2062%2019.35V93C29.75%2093%202%2084.36%202%2073.69m62-19.35l48.5%2012c8.44-3.3%2013.51-7.5%2013.51-12V35c0-10.68-27.76-19.35-62-19.35S2%2024.29%202%2035v19.34C2%2065%2029.75%2073.69%2064%2073.69zm48.49%2031.4L64%2073.69V93l48.5%2012.05c8.43-3.27%2013.5-7.46%2013.5-12.05V73.69c0%204.55-5.07%208.74-13.51%2012.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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