Copilot 48 アイコン
octicon:copilot-48
Copilot 48 アイコン(octicon:copilot-48)は、Octicons セットの無料 SVG アイコンです(作者: GitHub)。 48 × 48 のグリッドで描かれています。 Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M47.801 34.003c-1.72 2.988-11.706 10.037-23.82 10.037S1.881 36.991.161 34.003a1.3 1.3 0 0 1-.161-.57v-5.615q.017-.256.11-.498c.744-1.867 2.692-4.58 5.206-5.308c.333-.855.826-2.106 1.287-3.029a20 20 0 0 1-.104-2.171c0-2.659.563-4.992 2.262-6.729c.793-.811 1.777-1.433 2.945-1.901C14.502 5.911 18.483 4 23.938 4s9.523 1.911 12.319 4.182c1.167.468 2.151 1.09 2.944 1.901c1.699 1.737 2.263 4.07 2.263 6.729c0 .736-.027 1.465-.105 2.171c.461.923.954 2.174 1.288 3.029c2.513.728 4.461 3.441 5.205 5.308c.081.205.115.424.115.645v5.318c0 .252-.04.502-.166.72M24.325 22.031h-.688a8.5 8.5 0 0 1-.709 1.016c-1.537 1.892-3.833 2.98-7.008 2.98c-3.447 0-5.972-.717-7.557-2.514a4 4 0 0 1-.171-.21l-.195.21v13.155c2.867 1.558 9.02 4.353 15.984 4.353s13.117-2.795 15.984-4.353V23.513l-.195-.21s-.066.091-.171.21c-1.584 1.797-4.11 2.514-7.557 2.514c-3.175 0-5.47-1.088-7.008-2.98a9 9 0 0 1-.709-1.016h-.033zm-1.969-5.864a14 14 0 0 0 .127-1.785v-.042c-.003-1.537-.339-2.538-.876-3.152c-.681-.78-2.09-1.378-5.06-1.057c-3.008.326-4.69 1.073-5.643 2.048c-.923.944-1.408 2.356-1.408 4.633c0 2.42.348 3.849 1.115 4.719c.729.827 2.165 1.499 5.309 1.499c2.417 0 3.799-.786 4.683-1.873c.948-1.168 1.482-2.878 1.753-4.99m3.25 0c.271 2.112.805 3.822 1.754 4.99c.883 1.087 2.265 1.873 4.682 1.873c3.145 0 4.58-.672 5.309-1.499c.767-.87 1.116-2.299 1.116-4.719c0-2.277-.485-3.689-1.408-4.633c-.954-.975-2.635-1.722-5.644-2.048c-2.969-.321-4.378.277-5.06 1.057c-.537.614-.873 1.615-.876 3.152v.042q.001.793.127 1.785"/><path fill="currentColor" d="M28.998 28.516c1.104 0 1.999.895 1.999 1.999v3.998a2 2 0 1 1-3.998 0v-3.998c0-1.104.895-1.999 1.999-1.999m-9.996 0c1.104 0 1.999.895 1.999 1.999v3.998a2 2 0 1 1-3.998 0v-3.998c0-1.104.895-1.999 1.999-1.999"/></svg>Copilot 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="octicon:copilot-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="octicon:copilot-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="octicon:copilot-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[octicon--copilot-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/octicon -->
<div class="i-octicon:copilot-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="octicon:copilot-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/octicon/copilot-48.svg" alt="Copilot 48 アイコン" width="24" height="24">Octicons の関連アイコン
Copilot 48 アイコン のよくある質問
Copilot 48 アイコンは商用利用でも無料ですか?
はい。Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Copilot 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="octicon:copilot-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Copilot 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/octicon/copilot-48.svg" alt="Copilot 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。