coffeescript logo

coffeescript-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.

Name: coffeescript-dark
Set: Skill Icons
Style: Dark
Viewbox: 256×256
License: MIT

1 other variant in Skill Icons

The same logo in other sets

coffeescriptCatppuccin Icons coffeescriptCoreUI Brands coffeescriptDevicon coffeescriptSVG Logos coffeescriptSimple Icons

Use the coffeescript logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#fff" d="M66.708 90.68c17.462 4.443 39.812 6.665 66.694 6.665c27.504 0 49.321-2.222 66.738-6.665c18.573-4.31 27.505-10.131 27.505-15.64c0-3.91-3.999-7.732-11.242-10.665c1.644 1.111 2.933 2.933 2.933 4.932c0 5.599-8.443 10.176-25.327 13.997c-15.685 3.421-35.636 5.865-59.985 5.865c-23.505 0-44.389-2.444-59.496-5.643c-16.218-3.999-24.705-8.309-24.705-13.996c0-2.355 1.067-4.355 4.31-6.665c-10.13 3.91-15.64 7.242-15.64 12.219c.578 5.643 9.642 11.286 28.215 15.596m39.057-17.951c18.928-1.644 24.438-13.819 46.61-15.818c10.886-.845 17.818 1.332 18.529 5.154c.666 3.599-4.755 5.998-11.331 6.487c-9.064.933-12.797-2.31-13.552-5.42c-6.754.755-7.82 3.598-7.465 5.553c.756 3.822 8.887 7.687 22.928 6.354c15.818-1.244 21.15-7.465 19.817-13.73c-1.644-8.175-13.819-15.018-35.635-12.93c-27.993 2.489-27.816 15.508-46.877 17.063c-7.82.755-12.175-1.111-12.93-4.177c-.49-3.11 3.332-4.577 7.82-4.932c4.177-.444 9.242.31 11.641 1.644c1.778-.933 2.355-1.866 2.178-2.933c-.845-2.888-6.621-4.176-13.82-3.643c-14.173 1.244-14.173 7.598-13.684 10.397c1.332 7.332 12.263 12.175 25.771 10.93m95.131 31.947c-17.507 4.088-39.812 6.754-66.739 6.754c-27.459 0-49.854-2.844-67.271-6.665c-15.64-3.999-23.994-8.442-26.927-12.975c1.511 10.22 4.088 20.129 7.42 29.548c-3.998 2.489-7.597 5.599-10.841 9.776a37.54 37.54 0 0 0-8.487 25.815a30.07 30.07 0 0 0 11.864 21.817c7.243 5.643 15.063 7.331 23.994 5.643c3.421-.578 7.242-2.311 10.753-3.466c-7.332 0-13.508-2.355-19.64-7.242c-6.754-4.666-11.241-11.997-12.441-20.129c-1.644-7.82 0-15.107 4.443-21.505c1.022-1.244 2.088-2.355 3.244-3.333c2.488 6.088 5.154 12.086 8.175 17.64c6.754 10.264 13.508 19.151 20.262 28.837c2.933 5.643 4.799 11.242 6.132 16.84a32.35 32.35 0 0 0 18.573 12.486c9.597 3.333 19.595 4.843 29.814 4.266h1.067a86.1 86.1 0 0 0 30.747-4.31a35.3 35.3 0 0 0 17.996-12.442h.577c1.067-5.554 2.889-11.152 5.555-16.84c6.664-9.731 13.507-18.573 20.172-28.837A174 174 0 0 0 228 91.879c-3.644 5.021-12.041 9.376-27.104 12.797"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsCoffeescriptDark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#fff" d="M66.708 90.68c17.462 4.443 39.812 6.665 66.694 6.665c27.504 0 49.321-2.222 66.738-6.665c18.573-4.31 27.505-10.131 27.505-15.64c0-3.91-3.999-7.732-11.242-10.665c1.644 1.111 2.933 2.933 2.933 4.932c0 5.599-8.443 10.176-25.327 13.997c-15.685 3.421-35.636 5.865-59.985 5.865c-23.505 0-44.389-2.444-59.496-5.643c-16.218-3.999-24.705-8.309-24.705-13.996c0-2.355 1.067-4.355 4.31-6.665c-10.13 3.91-15.64 7.242-15.64 12.219c.578 5.643 9.642 11.286 28.215 15.596m39.057-17.951c18.928-1.644 24.438-13.819 46.61-15.818c10.886-.845 17.818 1.332 18.529 5.154c.666 3.599-4.755 5.998-11.331 6.487c-9.064.933-12.797-2.31-13.552-5.42c-6.754.755-7.82 3.598-7.465 5.553c.756 3.822 8.887 7.687 22.928 6.354c15.818-1.244 21.15-7.465 19.817-13.73c-1.644-8.175-13.819-15.018-35.635-12.93c-27.993 2.489-27.816 15.508-46.877 17.063c-7.82.755-12.175-1.111-12.93-4.177c-.49-3.11 3.332-4.577 7.82-4.932c4.177-.444 9.242.31 11.641 1.644c1.778-.933 2.355-1.866 2.178-2.933c-.845-2.888-6.621-4.176-13.82-3.643c-14.173 1.244-14.173 7.598-13.684 10.397c1.332 7.332 12.263 12.175 25.771 10.93m95.131 31.947c-17.507 4.088-39.812 6.754-66.739 6.754c-27.459 0-49.854-2.844-67.271-6.665c-15.64-3.999-23.994-8.442-26.927-12.975c1.511 10.22 4.088 20.129 7.42 29.548c-3.998 2.489-7.597 5.599-10.841 9.776a37.54 37.54 0 0 0-8.487 25.815a30.07 30.07 0 0 0 11.864 21.817c7.243 5.643 15.063 7.331 23.994 5.643c3.421-.578 7.242-2.311 10.753-3.466c-7.332 0-13.508-2.355-19.64-7.242c-6.754-4.666-11.241-11.997-12.441-20.129c-1.644-7.82 0-15.107 4.443-21.505c1.022-1.244 2.088-2.355 3.244-3.333c2.488 6.088 5.154 12.086 8.175 17.64c6.754 10.264 13.508 19.151 20.262 28.837c2.933 5.643 4.799 11.242 6.132 16.84a32.35 32.35 0 0 0 18.573 12.486c9.597 3.333 19.595 4.843 29.814 4.266h1.067a86.1 86.1 0 0 0 30.747-4.31a35.3 35.3 0 0 0 17.996-12.442h.577c1.067-5.554 2.889-11.152 5.555-16.84c6.664-9.731 13.507-18.573 20.172-28.837A174 174 0 0 0 228 91.879c-3.644 5.021-12.041 9.376-27.104 12.797"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#fff" d="M66.708 90.68c17.462 4.443 39.812 6.665 66.694 6.665c27.504 0 49.321-2.222 66.738-6.665c18.573-4.31 27.505-10.131 27.505-15.64c0-3.91-3.999-7.732-11.242-10.665c1.644 1.111 2.933 2.933 2.933 4.932c0 5.599-8.443 10.176-25.327 13.997c-15.685 3.421-35.636 5.865-59.985 5.865c-23.505 0-44.389-2.444-59.496-5.643c-16.218-3.999-24.705-8.309-24.705-13.996c0-2.355 1.067-4.355 4.31-6.665c-10.13 3.91-15.64 7.242-15.64 12.219c.578 5.643 9.642 11.286 28.215 15.596m39.057-17.951c18.928-1.644 24.438-13.819 46.61-15.818c10.886-.845 17.818 1.332 18.529 5.154c.666 3.599-4.755 5.998-11.331 6.487c-9.064.933-12.797-2.31-13.552-5.42c-6.754.755-7.82 3.598-7.465 5.553c.756 3.822 8.887 7.687 22.928 6.354c15.818-1.244 21.15-7.465 19.817-13.73c-1.644-8.175-13.819-15.018-35.635-12.93c-27.993 2.489-27.816 15.508-46.877 17.063c-7.82.755-12.175-1.111-12.93-4.177c-.49-3.11 3.332-4.577 7.82-4.932c4.177-.444 9.242.31 11.641 1.644c1.778-.933 2.355-1.866 2.178-2.933c-.845-2.888-6.621-4.176-13.82-3.643c-14.173 1.244-14.173 7.598-13.684 10.397c1.332 7.332 12.263 12.175 25.771 10.93m95.131 31.947c-17.507 4.088-39.812 6.754-66.739 6.754c-27.459 0-49.854-2.844-67.271-6.665c-15.64-3.999-23.994-8.442-26.927-12.975c1.511 10.22 4.088 20.129 7.42 29.548c-3.998 2.489-7.597 5.599-10.841 9.776a37.54 37.54 0 0 0-8.487 25.815a30.07 30.07 0 0 0 11.864 21.817c7.243 5.643 15.063 7.331 23.994 5.643c3.421-.578 7.242-2.311 10.753-3.466c-7.332 0-13.508-2.355-19.64-7.242c-6.754-4.666-11.241-11.997-12.441-20.129c-1.644-7.82 0-15.107 4.443-21.505c1.022-1.244 2.088-2.355 3.244-3.333c2.488 6.088 5.154 12.086 8.175 17.64c6.754 10.264 13.508 19.151 20.262 28.837c2.933 5.643 4.799 11.242 6.132 16.84a32.35 32.35 0 0 0 18.573 12.486c9.597 3.333 19.595 4.843 29.814 4.266h1.067a86.1 86.1 0 0 0 30.747-4.31a35.3 35.3 0 0 0 17.996-12.442h.577c1.067-5.554 2.889-11.152 5.555-16.84c6.664-9.731 13.507-18.573 20.172-28.837A174 174 0 0 0 228 91.879c-3.644 5.021-12.041 9.376-27.104 12.797"/></g></svg>
</template>

