Copilotkit アイコン
thesvg-color:copilotkit
Copilotkit アイコン(thesvg-color:copilotkit)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="url(#SVGgJAfPema)" d="M8.162 7.758c2.093-2.738 3.831-5.445 4.498-7.63a.093.093 0 0 1 .14-.051c2.324 1.539 6.558 2.552 10.301 2.576a.09.09 0 0 1 .085.124c-1.243 3.158-2.765 8.817-2.823 15.28c-.001.095-.135.13-.183.046c-2.131-3.729-8.955-8.968-11.982-10.205a.09.09 0 0 1-.036-.14"/><path fill="url(#SVGoUvblJdq)" d="M15.223 6.083A62 62 0 0 1 8.25 7.827c-.045.008-.055.071-.012.089c3.05 1.267 9.84 6.492 11.952 10.206a.02.02 0 0 0 .022.007a.02.02 0 0 0 .01-.024l-4.999-12.02z"/><path fill="url(#SVGAVUHZceM)" d="M12.81.07c2.8 1.528 6.037 2.214 10.33 2.575c.028.002.036.039.012.051c-.55.282-3.695 1.883-6.03 2.74a45 45 0 0 1-1.876.64a.03.03 0 0 1-.033-.016L12.746.128c-.017-.04.027-.078.065-.058z"/><path fill="#513c9f" d="M12.725.075c.046-.019.1.003.119.05l7.514 17.923a.091.091 0 0 1-.148.1l-.02-.03L12.675.195a.09.09 0 0 1 .049-.12z"/><path fill="#513c9f" d="M23.06 2.66c.044-.025.1-.01.125.034a.09.09 0 0 1-.035.124v.001l-.008.004l-.025.015l-.1.054a41 41 0 0 1-1.811.92A47 47 0 0 1 16.33 5.82c-1.954.674-3.97 1.197-5.497 1.552a66 66 0 0 1-2.38.507l-.138.026l-.036.007h-.01l-.002.002a.091.091 0 1 1-.033-.18l.016.09l-.015-.09h.002l.01-.002l.035-.007l.137-.025a66 66 0 0 0 2.373-.506c1.524-.354 3.533-.876 5.479-1.547a47 47 0 0 0 6.276-2.709q.25-.131.381-.204l.099-.054l.024-.014l.008-.004z"/><path fill="#ababab" d="M13.838 2.272a.16.16 0 0 1 .107.2l-2.72 9.055h6.4l.061.013a.16.16 0 0 1 0 .295l-.061.013h-6.541L.679 24.099l-.05.04a.16.16 0 0 1-.194-.245l10.43-12.285l2.773-9.23a.16.16 0 0 1 .2-.107"/><path fill="url(#SVGWTSTZdcO)" d="m7.809 21.461l-1.232.173c.638 1.69 1.949 2.427 3.514 2.427c3.831 0 2.661-4.334 4.883-4.334c1.61 0 .956 3.513 4.423 3.513c2.116 0 2.326-2.131 1.966-3.048l-.008-.016l-.567-.868c-.037-.058-.127-.036-.133.032l-.106 1.053a1 1 0 0 0 .003.219c.088.727.144 2.491-1.155 2.491c-1.37 0-1.7-3.467-4.423-3.467c-3.196 0-2.785 4.289-4.747 4.289c-1.294 0-2.28-1.46-2.418-2.464"/><defs><linearGradient id="SVGgJAfPema" x1="17.852" x2="14.202" y1="1.467" y2="11.504" gradientUnits="userSpaceOnUse"><stop stop-color="#6430ab"/><stop offset="1" stop-color="#aa89d8"/></linearGradient><linearGradient id="SVGoUvblJdq" x1="15.024" x2="10.324" y1="7.125" y2="16.204" gradientUnits="userSpaceOnUse"><stop stop-color="#005dbb"/><stop offset="1" stop-color="#3d92e8"/></linearGradient><linearGradient id="SVGAVUHZceM" x1="17.122" x2="15.707" y1="1.467" y2="5.892" gradientUnits="userSpaceOnUse"><stop stop-color="#1b70c4"/><stop offset="1" stop-color="#54a4f2"/></linearGradient><linearGradient id="SVGWTSTZdcO" x1="6.577" x2="21.506" y1="21.758" y2="21.758" gradientUnits="userSpaceOnUse"><stop stop-color="#4497ea"/><stop offset=".255" stop-color="#1463b2"/><stop offset=".499" stop-color="#0a437d"/><stop offset=".667" stop-color="#2476c8"/><stop offset=".973" stop-color="#0c549a"/></linearGradient></defs></svg>Copilotkit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:copilotkit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:copilotkit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:copilotkit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--copilotkit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:copilotkit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:copilotkit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/copilotkit.svg" alt="Copilotkit アイコン" width="24" height="24">他のアイコンセットの Copilotkit アイコン
Copilotkit アイコン のよくある質問
Copilotkit アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Copilotkit アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:copilotkit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Copilotkit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/copilotkit.svg" alt="Copilotkit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。