Copilot アイコン
fa7-brands:copilot
Copilot アイコン(fa7-brands:copilot)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M319.5 106.2c58.2 0 101.6 20.4 131.5 44.6c12.5 5 23 11.7 31.4 20.3c18.1 18.5 24.2 43.4 24.2 71.8c0 7.9-.3 15.6-1.1 23.2c4.9 9.9 10.2 23.2 13.8 32.3c26.8 7.8 47.6 36.7 55.5 56.7c.9 2.2 1.3 4.5 1.3 6.9v56.7c0 2.7-.4 5.4-1.8 7.7c-18.4 31.9-124.9 107.1-254.2 107.1s-236-75.2-254.3-107.1c-1.3-2.3-1.8-5-1.8-7.7V362c0-2.3.4-4.7 1.2-6.9c7.9-19.9 28.7-48.9 55.6-56.7c3.6-9.1 8.8-22.5 13.8-32.3c-.8-7.5-1.1-15.3-1.1-23.2c0-28.4 6-53.3 24.2-71.8c8.5-8.7 19-15.3 31.4-20.3c29.8-24.2 72.3-44.6 130.5-44.6zm-3.2 192.4c-2.3 3.8-4.8 7.4-7.6 10.8c-16.4 20.2-40.9 31.8-74.8 31.8c-36.8 0-63.7-7.7-80.7-26.8c-.9-1-1.7-2.1-1.8-2.2l-2.1 2.2v140.4c30.6 16.6 96.3 46.5 170.6 46.5s140-29.8 170.6-46.5V314.4l-2.1-2.2c-.1.1-.8 1-1.8 2.2c-16.9 19.2-43.9 26.8-80.7 26.8c-33.9 0-58.4-11.6-74.8-31.8c-2.8-3.4-5.3-7.1-7.5-10.8h-7.4zM266.7 368c11.8 0 21.3 9.5 21.3 21.3V432c0 11.8-9.5 21.3-21.3 21.3s-21.3-9.5-21.3-21.3v-42.7c0-11.8 9.5-21.3 21.3-21.3m106.6 0c11.8 0 21.3 9.5 21.3 21.3V432c0 11.8-9.5 21.3-21.3 21.3s-21.3-9.6-21.3-21.4v-42.7c0-11.8 9.5-21.3 21.3-21.3zM240.7 171.7c-32.1 3.5-50 11.4-60.2 21.8c-9.9 10.1-15 25.2-15 49.5c0 25.8 3.7 41.1 11.9 50.3c7.8 8.8 23.1 16 56.7 16c25.8 0 40.5-8.4 50-20c10.1-12.5 15.8-30.7 18.7-53.2c.9-7.1 1.3-13.4 1.3-19.1v-.5c0-16.4-3.6-27.1-9.3-33.6c-7.3-8.3-22.3-14.7-54-11.3zm158.7 0c-31.7-3.4-46.7 3-54 11.3c-5.7 6.6-9.3 17.2-9.3 33.6v.5c0 5.7.4 12 1.3 19.1c2.9 22.5 8.6 40.8 18.7 53.2c9.4 11.6 24.2 20 50 20c33.6 0 48.9-7.2 56.7-16c8.2-9.3 11.9-24.5 11.9-50.3c0-24.3-5.2-39.4-15-49.5c-10.2-10.4-28.1-18.4-60.2-21.8z"/></svg>Copilot アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:copilot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:copilot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:copilot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--copilot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:copilot"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:copilot"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/copilot.svg" alt="Copilot アイコン" width="24" height="24">他のアイコンセットの Copilot アイコン
Copilot アイコン のよくある質問
Copilot アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Copilot アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:copilot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Copilot アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/copilot.svg" alt="Copilot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。