Copilot アイコン
material-icon-theme:copilot
Copilot アイコン(material-icon-theme:copilot)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#fafafa" d="M7.998 14C4.006 14 1.11 11.457 1 10.728v-1.7c.074-.549.592-1.472 1.39-1.803l.031-.19a4 4 0 0 1 .11-.534c-.176-.444-.222-.946-.222-1.446c0-.759.112-1.544.606-2.168c.507-.64 1.308-.98 2.384-1.1c1.055-.117 1.98.03 2.576.667q.066.07.121.144a2 2 0 0 1 .126-.144c.596-.638 1.52-.784 2.576-.667c1.076.12 1.877.46 2.383 1.1c.495.624.607 1.41.607 2.168c0 .5-.047 1.002-.223 1.446c.058.199.086.374.11.534l.033.19c.808.336 1.332 1.284 1.392 1.829v1.634C15 11.356 12.068 14 7.998 14m0-1.296c1.995 0 4.011-.969 4.377-1.25V7.738l-.02-.1c-.429.182-.94.253-1.511.253c-1.003 0-1.802-.285-2.371-.865A2.82 2.812 0 0 1 8 6.38a2.835 2.828 0 0 1-.476.648c-.569.58-1.368.865-2.371.865c-.57 0-1.082-.07-1.511-.254l-.02.101v3.714c.366.282 2.381 1.25 4.376 1.25M6.917 3.347c-.17-.18-.558-.36-1.472-.259c-.892.099-1.294.353-1.499.611c-.216.272-.323.689-.323 1.356c0 .693.113 1.022.27 1.197c.142.158.454.33 1.262.33c.746 0 1.171-.204 1.433-.47c.275-.282.46-.722.54-1.356c.102-.816-.033-1.218-.211-1.409m3.635-.259c-.913-.101-1.302.08-1.47.26c-.179.19-.315.592-.212 1.408c.08.634.265 1.074.54 1.356c.262.266.687.47 1.434.47c.807 0 1.12-.172 1.262-.33c.156-.175.269-.504.269-1.197c0-.667-.108-1.084-.324-1.356c-.204-.258-.606-.512-1.499-.61Z"/><path fill="#fafafa" d="M6.469 8.765a.656.655 0 0 1 .656.654v1.31a.656.655 0 0 1-1.313 0V9.42a.656.655 0 0 1 .657-.654Zm3.718.654v1.31a.656.655 0 0 1-1.312 0V9.42a.656.655 0 0 1 1.313 0z"/></svg>Copilot アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:copilot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:copilot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:copilot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--copilot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:copilot"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:copilot"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/copilot.svg" alt="Copilot アイコン" width="24" height="24">Material Icon Theme の関連アイコン
他のアイコンセットの Copilot アイコン
Copilot アイコン のよくある質問
Copilot アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Copilot アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:copilot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Copilot アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/copilot.svg" alt="Copilot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。