CSS

.icon-coffeescript-dark {
  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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M66.708%2090.68c17.462%204.443%2039.812%206.665%2066.694%206.665c27.504%200%2049.321-2.222%2066.738-6.665c18.573-4.31%2027.505-10.131%2027.505-15.64c0-3.91-3.999-7.732-11.242-10.665c1.644%201.111%202.933%202.933%202.933%204.932c0%205.599-8.443%2010.176-25.327%2013.997c-15.685%203.421-35.636%205.865-59.985%205.865c-23.505%200-44.389-2.444-59.496-5.643c-16.218-3.999-24.705-8.309-24.705-13.996c0-2.355%201.067-4.355%204.31-6.665c-10.13%203.91-15.64%207.242-15.64%2012.219c.578%205.643%209.642%2011.286%2028.215%2015.596m39.057-17.951c18.928-1.644%2024.438-13.819%2046.61-15.818c10.886-.845%2017.818%201.332%2018.529%205.154c.666%203.599-4.755%205.998-11.331%206.487c-9.064.933-12.797-2.31-13.552-5.42c-6.754.755-7.82%203.598-7.465%205.553c.756%203.822%208.887%207.687%2022.928%206.354c15.818-1.244%2021.15-7.465%2019.817-13.73c-1.644-8.175-13.819-15.018-35.635-12.93c-27.993%202.489-27.816%2015.508-46.877%2017.063c-7.82.755-12.175-1.111-12.93-4.177c-.49-3.11%203.332-4.577%207.82-4.932c4.177-.444%209.242.31%2011.641%201.644c1.778-.933%202.355-1.866%202.178-2.933c-.845-2.888-6.621-4.176-13.82-3.643c-14.173%201.244-14.173%207.598-13.684%2010.397c1.332%207.332%2012.263%2012.175%2025.771%2010.93m95.131%2031.947c-17.507%204.088-39.812%206.754-66.739%206.754c-27.459%200-49.854-2.844-67.271-6.665c-15.64-3.999-23.994-8.442-26.927-12.975c1.511%2010.22%204.088%2020.129%207.42%2029.548c-3.998%202.489-7.597%205.599-10.841%209.776a37.54%2037.54%200%200%200-8.487%2025.815a30.07%2030.07%200%200%200%2011.864%2021.817c7.243%205.643%2015.063%207.331%2023.994%205.643c3.421-.578%207.242-2.311%2010.753-3.466c-7.332%200-13.508-2.355-19.64-7.242c-6.754-4.666-11.241-11.997-12.441-20.129c-1.644-7.82%200-15.107%204.443-21.505c1.022-1.244%202.088-2.355%203.244-3.333c2.488%206.088%205.154%2012.086%208.175%2017.64c6.754%2010.264%2013.508%2019.151%2020.262%2028.837c2.933%205.643%204.799%2011.242%206.132%2016.84a32.35%2032.35%200%200%200%2018.573%2012.486c9.597%203.333%2019.595%204.843%2029.814%204.266h1.067a86.1%2086.1%200%200%200%2030.747-4.31a35.3%2035.3%200%200%200%2017.996-12.442h.577c1.067-5.554%202.889-11.152%205.555-16.84c6.664-9.731%2013.507-18.573%2020.172-28.837A174%20174%200%200%200%20228%2091.879c-3.644%205.021-12.041%209.376-27.104%2012.797%22%2F%3E%3C%2Fg%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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M66.708%2090.68c17.462%204.443%2039.812%206.665%2066.694%206.665c27.504%200%2049.321-2.222%2066.738-6.665c18.573-4.31%2027.505-10.131%2027.505-15.64c0-3.91-3.999-7.732-11.242-10.665c1.644%201.111%202.933%202.933%202.933%204.932c0%205.599-8.443%2010.176-25.327%2013.997c-15.685%203.421-35.636%205.865-59.985%205.865c-23.505%200-44.389-2.444-59.496-5.643c-16.218-3.999-24.705-8.309-24.705-13.996c0-2.355%201.067-4.355%204.31-6.665c-10.13%203.91-15.64%207.242-15.64%2012.219c.578%205.643%209.642%2011.286%2028.215%2015.596m39.057-17.951c18.928-1.644%2024.438-13.819%2046.61-15.818c10.886-.845%2017.818%201.332%2018.529%205.154c.666%203.599-4.755%205.998-11.331%206.487c-9.064.933-12.797-2.31-13.552-5.42c-6.754.755-7.82%203.598-7.465%205.553c.756%203.822%208.887%207.687%2022.928%206.354c15.818-1.244%2021.15-7.465%2019.817-13.73c-1.644-8.175-13.819-15.018-35.635-12.93c-27.993%202.489-27.816%2015.508-46.877%2017.063c-7.82.755-12.175-1.111-12.93-4.177c-.49-3.11%203.332-4.577%207.82-4.932c4.177-.444%209.242.31%2011.641%201.644c1.778-.933%202.355-1.866%202.178-2.933c-.845-2.888-6.621-4.176-13.82-3.643c-14.173%201.244-14.173%207.598-13.684%2010.397c1.332%207.332%2012.263%2012.175%2025.771%2010.93m95.131%2031.947c-17.507%204.088-39.812%206.754-66.739%206.754c-27.459%200-49.854-2.844-67.271-6.665c-15.64-3.999-23.994-8.442-26.927-12.975c1.511%2010.22%204.088%2020.129%207.42%2029.548c-3.998%202.489-7.597%205.599-10.841%209.776a37.54%2037.54%200%200%200-8.487%2025.815a30.07%2030.07%200%200%200%2011.864%2021.817c7.243%205.643%2015.063%207.331%2023.994%205.643c3.421-.578%207.242-2.311%2010.753-3.466c-7.332%200-13.508-2.355-19.64-7.242c-6.754-4.666-11.241-11.997-12.441-20.129c-1.644-7.82%200-15.107%204.443-21.505c1.022-1.244%202.088-2.355%203.244-3.333c2.488%206.088%205.154%2012.086%208.175%2017.64c6.754%2010.264%2013.508%2019.151%2020.262%2028.837c2.933%205.643%204.799%2011.242%206.132%2016.84a32.35%2032.35%200%200%200%2018.573%2012.486c9.597%203.333%2019.595%204.843%2029.814%204.266h1.067a86.1%2086.1%200%200%200%2030.747-4.31a35.3%2035.3%200%200%200%2017.996-12.442h.577c1.067-5.554%202.889-11.152%205.555-16.84c6.664-9.731%2013.507-18.573%2020.172-28.837A174%20174%200%200%200%20228%2091.879c-3.644%205.021-12.041%209.376-27.104%2012.797%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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