coffeescript logo

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

Name: coffeescript
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

coffeescriptCatppuccin Icons coffeescriptCoreUI Brands coffeescriptSVG Logos coffeescriptSimple Icons coffeescript-darkSkill Icons

Use the coffeescript logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#28334c" d="M50.3 29.6c11.7-1 15-8.5 28.7-9.8c6.7-.6 11 .8 11.4 3.1c.4 2.2-2.9 3.7-7 4c-5.6.6-8-1.5-8.4-3.4c-4.1.4-4.8 2.2-4.6 3.5c.4 2.4 5.5 4.7 14.1 3.9c9.8-.8 13-4.6 12.2-8.5c-1-5-8.5-9.2-22-8c-17.3 1.6-17.2 9.5-28.9 10.5c-4.8.4-7.5-.7-8-2.6c-.3-1.9 2-2.8 4.8-3c2.6-.2 5.7.2 7.2 1c1.1-.6 1.5-1.1 1.3-1.8c-.4-1.8-4-2.6-8.5-2.2c-8.7.8-8.7 4.7-8.4 6.4c1.1 4.7 7.8 7.7 16.1 6.9m58.6 19.8c-10.8 2.5-24.6 4.1-41.2 4.1c-16.9 0-30.7-1.8-41.5-4.1c-9.6-2.5-14.8-5.2-16.6-8c.9 6.3 2.5 12.4 4.6 18.2c-2.4 1.5-4.7 3.5-6.7 6C3.7 70.4 2 76 2.3 81.5s3 10 7.3 13.5c4.5 3.5 9.3 4.5 14.8 3.5c2.1-.3 4.5-1.5 6.6-2.1c-4.5 0-8.3-1.5-12.1-4.5c-4.1-3-7-7.3-7.6-12.4c-1-4.8 0-9.3 2.7-13.2c.6-.8 1.2-1.4 1.9-2c1.5 3.8 3.3 7.4 5.2 10.9c4.1 6.3 8.3 11.8 12.4 17.7c1.8 3.5 3 7 3.8 10.4c2.7 3.8 6.6 6.5 11.4 7.9c5.9 2.1 12.1 2.9 18.4 2.9h.7c6.3 0 12.9-1 19-3c4.5-1.5 8.3-4 11.1-8h.3c.7-3 1.8-6.8 3.5-10.3c4.1-5.9 8.3-11.4 12.4-17.7c5.5-10 9.3-21.4 11.4-33.6c-2.1 3-7.3 5.8-16.6 7.9m-82.7-8.7c10.8 2.7 24.6 4.1 41.2 4.1c16.9 0 30.4-1.5 41.2-4.1c11.4-2.7 16.9-6.3 16.9-9.6c0-2.5-2.5-4.8-7-6.6c1 .7 1.8 1.8 1.8 3c0 3.5-5.2 6.3-15.6 8.6c-9.6 2.1-22 3.6-37 3.6c-14.5 0-27.4-1.5-36.7-3.5c-10-2.5-15.3-5.2-15.3-8.6c0-1.5.7-2.7 2.7-4.1c-6.3 2.5-9.6 4.5-9.6 7.6c.3 3.5 5.9 7 17.4 9.6"/></svg>

React

import type { SVGProps } from "react";

