Coffeescript アイコン
simple-icons:coffeescript
Coffeescript アイコン(simple-icons:coffeescript)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.645 7.472c2.1.53 4.779.8 8.008.8c3.299 0 5.918-.27 8.008-.8c2.23-.52 3.299-1.22 3.299-1.88c0-.47-.48-.93-1.35-1.28c.2.13.35.35.35.59c0 .67-1.01 1.22-3.039 1.68c-1.88.41-4.279.7-7.198.7c-2.82 0-5.329-.29-7.138-.68c-1.95-.48-2.97-1-2.97-1.68c0-.28.13-.52.52-.8c-1.22.47-1.88.87-1.88 1.47c.07.68 1.16 1.36 3.39 1.88m4.689-2.16c2.27-.2 2.929-1.659 5.588-1.899c1.31-.1 2.14.16 2.23.62c.08.43-.57.72-1.36.78c-1.09.11-1.54-.28-1.63-.65c-.81.09-.94.43-.9.67c.09.46 1.07.92 2.75.76c1.9-.15 2.54-.9 2.38-1.65c-.2-.98-1.66-1.8-4.28-1.55c-3.359.3-3.339 1.86-5.628 2.05c-.94.09-1.46-.13-1.55-.5c-.06-.37.4-.55.94-.59c.5-.05 1.11.04 1.4.2c.21-.11.28-.22.26-.35c-.1-.35-.79-.5-1.66-.44c-1.7.15-1.7.91-1.64 1.25c.17.87 1.48 1.45 3.1 1.3zm11.417 3.84c-2.1.49-4.779.809-8.008.809c-3.3 0-5.989-.34-8.078-.8c-1.88-.48-2.88-1.01-3.23-1.56c.18 1.23.49 2.42.89 3.55c-.48.3-.91.67-1.3 1.17a4.52 4.52 0 0 0-1.019 3.098a3.6 3.6 0 0 0 1.42 2.62c.87.68 1.81.88 2.879.68c.41-.07.87-.28 1.29-.42c-.88 0-1.62-.28-2.36-.87a3.55 3.55 0 0 1-1.49-2.42c-.2-.94 0-1.81.53-2.579c.12-.15.25-.28.39-.4c.3.73.62 1.45.98 2.12c.81 1.23 1.62 2.299 2.43 3.459c.35.68.58 1.35.74 2.019a3.9 3.9 0 0 0 2.229 1.5c1.15.4 2.35.58 3.579.51h.13a10.2 10.2 0 0 0 3.689-.52a4.18 4.18 0 0 0 2.16-1.49h.07c.13-.67.35-1.34.67-2.02c.799-1.17 1.619-2.229 2.419-3.458A20.995 20.993 0 0 0 24 7.612c-.43.6-1.44 1.13-3.25 1.54z"/></svg>Coffeescript アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:coffeescript" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:coffeescript" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:coffeescript" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--coffeescript]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:coffeescript"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:coffeescript"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/coffeescript.svg" alt="Coffeescript アイコン" width="24" height="24">他のアイコンセットの Coffeescript アイコン
Coffeescript アイコン のよくある質問
Coffeescript アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coffeescript アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:coffeescript" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coffeescript アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/coffeescript.svg" alt="Coffeescript アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。