Иконка Coffeescript

devicon:coffeescript

Иконка Coffeescript (devicon:coffeescript) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" 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>

Как использовать иконку Coffeescript

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:coffeescript" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:coffeescript" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:coffeescript" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--coffeescript]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:coffeescript"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:coffeescript"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/coffeescript.svg" alt="Иконка Coffeescript" width="24" height="24">

Иконка Coffeescript в других наборах

Вопросы и ответы: Иконка Coffeescript

Можно ли бесплатно использовать иконку Coffeescript в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Coffeescript в React?

Установите @iconify/react и выведите <Icon icon="devicon:coffeescript" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Coffeescript на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/coffeescript.svg" alt="Иконка Coffeescript">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →