coda logo

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

Name
coda
Set
SVG Logos
Style
Color
Viewbox
512×177
License
CC0

The same logo in other sets

codaSimple Icons

Related icons in SVG Logos

coda-icon

Use the coda logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 177"><path fill="#101010" d="M0 107.937c0 42.462 29.392 68.854 66.58 68.854c13.07 0 26.14-3.157 35.675-10.292v-33.18a46.85 46.85 0 0 1-31.412 11.902c-19.321 0-34.727-13.827-34.727-37.19c0-22.996 14.867-36.51 33.821-36.926l.906-.01a45.78 45.78 0 0 1 31.57 11.807V49.66c-9.471-7.292-22.604-10.07-35.674-10.07C29.392 39.589 0 65.98 0 107.937M178.022 39.59c-37.884 0-64.34 28.16-64.34 68.348s26.393 68.854 64.34 68.854s64.56-28.413 64.56-68.854c0-40.44-26.36-68.348-64.56-68.348m0 106.295c-18.09 0-28.16-15.785-28.16-37.884s10.07-37.694 28.16-37.694S206.151 86.091 206.151 108s-9.787 37.884-28.129 37.884m168.204-92.468a45.75 45.75 0 0 0-33.18-13.827c-38.2 0-59.793 30.906-59.793 68.348c0 37.884 21.594 68.854 59.793 68.854a46.76 46.76 0 0 0 33.18-13.828v10.829h36.432V0h-36.432zm0 76.4a27.91 27.91 0 0 1-24.877 15.058c-19.857 0-31.57-15.785-31.57-36.937s11.807-36.684 31.57-36.684a27.94 27.94 0 0 1 24.877 15.343zm109.327-90.227c-17.585 0-34.412 4.798-43.977 10.828v31.57a65.63 65.63 0 0 1 35.926-10.829c18.595 0 29.423 8.05 29.423 20.868v7.293c-5.303-3.789-18.12-7.798-29.423-7.798c-28.886 0-50.732 17.08-50.732 42.209c0 27.15 21.846 42.461 48.49 42.461c14.302 0 27.372-5.02 31.57-9.281v7.04H512V89.848c.094-31.917-20.521-50.26-56.447-50.26m21.372 98.497c-3.157 7.04-12.817 11.334-23.14 11.334c-11.555 0-23.362-4.799-23.362-16.1c0-11.303 11.807-16.07 23.362-16.07c10.323 0 19.857 4.262 23.14 11.302z"/></svg>

React

import type { SVGProps } from "react";

