coda icon logo

coda-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
coda-icon
Set
SVG Logos
Style
Color
Viewbox
256×275
License
CC0

Use the coda icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 275"><path fill="#f46a54" d="M233.065 0H22.915C10.292.023.057 10.23 0 22.851V251.42c.058 12.628 10.3 22.84 22.928 22.858h210.15c12.627-.019 22.868-10.232 22.922-22.858v-10.661c-.384-13.72-.768-42.289-.768-55.24c0-7.24-5.348-13.335-12.225-13.335c-7.645 0-12.61 4.573-16.428 8.378c-11.464 10.291-28.66 12.197-43.566 9.53c-6.87-1.529-13.37-3.428-18.711-6.856c-16.435-9.53-27.131-27.431-27.131-46.477c0-19.047 10.696-36.57 27.124-46.478c5.732-3.428 12.232-5.334 18.725-6.856c14.522-2.667 32.095-.768 43.559 9.523c4.203 3.812 9.167 8.378 16.428 8.378c6.877 0 12.225-6.095 12.225-13.335c0-12.567.384-41.52.768-55.233v-9.907C256 10.284 245.681 0 233.072 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosCodaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 275"><path fill="#f46a54" d="M233.065 0H22.915C10.292.023.057 10.23 0 22.851V251.42c.058 12.628 10.3 22.84 22.928 22.858h210.15c12.627-.019 22.868-10.232 22.922-22.858v-10.661c-.384-13.72-.768-42.289-.768-55.24c0-7.24-5.348-13.335-12.225-13.335c-7.645 0-12.61 4.573-16.428 8.378c-11.464 10.291-28.66 12.197-43.566 9.53c-6.87-1.529-13.37-3.428-18.711-6.856c-16.435-9.53-27.131-27.431-27.131-46.477c0-19.047 10.696-36.57 27.124-46.478c5.732-3.428 12.232-5.334 18.725-6.856c14.522-2.667 32.095-.768 43.559 9.523c4.203 3.812 9.167 8.378 16.428 8.378c6.877 0 12.225-6.095 12.225-13.335c0-12.567.384-41.52.768-55.233v-9.907C256 10.284 245.681 0 233.072 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 275"><path fill="#f46a54" d="M233.065 0H22.915C10.292.023.057 10.23 0 22.851V251.42c.058 12.628 10.3 22.84 22.928 22.858h210.15c12.627-.019 22.868-10.232 22.922-22.858v-10.661c-.384-13.72-.768-42.289-.768-55.24c0-7.24-5.348-13.335-12.225-13.335c-7.645 0-12.61 4.573-16.428 8.378c-11.464 10.291-28.66 12.197-43.566 9.53c-6.87-1.529-13.37-3.428-18.711-6.856c-16.435-9.53-27.131-27.431-27.131-46.477c0-19.047 10.696-36.57 27.124-46.478c5.732-3.428 12.232-5.334 18.725-6.856c14.522-2.667 32.095-.768 43.559 9.523c4.203 3.812 9.167 8.378 16.428 8.378c6.877 0 12.225-6.095 12.225-13.335c0-12.567.384-41.52.768-55.233v-9.907C256 10.284 245.681 0 233.072 0z"/></svg>
</template>

CSS

.icon-coda-icon {
  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%20256%20275%22%3E%3Cpath%20fill%3D%22%23f46a54%22%20d%3D%22M233.065%200H22.915C10.292.023.057%2010.23%200%2022.851V251.42c.058%2012.628%2010.3%2022.84%2022.928%2022.858h210.15c12.627-.019%2022.868-10.232%2022.922-22.858v-10.661c-.384-13.72-.768-42.289-.768-55.24c0-7.24-5.348-13.335-12.225-13.335c-7.645%200-12.61%204.573-16.428%208.378c-11.464%2010.291-28.66%2012.197-43.566%209.53c-6.87-1.529-13.37-3.428-18.711-6.856c-16.435-9.53-27.131-27.431-27.131-46.477c0-19.047%2010.696-36.57%2027.124-46.478c5.732-3.428%2012.232-5.334%2018.725-6.856c14.522-2.667%2032.095-.768%2043.559%209.523c4.203%203.812%209.167%208.378%2016.428%208.378c6.877%200%2012.225-6.095%2012.225-13.335c0-12.567.384-41.52.768-55.233v-9.907C256%2010.284%20245.681%200%20233.072%200z%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%20256%20275%22%3E%3Cpath%20fill%3D%22%23f46a54%22%20d%3D%22M233.065%200H22.915C10.292.023.057%2010.23%200%2022.851V251.42c.058%2012.628%2010.3%2022.84%2022.928%2022.858h210.15c12.627-.019%2022.868-10.232%2022.922-22.858v-10.661c-.384-13.72-.768-42.289-.768-55.24c0-7.24-5.348-13.335-12.225-13.335c-7.645%200-12.61%204.573-16.428%208.378c-11.464%2010.291-28.66%2012.197-43.566%209.53c-6.87-1.529-13.37-3.428-18.711-6.856c-16.435-9.53-27.131-27.431-27.131-46.477c0-19.047%2010.696-36.57%2027.124-46.478c5.732-3.428%2012.232-5.334%2018.725-6.856c14.522-2.667%2032.095-.768%2043.559%209.523c4.203%203.812%209.167%208.378%2016.428%208.378c6.877%200%2012.225-6.095%2012.225-13.335c0-12.567.384-41.52.768-55.233v-9.907C256%2010.284%20245.681%200%20233.072%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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