Copilot Dot アイコン

Q: Copilot Dot アイコンは商用利用でも無料ですか?

はい。Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

codicon:copilot-dot

Copilot Dot アイコン(codicon:copilot-dot)は、Codicons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Codicons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Codicons
作者: Microsoft Corporation
ライセンス: CC-BY-4.0
サイズ: 24 × 24
タグ: copilotdot

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m13.99 7.29l-.03-.21c-.01-.06-.03-.13-.04-.2c-.3.07-.6.12-.92.12c-.62 0-1.2-.15-1.72-.4c-.08 0-.15.01-.24.01c-.81 0-1.26-.22-1.54-.51c-.3-.31-.49-.78-.58-1.46c-.09-.67-.01-1.08.11-1.33C9.03 3.21 9 3.1 9 3c0-.53.11-1.02.29-1.48c-.46.11-.86.32-1.17.65c-.04.04-.09.1-.13.15c-.04-.05-.08-.1-.13-.15c-.64-.69-1.63-.85-2.76-.72c-1.15.13-2.01.49-2.55 1.18c-.53.67-.65 1.51-.65 2.33c0 .53.05 1.07.24 1.55c-.06.21-.09.4-.12.57c-.01.08-.02.14-.03.21C1.13 7.65.58 8.64.5 9.23v1.83c.12.79 3.14 3.53 7.5 3.53s7.5-2.84 7.5-3.56V9.27l-.02-.02c-.06-.58-.62-1.6-1.49-1.96M3.65 3.52c.22-.28.65-.55 1.61-.66c.98-.11 1.4.09 1.58.28c.2.2.34.63.23 1.51c-.09.68-.28 1.16-.58 1.46c-.28.29-.74.51-1.54.51c-.86 0-1.2-.19-1.35-.36c-.17-.19-.29-.55-.29-1.29H3.3c0-.71.12-1.16.35-1.45m9.04 8.32c-.39.3-2.55 1.34-4.69 1.34s-4.3-1.04-4.69-1.34V7.85l.02-.11c.46.19 1.01.27 1.62.27c1.07 0 1.93-.31 2.54-.93c.2-.21.37-.45.51-.7c.14.26.31.49.51.7c.61.62 1.47.93 2.54.93c.61 0 1.16-.07 1.62-.27l.02.11zM7.06 9.66v1.41c0 .39-.31.7-.7.7s-.7-.31-.7-.7V9.66c0-.39.31-.7.7-.7s.7.31.7.7m3.28 0v1.41c0 .39-.31.7-.7.7s-.7-.31-.7-.7V9.66c0-.39.31-.7.7-.7s.7.31.7.7M10 3c0-1.66 1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3s-3-1.34-3-3"/></svg>

Copilot Dot アイコンの使い方

React

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

<Icon icon="codicon:copilot-dot" width="24" />

Vue

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

<template>
  <Icon icon="codicon:copilot-dot" width="24" />
</template>

Svelte

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

<Icon icon="codicon:copilot-dot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--copilot-dot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:copilot-dot"></div>

Web コンポーネント

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

<iconify-icon icon="codicon:copilot-dot"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/codicon/copilot-dot.svg" alt="Copilot Dot アイコン" width="24" height="24">

Codicons の関連アイコン

Copilot Dot アイコンのよくある質問

Copilot Dot アイコンは商用利用でも無料ですか?

はい。Codicons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Copilot Dot アイコンを使うには?

@iconify/react をインストールして <Icon icon="codicon:copilot-dot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Copilot Dot アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/codicon/copilot-dot.svg" alt="Copilot Dot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Codicons をすべて見る →