export function LogosCoda(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 177"><path fill="#101010" d="M0 107.937c0 42.462 29.392 68.854 66.58 68.854c13.07 0 26.14-3.157 35.675-10.292v-33.18a46.85 46.85 0 0 1-31.412 11.902c-19.321 0-34.727-13.827-34.727-37.19c0-22.996 14.867-36.51 33.821-36.926l.906-.01a45.78 45.78 0 0 1 31.57 11.807V49.66c-9.471-7.292-22.604-10.07-35.674-10.07C29.392 39.589 0 65.98 0 107.937M178.022 39.59c-37.884 0-64.34 28.16-64.34 68.348s26.393 68.854 64.34 68.854s64.56-28.413 64.56-68.854c0-40.44-26.36-68.348-64.56-68.348m0 106.295c-18.09 0-28.16-15.785-28.16-37.884s10.07-37.694 28.16-37.694S206.151 86.091 206.151 108s-9.787 37.884-28.129 37.884m168.204-92.468a45.75 45.75 0 0 0-33.18-13.827c-38.2 0-59.793 30.906-59.793 68.348c0 37.884 21.594 68.854 59.793 68.854a46.76 46.76 0 0 0 33.18-13.828v10.829h36.432V0h-36.432zm0 76.4a27.91 27.91 0 0 1-24.877 15.058c-19.857 0-31.57-15.785-31.57-36.937s11.807-36.684 31.57-36.684a27.94 27.94 0 0 1 24.877 15.343zm109.327-90.227c-17.585 0-34.412 4.798-43.977 10.828v31.57a65.63 65.63 0 0 1 35.926-10.829c18.595 0 29.423 8.05 29.423 20.868v7.293c-5.303-3.789-18.12-7.798-29.423-7.798c-28.886 0-50.732 17.08-50.732 42.209c0 27.15 21.846 42.461 48.49 42.461c14.302 0 27.372-5.02 31.57-9.281v7.04H512V89.848c.094-31.917-20.521-50.26-56.447-50.26m21.372 98.497c-3.157 7.04-12.817 11.334-23.14 11.334c-11.555 0-23.362-4.799-23.362-16.1c0-11.303 11.807-16.07 23.362-16.07c10.323 0 19.857 4.262 23.14 11.302z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 177"><path fill="#101010" d="M0 107.937c0 42.462 29.392 68.854 66.58 68.854c13.07 0 26.14-3.157 35.675-10.292v-33.18a46.85 46.85 0 0 1-31.412 11.902c-19.321 0-34.727-13.827-34.727-37.19c0-22.996 14.867-36.51 33.821-36.926l.906-.01a45.78 45.78 0 0 1 31.57 11.807V49.66c-9.471-7.292-22.604-10.07-35.674-10.07C29.392 39.589 0 65.98 0 107.937M178.022 39.59c-37.884 0-64.34 28.16-64.34 68.348s26.393 68.854 64.34 68.854s64.56-28.413 64.56-68.854c0-40.44-26.36-68.348-64.56-68.348m0 106.295c-18.09 0-28.16-15.785-28.16-37.884s10.07-37.694 28.16-37.694S206.151 86.091 206.151 108s-9.787 37.884-28.129 37.884m168.204-92.468a45.75 45.75 0 0 0-33.18-13.827c-38.2 0-59.793 30.906-59.793 68.348c0 37.884 21.594 68.854 59.793 68.854a46.76 46.76 0 0 0 33.18-13.828v10.829h36.432V0h-36.432zm0 76.4a27.91 27.91 0 0 1-24.877 15.058c-19.857 0-31.57-15.785-31.57-36.937s11.807-36.684 31.57-36.684a27.94 27.94 0 0 1 24.877 15.343zm109.327-90.227c-17.585 0-34.412 4.798-43.977 10.828v31.57a65.63 65.63 0 0 1 35.926-10.829c18.595 0 29.423 8.05 29.423 20.868v7.293c-5.303-3.789-18.12-7.798-29.423-7.798c-28.886 0-50.732 17.08-50.732 42.209c0 27.15 21.846 42.461 48.49 42.461c14.302 0 27.372-5.02 31.57-9.281v7.04H512V89.848c.094-31.917-20.521-50.26-56.447-50.26m21.372 98.497c-3.157 7.04-12.817 11.334-23.14 11.334c-11.555 0-23.362-4.799-23.362-16.1c0-11.303 11.807-16.07 23.362-16.07c10.323 0 19.857 4.262 23.14 11.302z"/></svg>
</template>

CSS

.icon-coda {
  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%20512%20177%22%3E%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M0%20107.937c0%2042.462%2029.392%2068.854%2066.58%2068.854c13.07%200%2026.14-3.157%2035.675-10.292v-33.18a46.85%2046.85%200%200%201-31.412%2011.902c-19.321%200-34.727-13.827-34.727-37.19c0-22.996%2014.867-36.51%2033.821-36.926l.906-.01a45.78%2045.78%200%200%201%2031.57%2011.807V49.66c-9.471-7.292-22.604-10.07-35.674-10.07C29.392%2039.589%200%2065.98%200%20107.937M178.022%2039.59c-37.884%200-64.34%2028.16-64.34%2068.348s26.393%2068.854%2064.34%2068.854s64.56-28.413%2064.56-68.854c0-40.44-26.36-68.348-64.56-68.348m0%20106.295c-18.09%200-28.16-15.785-28.16-37.884s10.07-37.694%2028.16-37.694S206.151%2086.091%20206.151%20108s-9.787%2037.884-28.129%2037.884m168.204-92.468a45.75%2045.75%200%200%200-33.18-13.827c-38.2%200-59.793%2030.906-59.793%2068.348c0%2037.884%2021.594%2068.854%2059.793%2068.854a46.76%2046.76%200%200%200%2033.18-13.828v10.829h36.432V0h-36.432zm0%2076.4a27.91%2027.91%200%200%201-24.877%2015.058c-19.857%200-31.57-15.785-31.57-36.937s11.807-36.684%2031.57-36.684a27.94%2027.94%200%200%201%2024.877%2015.343zm109.327-90.227c-17.585%200-34.412%204.798-43.977%2010.828v31.57a65.63%2065.63%200%200%201%2035.926-10.829c18.595%200%2029.423%208.05%2029.423%2020.868v7.293c-5.303-3.789-18.12-7.798-29.423-7.798c-28.886%200-50.732%2017.08-50.732%2042.209c0%2027.15%2021.846%2042.461%2048.49%2042.461c14.302%200%2027.372-5.02%2031.57-9.281v7.04H512V89.848c.094-31.917-20.521-50.26-56.447-50.26m21.372%2098.497c-3.157%207.04-12.817%2011.334-23.14%2011.334c-11.555%200-23.362-4.799-23.362-16.1c0-11.303%2011.807-16.07%2023.362-16.07c10.323%200%2019.857%204.262%2023.14%2011.302z%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%20512%20177%22%3E%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M0%20107.937c0%2042.462%2029.392%2068.854%2066.58%2068.854c13.07%200%2026.14-3.157%2035.675-10.292v-33.18a46.85%2046.85%200%200%201-31.412%2011.902c-19.321%200-34.727-13.827-34.727-37.19c0-22.996%2014.867-36.51%2033.821-36.926l.906-.01a45.78%2045.78%200%200%201%2031.57%2011.807V49.66c-9.471-7.292-22.604-10.07-35.674-10.07C29.392%2039.589%200%2065.98%200%20107.937M178.022%2039.59c-37.884%200-64.34%2028.16-64.34%2068.348s26.393%2068.854%2064.34%2068.854s64.56-28.413%2064.56-68.854c0-40.44-26.36-68.348-64.56-68.348m0%20106.295c-18.09%200-28.16-15.785-28.16-37.884s10.07-37.694%2028.16-37.694S206.151%2086.091%20206.151%20108s-9.787%2037.884-28.129%2037.884m168.204-92.468a45.75%2045.75%200%200%200-33.18-13.827c-38.2%200-59.793%2030.906-59.793%2068.348c0%2037.884%2021.594%2068.854%2059.793%2068.854a46.76%2046.76%200%200%200%2033.18-13.828v10.829h36.432V0h-36.432zm0%2076.4a27.91%2027.91%200%200%201-24.877%2015.058c-19.857%200-31.57-15.785-31.57-36.937s11.807-36.684%2031.57-36.684a27.94%2027.94%200%200%201%2024.877%2015.343zm109.327-90.227c-17.585%200-34.412%204.798-43.977%2010.828v31.57a65.63%2065.63%200%200%201%2035.926-10.829c18.595%200%2029.423%208.05%2029.423%2020.868v7.293c-5.303-3.789-18.12-7.798-29.423-7.798c-28.886%200-50.732%2017.08-50.732%2042.209c0%2027.15%2021.846%2042.461%2048.49%2042.461c14.302%200%2027.372-5.02%2031.57-9.281v7.04H512V89.848c.094-31.917-20.521-50.26-56.447-50.26m21.372%2098.497c-3.157%207.04-12.817%2011.334-23.14%2011.334c-11.555%200-23.362-4.799-23.362-16.1c0-11.303%2011.807-16.07%2023.362-16.07c10.323%200%2019.857%204.262%2023.14%2011.302z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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