export function DeviconCoffeescript(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#28334c" d="M50.3 29.6c11.7-1 15-8.5 28.7-9.8c6.7-.6 11 .8 11.4 3.1c.4 2.2-2.9 3.7-7 4c-5.6.6-8-1.5-8.4-3.4c-4.1.4-4.8 2.2-4.6 3.5c.4 2.4 5.5 4.7 14.1 3.9c9.8-.8 13-4.6 12.2-8.5c-1-5-8.5-9.2-22-8c-17.3 1.6-17.2 9.5-28.9 10.5c-4.8.4-7.5-.7-8-2.6c-.3-1.9 2-2.8 4.8-3c2.6-.2 5.7.2 7.2 1c1.1-.6 1.5-1.1 1.3-1.8c-.4-1.8-4-2.6-8.5-2.2c-8.7.8-8.7 4.7-8.4 6.4c1.1 4.7 7.8 7.7 16.1 6.9m58.6 19.8c-10.8 2.5-24.6 4.1-41.2 4.1c-16.9 0-30.7-1.8-41.5-4.1c-9.6-2.5-14.8-5.2-16.6-8c.9 6.3 2.5 12.4 4.6 18.2c-2.4 1.5-4.7 3.5-6.7 6C3.7 70.4 2 76 2.3 81.5s3 10 7.3 13.5c4.5 3.5 9.3 4.5 14.8 3.5c2.1-.3 4.5-1.5 6.6-2.1c-4.5 0-8.3-1.5-12.1-4.5c-4.1-3-7-7.3-7.6-12.4c-1-4.8 0-9.3 2.7-13.2c.6-.8 1.2-1.4 1.9-2c1.5 3.8 3.3 7.4 5.2 10.9c4.1 6.3 8.3 11.8 12.4 17.7c1.8 3.5 3 7 3.8 10.4c2.7 3.8 6.6 6.5 11.4 7.9c5.9 2.1 12.1 2.9 18.4 2.9h.7c6.3 0 12.9-1 19-3c4.5-1.5 8.3-4 11.1-8h.3c.7-3 1.8-6.8 3.5-10.3c4.1-5.9 8.3-11.4 12.4-17.7c5.5-10 9.3-21.4 11.4-33.6c-2.1 3-7.3 5.8-16.6 7.9m-82.7-8.7c10.8 2.7 24.6 4.1 41.2 4.1c16.9 0 30.4-1.5 41.2-4.1c11.4-2.7 16.9-6.3 16.9-9.6c0-2.5-2.5-4.8-7-6.6c1 .7 1.8 1.8 1.8 3c0 3.5-5.2 6.3-15.6 8.6c-9.6 2.1-22 3.6-37 3.6c-14.5 0-27.4-1.5-36.7-3.5c-10-2.5-15.3-5.2-15.3-8.6c0-1.5.7-2.7 2.7-4.1c-6.3 2.5-9.6 4.5-9.6 7.6c.3 3.5 5.9 7 17.4 9.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#28334c" d="M50.3 29.6c11.7-1 15-8.5 28.7-9.8c6.7-.6 11 .8 11.4 3.1c.4 2.2-2.9 3.7-7 4c-5.6.6-8-1.5-8.4-3.4c-4.1.4-4.8 2.2-4.6 3.5c.4 2.4 5.5 4.7 14.1 3.9c9.8-.8 13-4.6 12.2-8.5c-1-5-8.5-9.2-22-8c-17.3 1.6-17.2 9.5-28.9 10.5c-4.8.4-7.5-.7-8-2.6c-.3-1.9 2-2.8 4.8-3c2.6-.2 5.7.2 7.2 1c1.1-.6 1.5-1.1 1.3-1.8c-.4-1.8-4-2.6-8.5-2.2c-8.7.8-8.7 4.7-8.4 6.4c1.1 4.7 7.8 7.7 16.1 6.9m58.6 19.8c-10.8 2.5-24.6 4.1-41.2 4.1c-16.9 0-30.7-1.8-41.5-4.1c-9.6-2.5-14.8-5.2-16.6-8c.9 6.3 2.5 12.4 4.6 18.2c-2.4 1.5-4.7 3.5-6.7 6C3.7 70.4 2 76 2.3 81.5s3 10 7.3 13.5c4.5 3.5 9.3 4.5 14.8 3.5c2.1-.3 4.5-1.5 6.6-2.1c-4.5 0-8.3-1.5-12.1-4.5c-4.1-3-7-7.3-7.6-12.4c-1-4.8 0-9.3 2.7-13.2c.6-.8 1.2-1.4 1.9-2c1.5 3.8 3.3 7.4 5.2 10.9c4.1 6.3 8.3 11.8 12.4 17.7c1.8 3.5 3 7 3.8 10.4c2.7 3.8 6.6 6.5 11.4 7.9c5.9 2.1 12.1 2.9 18.4 2.9h.7c6.3 0 12.9-1 19-3c4.5-1.5 8.3-4 11.1-8h.3c.7-3 1.8-6.8 3.5-10.3c4.1-5.9 8.3-11.4 12.4-17.7c5.5-10 9.3-21.4 11.4-33.6c-2.1 3-7.3 5.8-16.6 7.9m-82.7-8.7c10.8 2.7 24.6 4.1 41.2 4.1c16.9 0 30.4-1.5 41.2-4.1c11.4-2.7 16.9-6.3 16.9-9.6c0-2.5-2.5-4.8-7-6.6c1 .7 1.8 1.8 1.8 3c0 3.5-5.2 6.3-15.6 8.6c-9.6 2.1-22 3.6-37 3.6c-14.5 0-27.4-1.5-36.7-3.5c-10-2.5-15.3-5.2-15.3-8.6c0-1.5.7-2.7 2.7-4.1c-6.3 2.5-9.6 4.5-9.6 7.6c.3 3.5 5.9 7 17.4 9.6"/></svg>
</template>

CSS

.icon-coffeescript {
  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%2328334c%22%20d%3D%22M50.3%2029.6c11.7-1%2015-8.5%2028.7-9.8c6.7-.6%2011%20.8%2011.4%203.1c.4%202.2-2.9%203.7-7%204c-5.6.6-8-1.5-8.4-3.4c-4.1.4-4.8%202.2-4.6%203.5c.4%202.4%205.5%204.7%2014.1%203.9c9.8-.8%2013-4.6%2012.2-8.5c-1-5-8.5-9.2-22-8c-17.3%201.6-17.2%209.5-28.9%2010.5c-4.8.4-7.5-.7-8-2.6c-.3-1.9%202-2.8%204.8-3c2.6-.2%205.7.2%207.2%201c1.1-.6%201.5-1.1%201.3-1.8c-.4-1.8-4-2.6-8.5-2.2c-8.7.8-8.7%204.7-8.4%206.4c1.1%204.7%207.8%207.7%2016.1%206.9m58.6%2019.8c-10.8%202.5-24.6%204.1-41.2%204.1c-16.9%200-30.7-1.8-41.5-4.1c-9.6-2.5-14.8-5.2-16.6-8c.9%206.3%202.5%2012.4%204.6%2018.2c-2.4%201.5-4.7%203.5-6.7%206C3.7%2070.4%202%2076%202.3%2081.5s3%2010%207.3%2013.5c4.5%203.5%209.3%204.5%2014.8%203.5c2.1-.3%204.5-1.5%206.6-2.1c-4.5%200-8.3-1.5-12.1-4.5c-4.1-3-7-7.3-7.6-12.4c-1-4.8%200-9.3%202.7-13.2c.6-.8%201.2-1.4%201.9-2c1.5%203.8%203.3%207.4%205.2%2010.9c4.1%206.3%208.3%2011.8%2012.4%2017.7c1.8%203.5%203%207%203.8%2010.4c2.7%203.8%206.6%206.5%2011.4%207.9c5.9%202.1%2012.1%202.9%2018.4%202.9h.7c6.3%200%2012.9-1%2019-3c4.5-1.5%208.3-4%2011.1-8h.3c.7-3%201.8-6.8%203.5-10.3c4.1-5.9%208.3-11.4%2012.4-17.7c5.5-10%209.3-21.4%2011.4-33.6c-2.1%203-7.3%205.8-16.6%207.9m-82.7-8.7c10.8%202.7%2024.6%204.1%2041.2%204.1c16.9%200%2030.4-1.5%2041.2-4.1c11.4-2.7%2016.9-6.3%2016.9-9.6c0-2.5-2.5-4.8-7-6.6c1%20.7%201.8%201.8%201.8%203c0%203.5-5.2%206.3-15.6%208.6c-9.6%202.1-22%203.6-37%203.6c-14.5%200-27.4-1.5-36.7-3.5c-10-2.5-15.3-5.2-15.3-8.6c0-1.5.7-2.7%202.7-4.1c-6.3%202.5-9.6%204.5-9.6%207.6c.3%203.5%205.9%207%2017.4%209.6%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%2328334c%22%20d%3D%22M50.3%2029.6c11.7-1%2015-8.5%2028.7-9.8c6.7-.6%2011%20.8%2011.4%203.1c.4%202.2-2.9%203.7-7%204c-5.6.6-8-1.5-8.4-3.4c-4.1.4-4.8%202.2-4.6%203.5c.4%202.4%205.5%204.7%2014.1%203.9c9.8-.8%2013-4.6%2012.2-8.5c-1-5-8.5-9.2-22-8c-17.3%201.6-17.2%209.5-28.9%2010.5c-4.8.4-7.5-.7-8-2.6c-.3-1.9%202-2.8%204.8-3c2.6-.2%205.7.2%207.2%201c1.1-.6%201.5-1.1%201.3-1.8c-.4-1.8-4-2.6-8.5-2.2c-8.7.8-8.7%204.7-8.4%206.4c1.1%204.7%207.8%207.7%2016.1%206.9m58.6%2019.8c-10.8%202.5-24.6%204.1-41.2%204.1c-16.9%200-30.7-1.8-41.5-4.1c-9.6-2.5-14.8-5.2-16.6-8c.9%206.3%202.5%2012.4%204.6%2018.2c-2.4%201.5-4.7%203.5-6.7%206C3.7%2070.4%202%2076%202.3%2081.5s3%2010%207.3%2013.5c4.5%203.5%209.3%204.5%2014.8%203.5c2.1-.3%204.5-1.5%206.6-2.1c-4.5%200-8.3-1.5-12.1-4.5c-4.1-3-7-7.3-7.6-12.4c-1-4.8%200-9.3%202.7-13.2c.6-.8%201.2-1.4%201.9-2c1.5%203.8%203.3%207.4%205.2%2010.9c4.1%206.3%208.3%2011.8%2012.4%2017.7c1.8%203.5%203%207%203.8%2010.4c2.7%203.8%206.6%206.5%2011.4%207.9c5.9%202.1%2012.1%202.9%2018.4%202.9h.7c6.3%200%2012.9-1%2019-3c4.5-1.5%208.3-4%2011.1-8h.3c.7-3%201.8-6.8%203.5-10.3c4.1-5.9%208.3-11.4%2012.4-17.7c5.5-10%209.3-21.4%2011.4-33.6c-2.1%203-7.3%205.8-16.6%207.9m-82.7-8.7c10.8%202.7%2024.6%204.1%2041.2%204.1c16.9%200%2030.4-1.5%2041.2-4.1c11.4-2.7%2016.9-6.3%2016.9-9.6c0-2.5-2.5-4.8-7-6.6c1%20.7%201.8%201.8%201.8%203c0%203.5-5.2%206.3-15.6%208.6c-9.6%202.1-22%203.6-37%203.6c-14.5%200-27.4-1.5-36.7-3.5c-10-2.5-15.3-5.2-15.3-8.6c0-1.5.7-2.7%202.7-4.1c-6.3%202.5-9.6%204.5-9.6%207.6c.3%203.5%205.9%207%2017.4%209.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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